すべてのカテゴリ

こんばんは！伴走型デザイナー・ヒートマップ解析士のしるべデザイン・ひかるです。突然ですが、皆さんがスマホでサイトを見ている時のことを思い出してみてください。■リンクを押そうとしたら隣のボタンを誤爆した■文字が小さすぎて、わざわざピンチアウト（拡大）しないと読めない■ページを開いた瞬間、文字がぎっしりで「うわっ」と思って閉じたこうした「ちょっとしたイライラ」、実はビジネスにおいて致命的な損失を生んでいるんです。イライラ解消のために大事なポイントは何か？順に説明します。「モバイルファースト」と「レスポンシブ」の違い、知っていますか？よく聞くこの言葉、実は意味が少し違います。▼レスポンシブPC向けに作ったものを、スマホの画面サイズに合わせて「自動で整列し直す」仕組み。▼モバイルファーストそもそも「スマホで見る人」を主役として、最初からスマホでの使いやすさを最優先に設計する考え方。今の時代、サイト訪問者の8割以上がスマホユーザーです。だからこそ、私は「スマホでどう見えるか」から逆算してデザインを組み立てることを意識して制作しています。0.1ミリの差が「信頼」を変える「そんな細かいこと……」と思うかもしれませんが、この差が成約率を大きく左右します。イライラしてしまったら、皆さんページから離れてしまいますよね。そうしない工夫の一部を紹介します。▼文字の大きさスマホでの最低ラインは16px。これより小さいと、無意識に読むのをやめてしまいます。年齢などに合わせることを考えると、これでもまだ小さいという場合もあります。ターゲットに合わせて設計していく部分です。▼ボタンの幅人の指の腹のサイズを考え