おひとり様女性起業家でSNSなどWEB媒体をしようしたビジネスをしている場合、忘れてはいけないのが「お客様がどの媒体で見ているか」です。そこで「スマホで使いやすいデザインを施す」スマホファーストについてお伝えします。
目次
1.スマホファーストとは
2.なぜスマホファーストが必要？
3.スマホファーストをどう生かす？
4.終わりに
スマホファーストとは
「スマホを含めた全ての媒体に対してニーズを最適化する」がスマホファーストです。(モバイファースト）ですので、スマホでのデザインを優先する！という訳ではありません。「お客様や検索者の使いやすさ・見やすさを考えた設計やデザインをした結果、お客様が満足する」がスマホファーストの考え方です。ですので、PCなど各媒体でお客様目線を意識することが重要です。
なぜスマホファーストが必要？
現代はスマホが普及し、とても身近なものです。またタブレットやパソコンなど情報を検索できる媒体が多様化し、利用者が増えました。それぞれの媒体で特徴が異なるため、お客様が使いやすいデザインが求められるからです。
今すぐ出来るスマホファースト
ホームページに限らず、ブログやSNSもスマホファーストは行えます。告知ページシステムペライチはPC版、タブレット版、スマホ版でデザインや使用画像が変更できます。アメブロだとPC版とスマホ版でヘッダーの見え方が変わります。お客様がスマホで見ることが多い場合は、スマホで使いやすい設計にしましょう＾＾
ボタンの位置・大きさ
告知ページやホームページを作成する場合、スマホ版で気をつけたいのがボタンの位置と大きさです。指で小さい画面にタッチするので、タッチしやすい大きさと場所に配置します。
例えば、右手でメモを取ったり書き写すのが必要な場合、左手でスマホを持ち、片手で操作する可能性が高いです。すると、左手の親指で押しやすい位置に大き目のボタンを作ると、押しやすくなります。
文字の大きさ・量・位置
スマホの画面はPCと比べるとかなり小さく、見づらいです。普段PCでブログなどを書いている方は要注意です！スマホで確認してみると、思ったより字が小さかった、見づらいことはありませんか？特に文字の大きさや色が変えられる場合、小さい文字を淡い色にしてしまうと、輪郭がぼやけて見づらいです。
また文字量と余白のバランスもポイントです。ブログやホームページ投稿のように、長文を書く場合は、余白を意識的に多めに入れましょう。続けて書くほうがパソコンでは見やすいですが、スマホ画面１面文字…ということにも。
センタリングもスマホでは要注意です。PCの場合、センタリングは見やすく、区切りの役目を果たせます。自己紹介だけセンタリングすると、本文とは別なことが、パッと見で伝わってきます。
ですが、センタリング、スマホだとものすごく見にくいです。１行で収まる場合やバナーの説明など画像の上に１行あるだけなら良いのですが、長文が続くと、全体の形が真ん中が膨れたピラミッド型になります。画面が小さいスマホはセンタリングすると読みづらい印象になってしまいます。左揃えの方が読みやすいと個人的に思います。
せっかくのブログや投稿も読みづらいという理由で、お客様がページ移動されたら悲しいです。お客様からどう見えているのか？を常に意識しましょう♡
終わりに
あなたのお客様がどのツールを使っているか？年齢層などによってもデザインは変わってきます。ですが、お客様にとって見やすい・使いやすいデザインはスマホファーストでなくても重要です。身近なツールで簡単に調べることができる反面、パソコンと比較して画面が小さいなどの欠点も…どの媒体からでも見やすく使いやすいのが理想ですが、難しい場合は１番はあなたのお客様の見やすさを優先するといいでしょう＾＾
お読みいただき、ありがとうございました。