web-dev-qa-db-ja.com

グリッド上でクリック可能なアイコンまたは行全体を表示する

グリッドでは、これには複数の列が含まれる可能性があり、列の内容の一部は別のページにリダイレクトするリンクです。たとえば、ユーザーが行の上にマウスを置いたときに、アイテムの詳細ページまたは行全体をクリック可能な「ビュー」アイコンにリダイレクトした方がよいでしょう。マウスアイコンを「手」に変更できます。行がクリック可能であることをユーザーに示すため。

また、グリッドには、「編集」、「削除」などの別のアクションボタンと、グリッドが配置されている機能に関する別の特定のアクションを含めることができます。

これらは2つの例です。

enter image description here

ユーザーを「詳細」ページにリダイレクトするときのベストプラクティスは何ですか?

2
Rodrigo Leite

オプションBを選択します。 Viewアイコンが1つのハイパーリンクで、列Head 2がもう1つのハイパーリンクであることは明らかです。

オプションAは、2つの理由で状況を混乱させます。

  1. すべてがクリック可能であるため、ユーザーはどこをクリックするかを正確に把握できません。
  2. ポインターの違いを示すことはできません。
2

ユーザーごとに異なりますオプションA

1:ユーザーがリンクの色を覚えているため、さまざまな色の処理が機能します(リンクが広く使用されている場合は青)。

2:余分な要素(目)も減少します。

オプションB

目のアイコンは主に表示/非表示に使用され、ユーザーを混乱させる可能性があります。

私の提案

私によると、オプションAは、ユーザーに覚えておく余分な要素がないため、ユーザーにとって優れたエクスペリエンスを提供します。

2
Abhishek Sharma