web-dev-qa-db-ja.com

モバイルデバイスのツリービュー

IPhoneやその他のモバイルデバイスでツリービューのUI構造を使用することは良い考えですか? (例:ファイルの閲覧など)

7
user4406

ツリーナビゲーションは、階層構造を発見するためのシンプルで効果的なソリューションです。 2つの異なるソリューションをテストします。

  1. アコーディオン: http://ui-patterns.com/patterns/AccordionMen
  2. ドリルダウンリスト: http://mobile-patterns.com/lists

フラット階層(1つのサブレベルなど)がある場合、アコーディオンは機能します。それらはユーザーのコンテキストを維持し、画面にとどまるので他のカテゴリー名を覚える必要はありません。カテゴリを開く/折りたたむためのハンドラは、小さなボタンではなく、リストアイテム全体にする必要があります。

リストはかなり使いやすく、複数のサブレベルを使用する必要がある場合は完全に適合します。サブメンバー内でコンテンツをスムーズに検出するために提供する必要がある次のアイテム:
-現在のカテゴリのタイトルを持つヘッダー
-階層の最上位に移動するショートカット
-1レベル上のバックアップ

インタラクションの視点から、主な課題は、ツリーを閲覧するにはアイテムを再検索するために多くの上下にスクロールする必要があるということです。また、情報アーキテクチャの観点からは、情報を整理するための最も効率的なシステムではない可能性があります。ユーザーは、検索するオブジェクトがどのカテゴリに隠れているかを知る必要があります。少なくとも、カテゴリ固有の検索が必要です。柔軟性を高めて見つけやすさを向上させるために、タグ付けシステムと組み合わせることもできます。

10
Wolo

テキスト階層(具体的にはxml)を表すNestViewメソッドが programmers.stackexchange question の回答として登場しました。これはかなり「外」にありますが、ツリービューやインデントされたテキストと比較して、水平方向のスペースをかなり節約します。また、ツリービューよりも「タッチエリア」が広いという利点もあります。階層的なテキスト構造だけでなく、より一般的な用途にも適している可能性があります。

enter image description here

3
pgfearo

私はそうは思いません、ツリービューは実物大のコンピューターで使うには十分難しいです。

マイクロソフトは独自のツリービューについて調査し、その特定のアプリケーションのユーザーがコンピュータに精通していない場合は、実験しないでください。

1
Bobby Tables

他のツリーのような構造との一貫性を保つために、上部とリストビュー/アイコンビューにパンくずリストをお勧めします。

0
vener