2018年01月31日デザインマイページにお気に入りAppleのデザインは、シンプルかつ非常に洗練されているので、多くのWebデザイナーやアプリデザイナーがAppleのデザインを手本としたり、参考にしたりしています。実際に、Appleのデザインを信奉する人々は20年以上も前からいましたが、コンピュータの形状や色などのいわゆる*「外側のデザイン」に加えて、現在では画面の中身である「内側のデザイン」を模倣したり研究したりするケースも多いのではないでしょうか。Storeで配布されているアプリケーションに関しても、できるだけ「iOS」の世界観を崩さずに(もしくはできるだけ世界観に適用するように)シンプルにデザインされているアプリがたくさんあります。Guideline)と呼ばれるガイドラインがあるのをご存知でしたでしょうか。実は、このガイドラインには、iOS本体やiOS上で動くアプリケーションのコンセプトやデザインガイドなどが含まれています。言い換えれば、このガイドラインをしっかりと理解すれば、洗練されていてエンゲージメントの高いアプリケーションを作ることができます。今回は、Appleが公表している*「ヒューマンインターフェイスガイドライン」*について、デザインに役立つ部分についての概要やポイントをご紹介します。ガイドラインのデザインに関するポイントが分かれば、iOSの世界観を継承したデザインをすることもできるようになります。前編では、*iOSのデザインに関する考え方(Overview)*を中心に紹介していきます。Guidelineは、Appleが公表しているiOSに関するガイドラインです。iOSに標準で採用されているアプリケーションの多くもこのガイドラインに沿ってデザインされているので、読むだけでもデザインの勉強になることは間違いありません。Storeのチャートで配信数トップ層を獲得するために、熟読することが推奨されています。iOSが持つ3つのコンセプトガイドラインでは、iOSが他のプラットフォームと違う3つの主要コンセプトがあることが述べられています。そのコンセプトとは*「Clarity」「Deference」「Depth」*の3つです。明晰であること|Clarityシステム全体を通して、テキストはどのサイズでも読みやすく、アイコンは正確なサイズで識別しやすく、装飾はわずかで適切な量にして、機能を少数に絞ることでデザインを引き立たせています。ネガティブスペース(余白部分)、色、フォント、グラフィック、UI要素によって重要な要素をほかの要素よりも目立たせて、インタラクティブ性が分かるようにします。デザインとしてシンプルなだけでなく、機能的にも絞ることがiOSのアプリにふさわしいことが述べられています。確かに、機能が多いと、その分ボタンやタブの数も増やさなければならないので、デザインにも影響してきますよね。違いがわかること|Deference流れるようなアニメーション、さわやかで美しいUIがあれば、ユーザーはコンテンツが理解しやすくなります。コンテンツは画面全体に表示され、時に透過したりぼかしたりすることで操作する上でのヒントを提示したりします。ベゼルやグラデーション、ドロップシャドウは必要最小限にとどめ、UIを軽めに表示することで、コンテンツこそが最も重要な要素であると分かるようにします。*「コンテンツこそが最も重要」*であるというところがポイントです。アニメーションやUIはコンテンツをアピールするための補足的な役割をしている、というのがiOSの考え方の根底にあります。深層性があること|Depth明確にレイヤーを分けたり、軽快な動きをつけることで、要素の従属性を伝えたり、活き活きとした動きを伝えたり、今起こっていることへの理解がしやすくなります。触ったり発見したりすることでユーザーは心地がよくなり、文脈を見失うことなく、ある機能やほかの内容にアクセスすることができます。トランジションがあるとユーザーは深層性を理解することができるようになります。ユーザーに今起こっていることを伝えるために、レイヤーやトランジションなどで理解を促進するというコンセプトが明記されています。情報構造を視覚的に分かりやすく示すことが大切です。アプリアプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。詳しく見るアプリアプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。詳しく見るアプリアプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。詳しく見るコンセプトコンセプトとは、作品やサービスなどに一貫して貫かれている考え方をいいます。デザインと機能がバラバラだったり、使い勝手がちぐはぐだったりすると「コンセプトが一貫してないね」などと酷評されてしまいます。詳しく見るエンゲージメントエンゲージメントとは、企業や商品、ブランドなどに対してユーザーが「愛着を持っている」状態を指します。わかりやすく言えば、企業とユーザーの「つながりの強さ」を表す用語です。以前は、人事や組織開発の分野で用いられることが多くありましたが、現在ではソーシャルメディアなどにおける「交流度を図る指標」として改めて注目されています。詳しく見るアプリアプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。詳しく見るアプリアプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。詳しく見るコンセプトコンセプトとは、作品やサービスなどに一貫して貫かれている考え方をいいます。デザインと機能がバラバラだったり、使い勝手がちぐはぐだったりすると「コンセプトが一貫してないね」などと酷評されてしまいます。詳しく見るコンセプトコンセプトとは、作品やサービスなどに一貫して貫かれている考え方をいいます。デザインと機能がバラバラだったり、使い勝手がちぐはぐだったりすると「コンセプトが一貫してないね」などと酷評されてしまいます。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。詳しく見るアプリアプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。詳しく見るコンテンツコンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。CD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。詳しく見るコンテンツコンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。CD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。詳しく見るコンセプトコンセプトとは、作品やサービスなどに一貫して貫かれている考え方をいいます。デザインと機能がバラバラだったり、使い勝手がちぐはぐだったりすると「コンセプトが一貫してないね」などと酷評されてしまいます。涼ライター・コラムニスト。デザインやテクノロジー、マーケティングやライフハック系の記事が得意。2016年からferretでも記事の執筆を開始。