web-dev-qa-db-ja.com

パンくずリストまたはタブ付きフォーム、あるいは両方のベストですか?

ユーザーがデータベースにクエリを実行できるWebアプリケーションがあります。
結果は ブレッドクラムスタイル インターフェースで返されます。

この変更を新しいバージョンで導入しましたが、ユーザーはこの変更に適応するのに問題を抱えています。使用方法について docco をいくつか提供しましたが、主な問題は、直感的に理解できないことです。

元の2レベルのタブベースのフォームから移動することについて正しい決定をしたかどうか、今はわかりません。

関連する質問 について優れたフィードバックを得ていますが、これは最良の方法を示していますパンくずリストをさらに下に移動するためにクリックするリンクがあることをユーザーに示します。それらの多くは、再設計のために搭載されます。

私たちのデータは空間的です。
ユーザーはフォームベースの検索(個別のインターフェイス)を使用して検索します。
結果は別のパネルに返されます。

  • 結果セットは複数のレイヤーから取得できます。建物、区画境界
  • レイヤーにはデフォルトのビューがありますが、管理者が追加のレイヤービューを設計している場合もあります。
  • 単一の結果(これらの機能を特定の建物などと呼びます)にはデフォルトのビューがあります。繰り返しになりますが、管理者は追加の機能ビューを設計している場合があります。

これはoldパネルです:

enter image description here 結果は左側のペインにあり、レイヤーに分割されています(フォルダーアイコン)。
レイヤーまたはレイヤー内の機能をクリックしたかどうかに応じて、レイヤー/機能ビューが右側のペインの上部に沿ってタブとして表示されます。

そして、これがnewブレッドクラムインターフェイスです:

enter image description here

重要なフィードバック:

  • 古いタブ付きパネルでオプションが明確に表示されていましたが、パンくずリストで非表示になりました
  • 複数の結果の問題=結果に戻る際の問題。前のパネルと同様に、選択した機能は常に左側に表示されていました。
  • フィーチャービューを表示するには、中央のペイン内の行をダブルクリックする必要がありました。ツールチップポップアップが表示されますが、これを行うかどうかは明らかではありません。

私は両方のベストを組み合わせたものをモックアップしようと頭を悩ませてきましたが、古いコードを使用するために大規模なUターンを行わなければならないという意味ではありません(ユーザビリティに関連しない他の問題があります)。ここに私がこれまでに持っているものがあります:

enter image description here

これについてのアドバイスを本当に感謝します。
必要な答えは、ユーザーが使いやすいインターフェイスを設計するための進め方についての良いアドバイスです。
古いコードに戻す必要があるかもしれません。

質問が広すぎないことを願っていますか?その場合は、コメントで調整方法を教えてください。

9
Simon

最後のモックアップでは、一種のポップアップメニューを使用して階層を表示しています。階層を表示する最善の方法はツリービュー...ですので、これは非常に混乱していると思います。

質問:ツリーの「レイヤー名3」をクリックするとどうなりますか?機能1、機能2、機能3、...のリンクのリストが表示されますか?はいの場合、ここに私の提案があります:

シンプルにしてください。これらのポップアップを削除して、クラシックなブレッドクラムナビゲーションを作成してください。

ブレッドクラムの「レイヤー3」をクリックすると、ツリーの「レイヤー3」をクリックしたときと同じことが起こります。

enter image description here

7
Bart Gijssens

ここで代替案を検討しているのを見るのは良いことです。その際、同じことを行う2つの異なる方法を提供する場合、多くの混乱が発生することを覚えておく必要があります。どちらか一方を選択することをお勧めしますが、両方は選択しないでください。どちらが問題か。

ツリービューは、深い階層を表示する古典的な方法であり、ここで実行したいように見えますが、独自の欠点があります。

使用しているナビゲーションのようなパンくずリストは、顧客に明確な方法で実装されている場合にも機能します。かなり良い実装例は WoWhead ですが、彼らの聴衆はおそらくあなたのものとかなり異なります。

潜在的なクライアントベースでテストを行う必要があります。それは難しいことではなく、あなたに多くの洞察を与えるでしょう。クリック可能なワイヤーフレームまたはモックアップがある場合は、3人程度に来てもらい、次にセットのタスクを実行するふりをしてもらいます。

2
JohnGB

各パンくずリストのドロップダウンが混乱しているのがわかります。値を選択できることを示しています各ブレッドクラムを選択できますが、そうではありません。ナビゲーションを行うには、とてもファンキーな方法です。

古い方法はずっとよりはっきりしています。

0
Assaf Lavie