web-dev-qa-db-ja.com

データの行に編集ボタンは必要ですか?

データテーブルがある場合、各行をクリックして詳細を表示できます(そこから編集できます)。

しかし、アフォーダンスの目的で、行全体が実際にクリック可能であり、それらを編集ページに移動する場合でも、各行に編集アイコン/ボタンを明示的に含める必要がありますか?

3
catandmouse

あなたの質問への答えは-はいです!編集アイコンが必要ですが、それを提示する方法はそれを使用可能にし、UIをクリーンに保つのに役立ちます

  • 要素の繰り返しは良いUXではありません-要素が太すぎたり大きすぎたりしない限り、UIが混雑しているように見えます。
  • マウスオーバーでアクション要素を表示するは良いオプションですが、あなたは本当にあなたのサイトのターゲットオーディエンスについて考える必要があります。アプリケーションがすべての世代を対象としている場合は、マウスオーバーアクションを避けたい場合があります。
  • スケーラビリティの考え;行にアクションアイコンを追加するようにクライアントから要求された場合はどうなりますか?

3つの垂直ドットを表示するパターンは、最近では行レベルのアクションで一般的になっています。これは、携帯電話、タブレット、PCなどのデバイスでも非常に一般的です。


以下は、ほとんどすべての懸念を解決するGoogleの例です。

enter image description here

行動:

enter image description here

3
DPS

アフォーダンスは重要です

テーブルがどのように見えるかわからない(同じのワイヤーフレーム/デザインが見られると良いでしょう)-一般に、デザインには、ユーザーが同じアクションで実行できることに対するアフォーダンス/ヒントがいくつかあるはずです。

  • 各行に編集アイコンを配置する代わりに、編集アイコン/削除アイコンを各行のホバーに表示することができます。行をクリックするアクションは依然として当てはまりますが、このホバー情報は、クリック後の実行可能なアクションに関するヒントをユーザーに提供します。

  • 設計と製品の動作によって異なります。テーブルをグローバルアクションにして編集可能にすることができます。たとえば、「テーブルの編集」または「番号の編集」など。このアクションは、行の編集アイコンを補足して、それらを明確に編集可能にします。

お役に立てば幸いです。

3
Amit Jain

編集ボタンは必要ないので

  • クリック数が増えます。
  • 適切な視覚的表現を持つアイコンがなくても、簡単に理解できます。人々が最初からOracle、Googleソフトウェアで使用していたこの種の物。

enter image description here

また、各行に編集ボタンを含めると、雑然として見える場合があり、同じアイコンを繰り返すことはお勧めできません。

0
uttham