シンプルなスマホサイト

現在スマホサイトのトレンドはシンプルなデザインに流れており、ウェブ系デザイナーにとっては押さえておくべき基本だと言えるのではないでしょうか。
シンプルなデザインはユーザビリティに優れており、利用者にとって好感度の持てるデザインだとされています。本記事では、そんなデザイナーとして絶対に習得しておきたい、シンプルなスマホサイトを作成するコツをご紹介します。

ユーザーはシンプルなものを求めている

ユーザーはシンプルさを求める

現在シンプルなのがトレンドだということもありますが、一般的にシンプルなデザインのスマホサイトはユーザーにとっても操作がしやすく、親しみやすいものだと言えます。操作がしやすく、親しみやすければ自然とそのサイトに好感が生まれます。その結果、訪問者数が増えリピート率も高まるのではないでしょうか。
アーティスティックで色々な仕掛けを施した、独創的なスマホサイトもとても魅力的ですが、ユーザーのニーズに応えたシンプルなデザインに仕上げることが必要なのではないでしょうか。

わかりやすいデザインのコツはユーザーの立場に立つこと

わかりやすいデザイン

スマホサイトを作成するに当たり、絶対に押さえておきたいポイントが、ユーザーが操作しやすいものを作り上げるということです。もちろんデザインも重要なのですが、サイトの目的はユーザーに情報を提供することなので、操作性の良さが一番重要だと言えます。そういった、ユーザーが操作しやすく、わかりやすいデザインにするには、ユーザーの立場に立って考えてみる必要があります。
「デザインを作った本人がわかりやすいサイト」=「ユーザーがわかりやすいサイト」ではないことを念頭に置いて、一度デザインができた後に、家族や友人などの出来るだけデザインの知識がない人に一度見てもらうのがよいでしょう。制作側が見落としがちなユーザー目線の意見を聞くことができるので、とてもオススメの方法です。

気をつけたいのはフォントのサイズとボタンの配置

気をつけたいフォント

シンプルでわかりやすいスマホサイトを目指すのであれば、フォントのサイズとボタンの配置に気を付けなければいけません。そのために必要なのは、他のシンプルでわかりやすい優れたスマホサイトを観察し、どのようなフォントを採用していて、それぞれの要素の配置はどうなっているのか、ある一定の規則が存在しているはずです。つまりルールを設けて、それにそって制作することが大切なのです。
フォントのサイズやボタンの配置はもちろんのこと、その他のオブジェクトのマージンやパディングなどについても、一定のルールを作るのがよいでしょう。

シンプルで使いやすいスマホサイト参考例

シンプルで使いやすいスマホサイトを作る上で大切なことは、優れたデザインのスマホサイトをよく研究することです。
では、どういったスマホサイトを研究すればいいのでしょうか。優良な参考資料として、ITサービスや大手機器メーカーなどのスマホサイトが挙げられます。こういった業界はシンプルでわかりやすいスマホサイトを積極的に採用している傾向があります。前述で触れたように、しっかりと要素ごとのルール決めがされているので、細かい部分までよく観察してみてください。
参考企業
GMOインターネット株式会社:https://www.gmo.jp/

また、デザイン会社のサイトも見てみるといいでしょう。デザイン会社のサイトは、それ自体がポートフォリオのような役割を果たしているため、各社かなり力を入れて制作しています。よって自然とクオリティの高いものが多く、とても参考になります。
参考企業
Cuna Design:http://www.cuna-design.com/

参考例

いかがでしたか?以上がシンプルでわかりやすいスマホサイトを作るコツになります。
ユーザー目線でデザインを決めていき、要素ごとにルールを決めることが大切です。積極的に色々なスマホサイトを観察し、是非わかりやすく利用者からの好感度が高いスマホサイトを作ってみてください。