Human Interface Guidelines — その概要、iOSのデザイン原則

Human Interface Guidelinesとは？

Human Interface Guidelines（HIG）は、ユーザーインターフェースを設計するためのAppleの公式ドキュメントです。このドキュメントには、すべての標準システムコンポーネントの説明、使用方法、ジェスチャー、アニメーション、タイポグラフィ、カラーパレットの要件が含まれています。Appleは1987年にMacintosh向けに初めてHIGを公開し、それ以来、iOS 1（2007）から現在のiOS 18、iPadOS 18、macOS 15 Sequoia、watchOS 11、tvOS 18まで、プラットフォームとともに進化してきました。HIGは3つのレベルをカバーしています：デザイン哲学（原則）、システムコンポーネント（UI要素）、技術的推奨事項（画面サイズ、Safe Area、Dynamic Type）。開発者にとって、HIGはデザイン上の決定を行う際の唯一の情報源となります。コンポーネントがHIGに記述されていれば、それを再発明する必要はありません。

Human Interface Guidelinesドキュメントの構成

HIGドキュメントは3つの大きな部分に分かれています：「Foundations」（基本原則とパターン）、「Platforms」（iOS、iPadOS、macOS、watchOS、tvOS、visionOSのプラットフォームセクション）、「Components」（すべてのシステムUI要素のカタログ）。各コンポーネントは統一されたテンプレートで説明されています：目的、構造、動作、ベストプラクティス、例。たとえば、Navigation Barsセクションには、高さの仕様（iPhoneのポートレートで44pt、ランドスケープで32pt）、ボタン配置のルール、カスタマイズの制限が含まれています。HIGにはアクセシビリティに関する推奨事項（VoiceOver、Dynamic Type、動作の低減）も含まれており、App Storeへの公開には必須です。

iOS開発者にとってHIGが重要な理由

Human Interface Guidelinesを遵守することは、App Storeでのアプリケーションの成功に直接影響します。審査の際、AppleはHIGへの準拠をチェックします。標準外のジェスチャー、システムコンポーネントのオーバーライド、ナビゲーション階層の違反は、却下の理由となる可能性があります。Apple Developer Program License Agreement（2025）によると、システムAPIを不適切に使用するアプリケーションはレビュー中に却下されます。IT Sectrでは、2017年からすべてのiOSプロジェクトでHIGを遵守しており、これによりレビュー時間が短縮され、ユーザー評価が向上しています。さらに、HIG準拠のアプリケーションは、より良いユーザーエクスペリエンスにより、App Store検索でより高い順位を獲得します。

HIG Appleの基本原則

Human Interface Guidelinesの6つの基本原則がAppleのデザイン哲学を形成しています。第一の原則 — Aesthetic Integrity（美的完全性）：インターフェースの外観はその機能と一致する必要があります。第二の原則 — Consistency（一貫性）：同一の要素はシステムのすべてのアプリケーションで同じように動作します。第三の原則 — Direct Manipulation（直接操作）：ユーザーは抽象的なコントロールではなく、コンテンツと直接対話します（スワイプ、タップ、ピンチズーム）。

明確性、階層性、フィードバック

Clarity（明確性）は、テキストが読みやすく、アイコンが理解しやすく、ナビゲーションが予測可能であることを要求します。Dynamic TypeとSF Symbolsは、すべてのデバイスで明確性を維持するためのAppleのツールです。Deference（敬意）とは、インターフェースがコンテンツと競合してはならないことを意味します。ぼかし背景、ミニマルなツールバー、透明な要素（iOS 7+スタイル）がこの原則を実装しています。Feedback（フィードバック）は、ユーザーのすべてのアクションが視覚的または触覚的な応答（ボタンのハイライト、触覚フィードバック、遷移アニメーション）を受け取ることを保証します。フィードバックの原則に違反することは、App Storeでの低評価の一般的な原因の1つであり、Appfigures（2025）のデータによるとされています。

Human Interface Guidelinesの主要セクション

Human Interface Guidelinesには、各Appleシステムコンポーネントの詳細な仕様が含まれています。Barsセクションでは、Navigation Bar（標準高さ44pt）、Tab Bar（49pt）、Toolbar（44pt）、Search Barについて説明しています。Viewsセクションには、基本およびカスタムセルタイプのTable View、コンポジショナルレイアウトをサポートするCollection View、Scroll View、Text Viewが含まれています。Controlsセクションでは、Button、Slider、Switch（最小ターゲット44×44pt）、Segmented Control、Stepper、Date Pickerを指定しています。各コントロールについて、ヒットターゲットの寸法（Appleガイドラインによる最小タッチ領域44×44pt）、視覚的状態（通常、強調表示、無効、選択）、遷移アニメーションが指定されています。

HIGにおけるタイポグラフィと色

Appleは、システムフォントSan Francisco（iOS/macOS用SF Pro、watchOS用SF Compact）をDynamic Type（ユーザー設定に応じた自動サイズ調整）とともに使用することを推奨しています。HIGは11のテキストスタイルを定義しています：Large Title（34pt）、Title 1（28pt）、Title 2（22pt）、Title 3（20pt）、Headline（17pt、セミボールド）、Body（17pt）、Callout（16pt）、Subhead（15pt）、Footnote（13pt）、Caption 1（12pt）、Caption 2（11pt）。HIGのカラーパレットにはシステムカラーが含まれています：labelColor、secondaryLabelColor、systemBackgroundColor、systemGroupedBackgroundColor — ライトテーマとダークテーマに対応しています。システムカラーを使用することで、すべてのデバイスおよびアクセシビリティ設定での正しい表示が保証されます。

HIGにおけるプラットフォーム固有の機能

各Appleプラットフォームには、HIGで説明されている独自のインターフェース要素があります。iOSの場合、Tab Bar（下部ナビゲーション）、Navigation Bar（タイトルとボタンがある上部バー）、Sheets（モーダルパネル）、Activity View（システム共有）、Live Activities、Dynamic Islandがあります。iPadOSには、Split View、Slide Over、Popover Presentation、Keyboard Shortcutsが追加されています。macOSには、Menu Bar、Dock、Sheets、Panels、Sidebar、NSToolbarItemを備えたToolbarがあります。watchOSには、Complications、Digital Crown、Scribble、Swipe Gestures、Always-On Displayがあります。tvOSには、Focus Engine、Parallax Icons、Top Shelfがあります。

プラットフォーム間のデザイン適応

HIGは、プラットフォーム間で要素を機械的に転送しないことを推奨しています。iOSのTab BarはmacOSのSidebarと同等ではありませんが、どちらもナビゲーションタスクを解決します。マルチプラットフォームアプリケーションには、AppleはMac CatalystとSwiftUIを提供しており、これらはHIGに従いながらインターフェースをターゲットプラットフォームに自動的に適応させます。IT SectrではSwiftUIで開発する際、プラットフォーム固有のモディファイア（.navigationViewStyle、.tabViewStyle、.pickerStyle）を使用しており、ネイティブガイドラインへの準拠を保証しています。さらに、HIGはDynamic Type、拡大テキスト、動作の低減、コントラストの向上への適応要件を説明しています。

HIGを実際に適用する方法

Human Interface Guidelinesの適用は、「App Architecture」セクションの学習から始まります。このセクションでは、典型的なiOSアプリケーションの構造（起動画面、オンボーディング、モーダル画面、ナビゲーショングラフ、読み込み状態）について説明しています。最初のステップは、ナビゲーションスタイル（Navigation Controllerを使用した階層型、Tab Barを使用したフラット型、Sheetsを使用したモーダル型、または組み合わせ）を選択することです。2番目のステップは、画面階層を定義し、各画面がHIGテンプレートに準拠していることを確認することです。3番目のステップは、各タスクにシステムコンポーネントを選択することです：リストにはTable View、グリッドにはCollection View、カルーセルにはPage Control。

公開前のHIG準拠の確認

Appleは、HIG準拠を確認するためのXcode Preview AssetsとAccessibility Inspectorを提供しています。チェックリストに従うことをお勧めします：すべてのヒットターゲット > 44pt、テキストはDynamic Typeを使用、色はダークテーマをサポート、ナビゲーションはHIG階層に従う、ジェスチャーはシステムジェスチャーと競合しない（スワイプバックがオーバーライドされていないなど）。IT Sectrでは、リリースごとにHIGレビューを実施しており、App Storeの審査での却下を排除しています。さらに、App Store Review Guidelines（セクション4.0「Design」）はHIGを直接参照しており、ガイドラインに重大な違反があるアプリケーションは、違反が解決されるまで却下されます。