web-dev-qa-db-ja.com

階層ツリーナビゲーションとネストされた人形ナビゲーションの違いは何ですか?

親や兄弟など、これら2つのタイプの組織モデルの違いについて疑問に思っています。

2
Ana Zdravic

@Ana、階層ツリーとネストされた人形のナビゲーションについては、ここ(interaction-design.org) https://goo.gl/QKkVJK で詳しく説明されています(ハブアンドスポークナビゲーション、ベントボックスナビゲーションとともに) 、フィルタービューナビゲーション)

ナビゲーションはモバイルアプリのユーザーエクスペリエンスの重要な部分であり、それを正しく実行することで、ユーザーはアプリを開いて目的の場所に移動し、別の場所に移動できるようになります。これにより、短期間の使用と放棄ではなく、モバイルアプリの長期的な採用が促進される可能性があります。ナビゲーションは、ユーザーにとって適切なものにするために注意深い注意が必要です。

階層ツリーナビゲーション

これは、従来のWebサイトおよびアプリケーションで最も一般的なナビゲーション形式です。ナビゲーション用のトップレベルのカテゴリを提供し、その後に、そのレベルの下のサブカテゴリのコンテンツのレイヤーが続きます。

欠点は、このモデルがモバイル画面での対応がすぐに困難になることです。コンテンツが多いほど、そのデータをすべて画面に押し込むのが難しくなります。

以下の画像は、階層構造を使用して、アプリがイスラム教のさまざまな宗派のナビゲーションをどのように処理するかを示しています。

ネストされた人形のナビゲーション

これは、モバイルアプリのより一般的なナビゲーションシステムです。ユーザーがナビゲーションの階層内のレベルに移動するたびに、その下の新しいアイテムが表示されます。広範な概要からより具体的な詳細への移行を使用しています。小さな画面でもうまく機能しますが、実装時にセクション間の水平移動をサポートするのは難しい場合があります。それは、互いに収まる一連の人形である入れ子人形の概念からその名前を取得します。

2
Sourabh Rangdal