web-dev-qa-db-ja.com

「危険な」ボタンは大きくて赤いのか、小さくて目立たないのか。

Webアプリでは、「削除」ボタンは明白で明るい赤で、危険であることを示していると考える人もいます。問題は、これがボタンに目を引き、誤ってクリックする可能性が高くなることです。だから一般的に...

「危険な」ボタンを目立たせる必要がありますか?それとも目立たないようにする必要がありますか?

「危険」ボタンは、ユーザーが誤ってクリックしてはならないボタンです。通常、これらは破壊的なアクションを引き起こす二次アクションボタンです確認が必要か、取り消し可能かどうかに関係なく

この問題は別の場所で扱われたのだろうか。 Microsoft Outlook 2007の[削除]ボタンのアイコンは真っ黒ですが、IIRCは数年前は赤でした。 WordPressブログの編集ページはさらに進んでいます:[保存]ボタンは大きくてクリックが簡単ですが、[削除]ボタンは目を惹かない小さなプレーンハイパーリンクです。他にも多くの例があります。

私はこの「目立たない破壊的なボタン」のパターンが多くの場所で使用されているのを見てきましたが、それへの適切な参照は見ていません。 この問題は本やウェブサイトで議論されていますか?

34
Bennett McElwee

追加できる情報の小さな断片があります。 Bruce Tognazziniが AskTog に数年前に投稿しました:

「一見すると、クローズボックスを赤く塗ることは、潜在的な危険性についてユーザーに警告するので良いことだと思われます。しかし、Appleで行われた研究では、ほぼ10年前にユーザーのマウスは、まるで磁気を帯びているかのように、赤いオブジェクトに引き寄せられます。この研究により、クローズボックスと[シャットダウン]オプションを赤にするという考えを放棄せざるを得ませんでした。

それはあなたの決断に多少の影響を与えるかもしれませんが、私は過去9年間Mac OS Xで不注意に「閉じる」ボタンを押し続けてきたとは言えません。

21
Alastair J

依存します。

たとえば、ユーザーがキーボードナビゲーション(つまり、ビジネスアプリケーション)を使用する可能性が高く、フォーカスが自動的に削除ボタンにある場合、Enterキーを押すと他のことが実行されると予想しても、サイズは実際には問題になりません。

それが依存する理由のちょうど例として。

画面とタスクのコンテキスト内で、可能性のある機能を削除していますか?削除は元に戻せますか?

考慮すべき他のことは、ターゲット領域からのボタンの距離です。つまり、画面の左側にあるボックスをチェックし、右端に移動して[削除]をクリックする必要がある場合は、それが重要です。他のオプションへの削除の近接性。

アイコン(赤いXまたはごみ箱)のようなものは、ターゲットの取得と認識にかかる時間を短縮したり、誤って実装した場合にそれを妨げたりする可能性があります。

申し訳ありませんが、この質問に対する正しい答えはありません。

個人的には、Wordpressの新しい実装は好きではありません。削除機能が見つからないためです。

人々が誤って削除ボタンをクリックしていて、それが頻繁に使用される機能ではない場合は、2ステップの削除+確認または選択+削除の実装を検討するか、ボタンを移動するか、アイコンを追加/削除して、ボタンを大きくし、周囲の空白を増やしてください。 。

7
Nathanael Boehm

時々削除ボタンIS主なアクション、それからもっと目立つはずです、そうでなければそれはおそらくそれほど目立たないはずです。私も方法が好きですWordpressホバーすると非常に目立つ赤い背景が表示される重要ではないプレーンリンクを使用して実装しました。

ボタンをクリックした後に何が起こるかは、見た目よりも重要だと思う傾向があります。アクションがリバーシブル(機能を元に戻す)の場合、それほど危険ではなく、誤ってクリックした場合のコストは非常に低くなります。

私は削除アクションに元に戻す機能を用意したいのですが、それが不可能な場合は、おそらく何らかの確認が必要です。最近、私は自分のWebアプリでiPhoneからデザインパターンを借用しています。削除ボタンをクリックすると、「削除の確認」などのラベルが付いた新しいボタンに変わります。 「確認」ボタンが押されるまで、削除アクションは実行されません。これは、あえて一般的なアラートボックスよりも確認を求める控えめな方法だと思います。

5

それはボタンのコンテキストに非常に大きく依存し、アプリケーション全体のコンテキストにも依存すると思います。 「削除」が他の部分よりも「破壊的」ではないアプリの部分があるかもしれません。その場合、対処する一貫性の問題があります。また、正しく指摘されているように、リストまたは画面では、削除が主要なアクションになる場合があります。したがって、製品の残りの部分全体で主なアクションがどのように見えるかと、削除自体の機能とのバランスを取る必要があります。

二次的な考慮事項として、ボタンを削除する場合、ユーザーはexpectをどうしますか? 「X」は削除機能と同義であり、「X」の色(Outlookについて言及)はあまり重要ではないようです。ユーザーは削除を確認するように求められることを(必ずしもそうとは限らないが)感謝していると思いますが、それでも削除がどれほど破壊的であるか、そして簡単に元に戻せるかどうかという問題に戻ります。

物事がどのように機能するか(全体的な意味で)と同じくらい重要であると私は信じていますが、この種の事柄は、美的感覚とは対照的に、操作によってより支配されていると感じています。

1
Sam K

「削除」が危険な場合は、必ずユーザーに「よろしいですか? "

上記のコメント/回答はすべて適切で適切だと思います。この質問に2番目の層の答えを提供できますか?結局、誤って「削除」をクリックしてユーザーを混乱から保護する最も重要な側面の1つは、オプションにフェイルセーフレイヤーを提供することです。

つまり、「ねえ!本当によろしいですか? "

1
jffgrdnr