ナビゲーションは Alius ユーザー体験の基盤です。ドキュメントや製品ページからコミュニティリソースや設定ツールまで、幅広いコンテンツがあるため、明確で一貫したナビゲーションシステムが不可欠です。
ナビゲーションコンポーネント
トップナビゲーション
グローバルトップナビゲーションバーは、プラットフォームの主要セクションへのアクセスを提供します:
- ロゴ(ホームページにリンク)
- プライマリセクションリンク(製品、ドキュメント、コミュニティ、リソース)
- 検索トリガー
- バージョンスイッチ(ドキュメントとソフトウェア用)
- 言語スイッチ(多言語コンテンツ用)
- ユーザーアカウントまたは設定(該当する場合)
ドックサイドバー
ドキュメントセンターの左サイドバーは、コンテンツを階層的に整理します:
- 折りたたみ可能なセクショングループ
- コンテンツ構造を反映するネストされたページリンク
- ビジュアルハイライト付きのアクティブページインジケーター
- 関連ページをグループ化するセクションラベル
- コンテンツがビューポート高さを超える場合にスクロール可能
パンくず
パンくずはコンテンツ階層内のユーザーの位置を示します:
- メインコンテンツエリアの上に表示
- 親レベルへのナビゲーション用にクリック可能なセグメント
- 現在のページは非クリック可能なテキストとして表示
- モバイルでは主要な祖先を保持して切り詰め
ページ TOC(目次)
右側の TOC はページ内ナビゲーションを提供します:
- ページ見出し(H2、H3)から自動生成
- ユーザーのスクロールに合わせて現在可視のセクションをハイライト
- ターゲット見出しにスムーズスクロールするクリック可能リンク
- 幅が不十分な画面では折りたたみ
モバイルドロワー
モバイルデバイスでは、サイドバーはスライドインドローに変換されます:
- トップナビのハンバーガーまたはメニューアイコンでトリガー
- 左端からスライドイン
- 半透明バックドロップでコンテンツをオーバーレイ
- フルサイドバーナビゲーション構造を含む
- バックドロップタップまたは閉じるボタンで閉じ可能
バージョンスイッチ
複数バージョンにわたるドキュメント向け:
- トップナビまたはサイドバーヘッダーのドロップダウンまたはセグメントコントロール
- 現在表示中のバージョンを明確に表示
- 古いバージョンを表示している場合、ユーザーに警告
- バージョン切替時に現在のページパスを維持(ターゲットバージョンにページが存在する場合)
言語スイッチ
多言語コンテンツ向け:
- トップナビに表示
- 現在の言語を表示
- 利用可能な言語をリスト
- 言語切替時に現在のページを維持(翻訳が存在する場合)
検索
グローバル検索は任意のコンテンツへの素早いアクセスを提供します:
- 検索アイコンまたはキーボードショートカットでトップナビからアクセス
- 検索モーダルまたはオーバーレイを開く
- ドキュメント、製品、リソース全体を検索
- タイプ別にカテゴリー化された結果を表示
- 結果で一致したテキストをハイライト
ナビゲーションの原則
- 現在位置は常に明確 — ユーザーはコンテンツ階層内の自分の位置を推測してはならない
- ユーザーは自分のレベルを知る — パンくず、サイドバーハイライト、TOC インジケーターがすべて位置を強化
- ドキュメントは初心者から上級者までのパスをサポート — ナビゲーションは専門知識を前提としない;初心者向けエントリーポイントが発見可能であるべき
- ページ間で一貫した動作 — ナビゲーションコンポーネントは現在のセクションに関わらず同一に機能
- 目的地までの最小クリック数 — 重要なページは他のどのページからも2〜3クリック以内で到達可能であるべき