一言でいうと
モバイルファーストとは、スマートフォンなどの小さい画面に合わせてウェブサイトを作ることから始める考え方です。
もう少し詳しく
昔は、パソコンの大きな画面に合わせてウェブサイトを作って、後からスマートフォン用に縮小していました。しかしモバイルファーストは、その逆です。最初からスマートフォンの小さな画面で見やすく使いやすいサイトを作り、その後でパソコン用に広げていく方法です。
例えるなら、スマートフォンが「主役」で、パソコンが「それに合わせる脇役」という関係になります。
今の時代、多くの人がスマートフォンでネットを見ているので、この考え方が大切になっています。スマートフォンで読みにくいサイトは、たくさんのユーザーを逃してしまうからです。
よく使われる場面
企業がウェブサイトをリニューアルするときや、新しいサービスのページを作るときに、「モバイルファースト設計で進めましょう」という指示が出ます。また、エラーが多く発生しているサイトを改善するときも、モバイル画面での表示が原因になっていないか確認するために、この考え方を参考にします。
関連する言葉
- レスポンシブデザイン：画面の大きさに自動で対応するデザイン
- ユーザーエクスペリエンス（UX）：使い手の経験や満足度
- UI（ユーザーインターフェース）：ボタンやメニューなど、画面に見える部分