Responsive Design.

スマートフォン用とPC用に別サイトを作るのではなく、柔軟なグリッド、画像、CSSのメディアクエリなどを使い、異なる画面に適応させる。単に横幅を縮小するだけでは、タップ領域、見出しの改行、画像の比率、メニューの優先順位が破綻する。画面幅ごとに利用状況が異なることはあるが、モバイルの利用者に重要な情報を隠すことが正解とは限らない。ブレークポイントは端末名ではなく、内容が無理なく表示できる条件から決めるとよい。

スマートフォンで横スクロールを避けた結果、カテゴリーや日付の表示が読みにくくなったなら、単なる縮小最適化にとどまっている可能性がある。情報の並び、改行、タップ時の反応まで実機で確かめたい。

Blueberry’s Perspective

小さな画面は、デザインを小さくする場所ではなく、優先順位を露わにする場所だ。