hig-components-search

Apple HIG：ナビゲーションコンポーネント

質問する前に .claude/apple-design-context.md を確認してください。既存のコンテキストを使用し、すでに記載されている内容については質問しないでください。

主な原則

1. 検索：見つけやすく、即座にフィードバックを返します。 検索フィールドはユーザーが想定する場所（リストの上部、ツールバー／ナビゲーションバー）に配置します。入力に合わせて結果を表示します。

2. ページコントロール：フラットなページ順序内での位置を示します。 個別で同等の重みを持つページ（オンボーディング、写真ギャラリーなど）に使用します。現在のページと総ページ数を表示します。

3. パスコントロール：ファイル階層を移動します。 macOS のパスコントロールは、ディレクトリ構造内の場所を表示し、任意の祖先階層へ移動できるようにします。

4. 検索スコープで大量の検索結果を絞り込みます。 複雑なクエリを使わずに絞り込めるよう、スコープボタンを用意します。

5. 検索結果がない場合は、明確な空状態を表示します。 画面を空白のままにせず、修正方法や代替案を提案するメッセージを表示します。

6. ページコントロールは階層ナビゲーションには使用しません。 フラットで直線的な順序にのみ使用します。階層にはナビゲーションコントローラー、タブバー、またはサイドバーを使用します。

7. パスコントロールは簡潔に保ちます。 意味のある階層のみを表示します。ユーザーは任意の階層をクリックして直接移動できます。

8. 検索でキーボード操作に対応します。 Command-F やシステムの検索ショートカットで検索を開始できるようにします。

リファレンス一覧

リファレンス	トピック	主な内容
search-fields.md	検索フィールド	スコープ、トークン、即時表示される結果、配置
page-controls.md	ページコントロール	ドットインジケーター、フラットなページ順序
path-controls.md	パスコントロール	パンくずリスト、祖先階層への移動

出力形式

1. コンポーネントの推奨 -- 検索フィールド、ページコントロール、またはパスコントロールと、その理由。
2. 動作仕様 -- 操作モデル（入力に合わせた検索、ページ切り替えのスワイプ、パス移動のクリック）。
3. iOS、iPadOS、macOS、visionOS 間のプラットフォームの違い。

確認する質問

1. どのような種類のコンテンツを検索またはナビゲートしますか？
2. 対象となるプラットフォームはどれですか？
3. データセットの規模はどのくらいですか？
4. 検索は主要な操作ですか？

関連スキル

• hig-components-menus -- 検索やナビゲーションコントロールを配置するツールバーとメニューバー
• hig-components-controls -- 検索インターフェースのテキストフィールド、ピッカー、セグメントコントロール
• hig-components-dialogs -- 検索やフィルタリングを拡張するポップオーバーとシート
• hig-patterns -- ナビゲーションパターンと情報アーキテクチャ
• hig-foundations -- ナビゲーションコンポーネントのタイポグラフィとレイアウト

---

Raintree Technology 制作 · その他の開発者向けツール