COLUMN

コラム

スマホファーストのデザイン思考とは

スマホファーストのデザイン思考とは

多くのユーザーがスマートフォンでホームページを閲覧する時代、パソコン画面を基準にデザインしてから縮小する発想では使いにくいサイトになりがちです。

狭い画面での優先順位を先に決める

限られた画面幅の中で、何を一番に見せるべきかをまず決めてからデザインを組み立てることが、スマホファーストの基本的な考え方です。

指での操作を前提にサイズを決める

細かいリンクやボタンは指でのタップミスを誘発します。パソコンのマウス操作を前提にしたサイズ感のままにしないよう注意しましょう。

縦スクロールでの情報の見せ方を工夫する

横並びのレイアウトはスマホでは縦積みに変わることが多いため、情報の順番が意味を持つように、あらかじめ構成を考えておく必要があります。

パソコン画面は「拡張」として考える

スマホ版を基本として設計し、パソコン版ではその情報をより広い画面でどう活かすかという順番で考えると、無理のないデザインになります。

CONTACT

ウェブ集客でお悩みですか?
まずはお気軽にご相談ください。

無料でご相談する