#290
情報設計・ナビゲーション
#290もばいるふぁーすと
モバイルファースト (Mobile First)
別名・表記:Mobile FirstモバイルファーストインデックスMFI
UIXHERO Definition
「スマホを最優先」。画面が小さく制約の多いモバイル環境から設計することで、本当に重要な要素を厳選し、本質的なUXを実現する。
概要
Flickrなどのデザイナーを務めたルーク・ウロブルスキー（Luke Wroblewski）が2009年に提唱。 「デスクトップの縮小版」を作るのではなく、制約の多いモバイル向けにコアな体験を作り込み、それをデスクトップ向けに拡張していく設計思想。 Googleも検索の評価基準をモバイル版サイトにする「モバイルファーストインデックス（MFI）」を導入している。MFIは「UX設計」ではなく「検索評価軸」なので、 UXとSEOの橋渡し という位置づけ。
UXでの活用
- コンテンツの厳選: 画面が狭いため、ユーザーにとって本当に必要な機能や情報だけを残す「引き算」の思考が身につく。
- コンテキストの考慮: 移動中や片手操作など、モバイル特有の利用文脈（タッチインターフェース、不安定な通信環境）を前提としたデザインが可能になる。
💡 使いどころ
現代のほぼ全てのWebサイト・アプリ開発において。特にBtoCサービスではスマホからのアクセスが過半数を占めることが多いため必須。
⚠️ 注意点・誤用
単に「スマホからデザインする」だけでなく、「PC版にした時に情報をどうリッチにするか（プログレッシブエンハンスメント）」も考える必要がある。「スマホで機能すればPCは適当で良い」わけではない。
具体例
- 重要度が低いコンテンツをサイドバーではなく下部に配置するのではなく、そもそも「モバイルで不要なら削除する」判断をする。
- 通信速度が遅いモバイル環境を基準にパフォーマンスチューニングを行う。
出典・参考文献:
- Luke Wroblewski: Mobile First
- Google Developers: Mobile-First Indexing