ナビゲーションは Alius ユーザー体験の基盤です。ドキュメントや製品ページからコミュニティリソースや設定ツールまで、幅広いコンテンツがあるため、明確で一貫したナビゲーションシステムが不可欠です。

ナビゲーションコンポーネント

トップナビゲーション

グローバルトップナビゲーションバーは、プラットフォームの主要セクションへのアクセスを提供します:

  • ロゴ(ホームページにリンク)
  • プライマリセクションリンク(製品、ドキュメント、コミュニティ、リソース)
  • 検索トリガー
  • バージョンスイッチ(ドキュメントとソフトウェア用)
  • 言語スイッチ(多言語コンテンツ用)
  • ユーザーアカウントまたは設定(該当する場合)

ドックサイドバー

ドキュメントセンターの左サイドバーは、コンテンツを階層的に整理します:

  • 折りたたみ可能なセクショングループ
  • コンテンツ構造を反映するネストされたページリンク
  • ビジュアルハイライト付きのアクティブページインジケーター
  • 関連ページをグループ化するセクションラベル
  • コンテンツがビューポート高さを超える場合にスクロール可能

パンくず

パンくずはコンテンツ階層内のユーザーの位置を示します:

  • メインコンテンツエリアの上に表示
  • 親レベルへのナビゲーション用にクリック可能なセグメント
  • 現在のページは非クリック可能なテキストとして表示
  • モバイルでは主要な祖先を保持して切り詰め

ページ TOC(目次)

右側の TOC はページ内ナビゲーションを提供します:

  • ページ見出し(H2、H3)から自動生成
  • ユーザーのスクロールに合わせて現在可視のセクションをハイライト
  • ターゲット見出しにスムーズスクロールするクリック可能リンク
  • 幅が不十分な画面では折りたたみ

モバイルドロワー

モバイルデバイスでは、サイドバーはスライドインドローに変換されます:

  • トップナビのハンバーガーまたはメニューアイコンでトリガー
  • 左端からスライドイン
  • 半透明バックドロップでコンテンツをオーバーレイ
  • フルサイドバーナビゲーション構造を含む
  • バックドロップタップまたは閉じるボタンで閉じ可能

バージョンスイッチ

複数バージョンにわたるドキュメント向け:

  • トップナビまたはサイドバーヘッダーのドロップダウンまたはセグメントコントロール
  • 現在表示中のバージョンを明確に表示
  • 古いバージョンを表示している場合、ユーザーに警告
  • バージョン切替時に現在のページパスを維持(ターゲットバージョンにページが存在する場合)

言語スイッチ

多言語コンテンツ向け:

  • トップナビに表示
  • 現在の言語を表示
  • 利用可能な言語をリスト
  • 言語切替時に現在のページを維持(翻訳が存在する場合)

検索

グローバル検索は任意のコンテンツへの素早いアクセスを提供します:

  • 検索アイコンまたはキーボードショートカットでトップナビからアクセス
  • 検索モーダルまたはオーバーレイを開く
  • ドキュメント、製品、リソース全体を検索
  • タイプ別にカテゴリー化された結果を表示
  • 結果で一致したテキストをハイライト

ナビゲーションの原則

  • 現在位置は常に明確 — ユーザーはコンテンツ階層内の自分の位置を推測してはならない
  • ユーザーは自分のレベルを知る — パンくず、サイドバーハイライト、TOC インジケーターがすべて位置を強化
  • ドキュメントは初心者から上級者までのパスをサポート — ナビゲーションは専門知識を前提としない;初心者向けエントリーポイントが発見可能であるべき
  • ページ間で一貫した動作 — ナビゲーションコンポーネントは現在のセクションに関わらず同一に機能
  • 目的地までの最小クリック数 — 重要なページは他のどのページからも2〜3クリック以内で到達可能であるべき