web-dev-qa-db-ja.com

リンクとボタンを並べて、リンクがより重要なアクションである場合、それがより重要で頻繁なアクションであることをどのように表示できますか?

この質問 で、リスト内のアイテムを表示/編集するための適切なラベルについて尋ねました。

私は与えられたものとは異なる解決策を決めました-表示/編集用のリンクと削除用のボタンを使用することです。その理由は、リンクの方が意味的に正しいからです。リンクをクリックすると、アイテムの詳細に移動し、そこで表示、編集などを行うことができます。

enter image description here

しかし今、私は別の問題を抱えています...ボタンはより目立ち、より目立つように見えます。より頻繁に使用されるアクションであるリンクを、より目立ち、魅力的で、目立つようにしてください。私はそれがユーザーにとって明白な最初の選択肢になることを望んでいます。

リンクとボタンが並んでいて、リンクがより重要なアクションである場合、それがより重要で頻繁なアクションであることをどのように表示できますか?

4
richard

プライマリアクションとセカンダリアクションがあります。詳細はプライマリアクション、削除はセカンダリアクションです。

あなたができることは、削除機能を編集/情報を含むウィンドウに移動することです。これには、リストのレイアウトをクリーンアップするという追加の利点があります。

これは、削除がごく一般的ではない機能であり、ユースケースが「詳細を忘れたため、このレコードを削除するかどうかわからない。詳細情報をクリックしてから、削除するかどうか決めることができます」

11
colmcq

これを解決する方法に関するいくつかの詳細と考えられるアイデアを自分に与えるには、コマンドリンクおよびリンク。 Microsoftプラットフォーム用に設計またはコーディングしていない場合でも、ここにはいくつかの優れた概念があります。

特に、コマンドリンクトピックは、コマンドリンクラベルとリンクトピックは、以下のリンクの違いを定義します。

  • ナビ
  • 仕事
  • 助けて
  • 定義
  • メニュー
  • オプション

この情報を視覚的に提示する方法は他にもいくつかあり、どのコマンドがより重要であるかをユーザーに知らせます。 1つの可能性は、2つのコマンドの視覚的表現を切り替えることです。

The commands are presented differently

そしてコメントで、アドリアーノはボタンを物理的に動かすことを提案しました。 (西側の)人は左から右、上から下に読んでスキャンすることを覚えておいてください。このパターンのコマンドをレイアウトして、「これ」が「それ」の前に来るように提案できます。

1
JeromeR