1画面を大きく見せる資産管理アプリの紹介

スマートフォンのアプリを Web で紹介するとき、端末の写真を何台並べるかは古くからの論点です。2007年に iPhone が登場して以来、アプリのプロダクトサイトは「端末のフレームの中に画面を見せる」形式へ急速に収束しました。そこから分かれた二つの型が、複数画面を扇状に広げるコラージュ型と、1台だけを大きく据える単画面ヒーロー型です。金融や計測を扱うアプリが後者を選ぶのには、はっきりした理由があります。

数字は、大きくないと数字にならない

家計簿や投資のアプリを検討している人が最初に知りたいのは、機能の一覧ではありません。「自分のお金がどう見えるのか」です。ところが端末を3台並べると、1台あたりの幅は3分の1になり、金額の桁が潰れて読めなくなります。並べた瞬間に、いちばん見せたかったものが見えなくなるわけです。1台を大きく置き、周囲に数値の断片だけを浮かせる構図は、主題と補足を視線の順序で分けるための配置です。浮かせるカードに文章を入れないのも同じ理由で、あれは読ませるためではなく、画面の外にも情報があると示すための記号です。

向く題材と、向かない題材

この型が効くのは、1画面で価値を語り切れるプロダクトに限られます。資産の合計、睡眠時間、走行距離のように、中心に据えるべき数値が一つに定まる場合です。逆に、機能が多岐にわたって画面ごとに役割が違うアプリ——交流サービスや総合的な買い物アプリ——では、1画面を大きく見せても製品の全体像が伝わりません。そういう題材には、素直にコラージュ型かタブ切替型を使うべきです。

仕上げで効いてくるところ

数値は等幅で組んでください。桁が揃うだけで、集計された値だという印象が生まれます。

増減には符号と色を必ず両方付けてください。色だけに頼ると、色覚特性によっては増減が反転して伝わります。

そして暗い配色では、最も薄い補助文字が背景に沈みやすい。装飾を詰める前に、いちばん読みにくい一行のコントラストを先に確かめておくと、後から全体を作り直さずに済みます。