web-dev-qa-db-ja.com

異なるスタイルのボタンを使用して、「キャンセル」ボタンよりも「承諾」ボタンを拡張することは良い考えですか?

アクション/フォームを完了する場合、キャンセルではなく「承諾」ボタンを強調表示します。

私はAndroidがボクシングの単語ではなくテキストのみを使用してボタンのように見えるようにしています。)を見てきました enter image description here

このアプローチは手頃な価格の原則に反するため、私はこのアプローチをためらっていました。

  1. さまざまなスタイルのボタンを使用して受け入れボタンを拡張することは良い考えですか?それとも、デザインが乱雑/混乱しているように見えるだけですか?

enter image description here

  1. オプションAはクリーンでクリアですか?それともBのようなデザインで行くのが良いですか?
1
UX Research

オプションAは、主なアクションの概要をより明確に示しています。この場合、キャンセルは二次的なものと見なされます。

一般に、ユーザーがタスクを実行することを選択した場合、タスクを確認するボタンはより明確になります。

ただし、「ハードドライブを消去してもよろしいですか?」のように、バイナリを選択する必要がある場合は、はい/いいえボタンはおそらく同じ重量を運ぶ必要があります。

お役に立てば幸いです。

3
Aaron Benjamin

さまざまなオプションの効果について考えてみてください。通常、破壊的な、または編集できないオプションには、ユーザーにこれを警告するための書式が設定されています。 Androidで開発していることは承知していますが、iOSのデザインガイドラインは、Googleのマテリアルデザインの仕様と併せて読むのに役立つリソースです。 Action Sheets ページには、次のように記載されています。

破壊的な選択を目立たせます。破壊的または危険なアクションを実行するボタンには赤を使用し、アクションシートの上部にこれらのボタンを表示します。

前の回答で述べたように、選択肢が非破壊的で、受け入れ/キャンセルタイプの回答ではない場合は、同じフォーマットが推奨されます。

ただし、不慣れな色で塗りつぶされた形式をユーザーに提示することで、何を達成したいかを尋ねることが最善です。本当に具体的な使用例がない限り、ユーザーに使い慣れた形式を提示するのがおそらく最善です。承認/キャンセルダイアログの場合、ボタンは通常ボックス化されておらず、リンクにシステムまたはアプリの標準色を使用して同じ書式が設定されています。

書式設定を変える必要がある場合は、[承諾]オプションに色付きの線を付け、[キャンセル]を灰色のままにしてみてください。

1
Joe