スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。(以降、両者をガイドラインと略します) スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14%しかなく(comScore調査/2014)、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは
![アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点(スライド付) | ベイジの社長ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/fafaab1f1b1797f8645c2a962239a35e9ad2b0ae/height=288;version=1;width=512/https%3A%2F%2Fbaigie.me%2Fsogitani%2Fogp.png)