本記事は、本記事投稿時点の Human Interface Guidelines - iOS を DeepL で機械翻訳したものです。明らかな誤訳が見受けられた際には修正を加えています。

Human Interface Guidelines - iOS

https://developer.apple.com/design/human-interface-guidelines/


  1. Overview
  2. App Architecture
  3. User Interaction
  4. System Capabilities
  5. Visual Design
  6. Icons and Images
  7. Bars
  8. Views
  9. Controls
  10. Extensions

Overview - Themes

https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/

iOS デザインテーマ

アプリケーションデザイナーには、App Store のチャートで上位にランクインするような素晴らしい製品を提供するチャンスがあります。そのためには、品質と機能に対する高い期待に応えなければなりません。

iOS を他のプラットフォームと区別する 3 つの主要なテーマがあります。

  • 明瞭さ システム全体を通して、テキストはどのサイズでも読みやすく、アイコンは正確で明快で、装飾は繊細で適切であり、機能性への研ぎ澄まされた集中力がデザインの動機となっています。また、ネガティブスペース、カラー、フォント、グラフィック、インターフェイスの要素が、重要なコンテンツをさりげなく際立たせ、インタラクティブ性を表現しています。
  • 洗練されたデザイン 流れるような動きと鮮明で美しいインターフェイスは、コンテンツと競合することなく、人々がコンテンツを理解し交流するのに役立ちます。コンテンツは通常、画面全体に表示されますが、半透明やぼかしはそれ以上のものを示唆しています。ベゼル、グラデーション、ドロップシャドウの使用を最小限に抑えることで、インターフェイスを軽快に保ちながら、コンテンツを最優先することができます。
  • 深み 明確なビジュアルレイヤーとリアルな動きは、階層性を伝え、活力を与え、理解を促します。触れて発見できることで喜びが増し、文脈を失うことなく機能や追加コンテンツにアクセスできます。トランジションは、コンテンツをナビゲートする際に奥行きを感じさせます。

デザインの原則

アプリのインパクトとリーチを最大化するために、以下の原則を念頭に置いてアプリのアイデンティティを想像してください。

美的整合性

美的統合性とは、アプリの外観や動作が機能といかにうまく統合されているかを示すものです。例えば、人々が真剣にタスクをこなすのを助けるアプリは、目立たないグラフィック、標準的な操作、予測可能な動作を使用することで、人々の集中力を維持することができます。一方、ゲームなどの没入型アプリでは、楽しさや興奮を約束する魅力的な外観を提供し、発見を促します。

一貫性

一貫性のあるアプリは、システムが提供するインターフェース要素、よく知られたアイコン、標準的なテキストスタイル、統一された用語を使用することで、なじみのある標準やパラダイムを実装しています。このアプリは、人々が期待する方法で機能や動作を組み込んでいます。

ダイレクトマニピュレーション

画面上のコンテンツを直接操作することで、人々を惹きつけ、理解を深めることができます。ユーザーは、デバイスを回転させたり、ジェスチャーを使って画面上のコンテンツを操作することで、直接的な操作感を得ることができます。直接操作することで、ユーザーは自分の行動の結果をすぐに目にすることができます。

フィードバック

ユーザーの行動を確認し、その結果を示すことで、ユーザーに情報を提供します。iOS デバイスに内蔵されているアプリケーションは、ユーザーの操作に応じてフィードバックを行います。インタラクティブな要素はタップすると短く表示され、長時間の操作は進行状況が表示され、アニメーションやサウンドは操作の結果を明確にします。

メタファー

アプリケーションのバーチャルなオブジェクトやアクションが、現実やデジタルの世界に根ざした身近な体験のメタファー(隠喩)である場合、人々はより早く学習することができます。iOS でメタファーがうまく機能するのは、人々が物理的に画面を操作するからです。人々は、画面を邪魔にならないように動かし、下にあるコンテンツを見せます。また、コンテンツをドラッグしたり、スワイプしたりします。スイッチを切り替えたり、スライダを動かしたり、ピッカーの値をスクロールしたりします。また、本や雑誌のページをめくることもあります。

ユーザーコントロール

iOS では、アプリではなく人がコントロールします。アプリが行動を提案したり、危険な結果を警告することはあっても、意思決定をアプリに委ねるのは間違いです。最良のアプリは、ユーザーをサポートすることと、望ましくない結果を避けることの間で適切なバランスをとっています。アプリは、インタラクティブな要素を身近で予測可能なものにしたり、破壊的な行動を確認したり、操作がすでに進行している場合でも簡単にキャンセルできるようにすることで、ユーザーに自分がコントロールしているように感じさせることができます。


Overview - Interface essentials

https://developer.apple.com/design/human-interface-guidelines/ios/overview/interface-essentials/

インターフェースの要点

ほとんどの iOS アプリケーションは、共通のインターフェース要素を定義したプログラミングフレームワークである UIKit のコンポーネントを使用して構築されています。このフレームワークにより、アプリケーションはシステム全体で一貫した外観を実現すると同時に、高度なカスタマイズ性を提供しています。UIKit の要素は柔軟で親しみやすいものです。UIKit 要素は柔軟性と親しみやすさを兼ね備えており、どのような iOS デバイスでも美しく見える単一のアプリケーションをデザインすることができ、システムが外観を変更すると自動的にアップデートされます。UIKit が提供するインターフェースエレメントは、大きく 3 つのカテゴリーに分かれています。

バー また、アクションを起こしたり、情報を伝達するためのボタンやその他の要素が含まれることもあります。

ビュー テキスト、グラフィック、アニメーション、インタラクティブな要素など、アプリ内で人々が目にする主要なコンテンツを含みます。ビューは、スクロール、挿入、削除、配置などの動作を可能にします。

コントロール アクションを開始したり、情報を伝えたりします。ボタン、スイッチ、テキストフィールド、プログレスインジケータなどがこれにあたる。

UIKit は、iOS のインターフェイスを定義するだけでなく、アプリが採用できる機能も定義しています。例えば、このフレームワークにより、アプリはタッチスクリーン上のジェスチャーに反応し、描画、アクセシビリティ、印刷などの機能を有効にすることができます。

iOS は、Apple Pay、HealthKit、ResearchKit など、他のプログラミングフレームワークやテクノロジーとも緊密に統合されており、驚くほどパワフルなアプリケーションをデザインすることができます。