iOSアプリ構造のためのナビゲーションパターン
- iOSアプリは固定された階層構造を持っており、そのためユーザーはナビゲーションの選択肢を予測できる。
- ナビゲーションパターンは、ユーザーが現在位置と前の位置を把握し、どのように戻ればよいかを理解するのに役立つ。
ドリルダウンナビゲーション
- ドリルダウンは、情報ツリー構造を段階的に探索するパターンで、水平方向の遷移アニメーションを使用する。
- 状態は保存されず、ナビゲーションバーには現在の画面タイトルが表示される。
- リスト行の開示インジケータは、階層内をさらに深くドリルダウンできることを示す。
フラットナビゲーション
- フラットナビゲーションは、階層をルートレベルで分割し、タブバーで表示する。
- タブバーの項目はアプリの主要機能を中心に構成され、ユーザーの期待やアプリに対する認知モデルを形成する。
- タブバーは、モーダルシートによって一時的に隠される場合を除き、アプリの全画面で常に表示される。
ピラミッドパターン
- ピラミッドパターンは、親画面に戻らなくても、同じ階層レベルの兄弟ビュー間をすばやく移動できるようにする。
- 水平スワイプジェスチャーやボタンを使って、メディアアプリ内で兄弟ビュー間を移動できる。
ハブ＆スポークパターン
- ハブ＆スポークパターンは、階層の最上位にある、相互に関連しない大規模なアイテムコレクションに適している。
- iOSのホーム画面はハブとして、オペレーティングシステムにおける信頼できる「中立状態」を提供する。
オーバーレイナビゲーション
- オーバーレイはユーザーの注意を必要とし、モーダルオーバーレイではユーザーの操作が必要になる。
- 高摩擦モーダルはユーザーの判断を必要とし、特定のタスク完了への集中を促す。
- 低摩擦モーダルは簡単に解除でき、単一タスクの通知ダイアログは可能な限り避けるべきである。
埋め込みナビゲーション
- 埋め込みナビゲーションパターンは、iOSの厳格な構造と空間モデルに特別な注意を要する。
- 状態の変更は階層上の位置を変更せず、その変更が階層やモーダルではないことを確認する必要がある。
ステップ式ナビゲーション
- ステップ式パターンは、ガイドツアー、設定フロー、オンボーディングチュートリアルのような一連の画面を線形フローとしてつなぐ。
- ステップ式シーケンスはモーダルオーバーレイに含めるべきであり、完了または閉じるボタンでシーケンスを終了する。
コンテンツ中心のナビゲーション
- コンテンツ中心のナビゲーションは、ハイパーリンクやボタンを通じて、ユーザーを別のページやビューへ瞬時に移動させる。
- iOSアプリでは、ハイパーテキスト、没入型ゲーム、または非線形コンテンツを除いて、このパターンは避けるべきである。
GN⁺の意見
- この記事はiOSアプリ開発者にとって非常に有用であり、ユーザー体験を向上させるうえで重要なナビゲーションパターンを提供している。
- ドリルダウン、フラット、ピラミッドなど、さまざまなナビゲーションパターンは、アプリの使いやすさとアクセシビリティ向上に貢献する。
- とりわけ、モーダルやオーバーレイナビゲーションの使用はユーザーの作業フローに大きな影響を与えうるため、開発者は慎重に検討する必要がある。
2件のコメント
こんにちは！ 私もこの文章を同僚に共有していて気づいたのですが、
네비게이션ではなく내비게이션が韓国語の正書法に合った標準語だそうです。笑 英語の発音を写したものなので、実際にはどちらが正しいと断言するのは少し難しいかもしれませんが、多くの方が見る場所ですし、せっかくなら標準語に合わせて書かれているとよいと思い、そっとコメントしてみました。この記事はGPT-4が要約した内容ですが、GPTは「ナビゲーション」を適切に使う一方で、ときどき「ネビゲーション」も混在して使っているようです。修正しておきました（笑）