web-dev-qa-db-ja.com

青/下線付きリンクへのより良いアプローチ?

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

この変更を新しいバージョンで導入し、ユーザーが理解できるほど直感的であると想定しました(使用方法についても docco をいくつか提供しました)。

ユーザーからは、新しいインターフェースのどこをクリックすればよいかわからないとのフィードバックがありました。

他のユーザーは問題ないようですが、重要なフィードバックは真剣に受け止めており、ここで何かを変更する必要があるかどうかはわかりません。

パンくずリスト内のクリック可能な要素を青い下線付きのアプローチで象徴するという、昔ながらのアプローチを使用します。

enter image description here

リンクをクリックすると、次のようになります。

enter image description here

私と開発者にとって、これは明白です。正しい答えは、あなたも同意することです。あるいは、クリックできるように見せるために、より直感的な方法を提案することもできます。

1人のユーザーが有効なコメントをしました:
「新しいブレッドクラム形式は、実際には、トレイル、または「利用可能なもの」ではなく「どこに行ったか」に似ています。

12
Simon

ここで私が見る問題は、元々頻繁に使用されているスタイリングを使用していて、どこか別の場所に移動するリンクを示していることです。代わりに、オプションのドロップダウンが表示されます。

ラベルの最後に▼マーカーを使用してドロップダウンメニューの動作を示します。これは、Unicode文字の「黒い下向きの三角形」 (U + 25BC) ですが、必要に応じて画像を使用することもできます。

ちなみに、最後のクラムのドロップダウン機能のみを提供していますか?これらは 階層/クラムトレイルの各レベルのドロップダウン機能 を提供する例ですが、まったく呼び出されません。

この例は、設計で推奨する別の変更も示唆しています。現在、ドロップダウンは現在の値からオフセットされています。これは、実際に提供しているものが等しい兄弟のリストである場合、従属を意味します。ドロップダウンを左に移動して、現在の値に合わせます。また、現在選択されている値(例ではADL_Property_LInfo)に✓チェックマーク(Unicode U + 2713)を付けることを検討してください。

まとめると、次のようになります。 revised breadcrumb dropdown

23
Erics

問題はリンクをマークする方法ではありません。問題は、リンクが意図したものとは異なるように見えることです。

ブレッドクラムトレイルは、あなたがどこにいるのかを示し、理想的にはあなたがどこにいたのかへのリンクを提供します。移動できるのは新しい場所を表示するナビゲーション要素ではありませんです。その画面を見ると、現在表示されているページは「ADL Property LInfo」であると思います。そうすれば、現在開いているページへのリンクをクリックしても意味がありません。

表示しているページの代替ビューを表示したいようです。その場合は、どのビューであるかを示すラベルと、(たとえば)「ビューを変更」と表示し、ビューを変更するためのメニューを開くボタンを提供する必要があります。

31
JohnGB

ブレッドクラムアプローチを使用している場合、ポップアップで提供される選択肢はparentブレッドクラムをクリックしたときに利用可能になると思います。

また、祖先が何らかの方法でクリック可能であることも明確ではありません。現在使用しているラベルの代わりに、ある種のボタンを使用することをお勧めします。または、少なくともそれをホバー上のボタンに変えます。

一部のユーザーは、青い下線付きテキストがリンクを意味することをgetするかもしれませんが、ボタンとして機能するとは誰も予想しません。リンクは通常、別の場所(おそらくアプリの外にありますか?)に移動しますが、ここではそうではありません。

したがって、私の提案は、これらのパンくずリストをある種のフラットスタイルボタンでボタン化することです。

4
Assaf Lavie

これはオプションを含むよく隠されたリンクであるという以前の回答に同意します。親(ResultsとAdelaide.PROPERTY)は両方とも、数値を含む末尾の括弧を持っています。それらはツリー内のそのレベルのオプションの数だと思います。以前に提案された矢印と組み合わせた使用可能なオプションの数でそのような括弧を追加した場合、または標準のhtmlドロップダウンに変更した場合。

また、より大きな変更を加えて、単なる「トレイル」ではなく、完全なツリーであることをわかりやすくすることもできます。

0
AndSoYouCode