web-dev-qa-db-ja.com

反復行動の回避

カードの検索に「Install/Configure」オプションと「Documentation」が含まれる製品のUIを開発しています。

enter image description here

ただし、ボタンが繰り返されているため、UIは見苦しく見えます。それを整理する他の選択肢はありますか?

7
user1241241

1つの方法は、プライマリボタンとセカンダリボタンを区別することです。目立つボタンとして「インストール」、セカンダリリンクとして「ドキュメント」を維持することができます。このようなもの: - enter image description here

20
Nicolas Hung

ユーザーが1回の訪問で多くの製品をインストールすることが予想される場合を除き、ここでは繰り返しのアクションはありません。コンテンツの異なる部分に対して同様のボタンが同じことを行うと見苦しく見えるかもしれませんが(非常に主観的だと思います)、ボタンの機能を理解するのは非常に簡単です。

繰り返しボタンを取り除くこともできますが、その場合はアクションを2段階のプロセスに分割する必要があり、アクションを選択してからターゲット製品(またはその逆)を選択します。この一連のステップを追加するだけで、多くの人々を失うことになります。

8
Kafein

このアプローチを取りたい場合は、繰り返しのために一貫性を犠牲にします。

使用されるデザインパターンは、全ページグリッドレイアウトの一連のカードコンポーネントであり、各コンポーネントを複製する必要があります。プライマリアクションとセカンダリアクションを削除する場合は、ページ上にユーザーアクションを処理するための別のセクションを作成する必要があるため、ページレイアウトを再設計する必要があります。

ユーザーが製品をインストールまたはダウンロードするページの別のセクションがあるとしましょう。それでも、それらの選択を示す必要があります(行動を促すフレーズまたはアイテムのスタイルを使用して選択状態を示し、さらにキャンセルする可能性があります)。

これを行うには、通常の設計パターンにいくつかの違反が発生します。つまり、スムーズなフローを作成するために他の相互作用を設計する必要があるため、これを行う正当な理由があるかどうか、または別の理由があるかどうかを検討する必要があります。適用可能な戦略(行動を促すフレーズのボタンの目立ち方を減らすなど、何らかの意味で逆効果になる).

おそらく、最善の方法は、いくつかのバリエーションを考え出し、ユーザーとテストして、繰り返しがユーザーエクスペリエンスに問題を引き起こしていないかどうかを確認することです。そのため、ある問題を取り除いて別の問題と交換しないでください。

6
Michael Lai