参考ギャラリーサイト

1.iPhoneDesignBox

iPhoneDesignBox.png
http://design.web-hon.com/

iPhone向けWebサイトのデザイン集です。
画像が大きくて見やすい他、種類も豊富で細かくカテゴリ分けされているため、制作したいWebサイトに近いものを見つけやすいです。
個別ページではパソコンで表示される画面との比較画像も閲覧することができます。

2.スマートフォンサイト集めました。

スマートフォンサイト集めました。.png
http://sp-web.jp/

スマートフォンサイトのデザイン集です。
種類が豊富でさまざまな業種のWebサイトを閲覧することができます。

姉妹サイトには、ランディングページの参考サイトとして有名な「ランディングページ集めました。」があります。

まとめ

ユーザーは、インターネットに触れる場を既にパソコンからスマホへ移行しています。
博報堂DYメディアパートナーズが2016年6月に発表した調査データによると、スマホ・タブレットの総接触時間は全メディアの3割を超えており、パソコンの接触時間は減少しています。

参考
博報堂DYメディアパートナーズ メディア環境研究所「メディア定点調査2016」時系列分析より|ニュースリリース|博報堂DYメディアパートナーズ

スマホの普及が進み、ユーザーの生活に溶け込んできている今、パソコンの接触時間が更に減少していくことは明らかです。
パソコンに比べて一度に表示できる情報が少ないスマホは、わかりやすさ、見やすさを実現するために様々な工夫をこらす必要があります。
既にスマホ対応をしていても、本当にユーザーにとって見やすいページになっているのかを繰り返し検証することも重要でしょう。

今回ご紹介した記事やギャラリーサイトを参考に、ユーザーにストレスを与えない、快適なスマホサイト制作を目指しましょう。

このニュースを読んだあなたにオススメ

ホームページをスマホ化する4つの方法
レスポンシブデザインの基礎と制作時の注意点を解説