スマホのレイアウトデザインとは！？

スマホの特徴を考える！

スマホサイトとPCサイトでは、制作段階で制約の違いなどがあり、普段PCで使用しているようなサイトとは違った点がいくつか出てきます。
スマホサイトを構築していく上で重要となるのは画面サイズです。一般的に480×320pixel ～960×640pixelですが、実際の寸法としては80mm×50mm弱程度しかありません。
これはどういうことかというと、非常に小さい画面の中でデザインを構築していかないといけなくなるので、PC向けのデザインは適さないということです。

他にも様々な制約がありますので、スマホサイトとPCサイトの制約の違いを下記にまとめました。これらのことが違うということを覚えなくても何となくは頭に入れておきましょう。

スマホサイトを作成する時の注意点

ユーザーにより、分かりやすくを意識しよう！

細部にもこだわりを！

違うのは画面サイズだけではなく、PC向けWebサイトでは、マウスをボタンの上に持っていった時に、色が変わり「ここを押すことができますよ」と目視で分かるように処理が可能ですが、スマホサイトの場合はマウス自体がないので、このような処理をする事ができません。
なので、スマホサイトでは誰が見ても「ここが押せる」ということを一目で分かるように表現することが大切です。

他にも、PCサイトでは２カラムや３カラムなどが主流ですが、スマホサイトは１カラムで構成される場合がほとんどです。
なので、横幅320pxを基準に作成し、縦向き、横向きに対応できるようなデザインにする必要があります。
コンテンツ量が多い場合は、アコーディオンなどを利用してユーザーが気になった点のみを表示させて確認できるような、仕組みにする必要があるなど、様々な点に注意を払い、実際に1人のユーザーの立場にたって、より良いサイトを心掛けましょう。

スマートフォンサイト制作料金

※Itd-Doorではスマホサイトを制作しております。
スマホのレイアウトデザインでの設計、デザインにて訴求力のあるスマホサイトを制作いたします。
ご質問等ある場合はお気軽にお問い合わせくださいませ。

その他のコースはコチラよりご覧ください。

スマートフォンサイト制作で覚えておきたい十箇条