web-dev-qa-db-ja.com

シングルページアプリケーション-アプリ内の新しいタブ

アイテムのテーブルがあり、アイテムをクリックすると、同じビューで詳細が開きます。したがって、別のアイテムを表示するには、戻って別のアイテムをクリックする必要があります。

前後を避けるために、ユーザーがビューを切り替えるためにアプリケーション内に「新しいタブ」を実装したいと思います。

これは悪いユーザーエクスペリエンスですか?どのような選択肢がありますか?

データ量を示す参照用のスクリーンショット。

Image of current app I'm redesigning

3
Babbzzz

Outlookのような分割ビューを実装してみてください。

  1. テーブルを開いたままにして、ユーザーが多数の行をクリックしてすべての詳細を1つの画面で表示できるようにします。
  2. 各ユーザーの作業習慣を満たすために、分割ビューと新しいページの動作の両方を使用するオプションをユーザーに提供します。
  3. または、モーダルまたは新しいページの動作を使用して、ユーザーが詳細ビューで複数の行をクリックするための[戻る]/[次へ]ボタンを導入することもできます。

enter image description here

1
Nicolas Hung

タブはリスト->詳細問題の良い解決策のようには見えません。詳細画面間の比較を許可することを望んでいない限り。その場合、タブはすばらしいですが、「リストに戻る」問題はまだうまく解決しません。

バックナンバーで苦労している場合、特に一般的なユースケースがデスクトップ上にある場合は、詳細コンテンツをオーバーレイ/モーダルに配置することをお勧めします。これにより、「リストのスクロール位置」などを維持し、ユーザーがどこにいるかについてのコンテキストを提供できます。例:「この行をクリックして画面上に展開しました。行内にいる必要があります...」

1
Bryce Howitson

Breadcrumbsを使用できます。

3種類あります:

  • ロケーションベース-ユーザーがページの階層のどこにいるかを示します
  • パスベース-現在のページにたどり着くまでの手順をユーザーに示します。
  • 属性ベース-特定のページの属性を表示します(例:製品カテゴリ)

breadcrumb types

パスベースのパンくずリストは、特定のユースケースに適しているように聞こえます。

0
Franchesca