web-dev-qa-db-ja.com

左にネガティブボタン、右にポジティブボタンを配置する方がよいでしょうか。

最後に質問を含むニュースレターがあります。 2つのボタンを作成しました。 1つはYES(私が人々にクリックして欲しいもの)で、もう1つはNOです。 2つのボタンを左右に並べて、プラスのボタンを左側に配置するか、右側に配置するかわかりません。

3
valencamacho

最初に、「はい/いいえ」よりも明確にすることを検討します。ボタンを意味的に強化し、不確実要素(「わからない」など)を追加することもできます。

次に、「はい」、「いいえ」のようにどのように言及したのですか。まあ、あなたのケースではこれがどのように機能するかです、あなたはあなたのレイアウトに適用された自然言語を使用しているので、人々ははい/いいえではなくいいえ/はいしたがって、後者を実行すると摩擦が生じます。

さて、ニールセンによる 非常に興味深い記事 があります。彼は上記で私が言ったことを説明し、その対応物について言及します。次のステップに進んでいるかのように、右側に肯定的なアクションを置くことには論理的なフローがあります。正直なところ、私はこのアプローチを頻繁に使用していますが、あなたのケースではこれはメール用であると述べています。電子メールでは、アクションの継続はありません(OK、可能性がありますが、ブラウザーではフローが中断されるため)、はい/いいえはより論理的なオプションです。

また、何を狙っていますか?上記の記事から:

不整合により節約される時間よりも時間がかかる

標準から逸脱すると、UI要素を見落としたり誤用したりするユーザーに数分(場合によっては数時間)のコストがかかります。人々が不整合を熟考するのに費やす時間は、通常、合計すると、専門的な設計から仮説的に導き出す小さな節約よりはるかに多くなります。

残念ながら、Windows Vistaのユーザーエクスペリエンスガイドラインは、OK /キャンセルボタンのシーケンスに関してAppleヒューマンインターフェイスガイドラインとは異なります。

Windows puts OK first
Apple puts OK last

これら2つのパーソナルコンピュータプラットフォームのいずれかでデスクトップアプリケーションを設計する場合、選択は簡単です。プラットフォームの所有者から指示されたとおりに実行します。

たとえば、ターゲットがWindowsユーザーの場合、 Windows UX の推奨事項を参照してください。 Androidが連続性の概念で再生し、 アファマティブボタンが右側にあるiOSでも同じ

  • 最も可能性の高いボタンが非破壊的なアクションを実行する場合、2つのボタンのアラートの右側にある必要があります。このアクションをキャンセルするボタンは左側にあるはずです。

  • 最も可能性の高いボタンが破壊的なアクションを実行する場合、2ボタンアラートの左側にある必要があります。このアクションをキャンセルするボタンは右側にあるはずです。

したがって、0に戻ります。

次に、ブロックの配置を検討します。

enter image description here

次に、色について考えます。 enter image description here

ここで、選択肢を検討してください:これは中立的な選択肢ですか、それともユーザーを何らかのアクションに導きますか?そうであれば、色、サイズ、配置、さらにはコピーが大きな役割を果たします!

結論

これには一定の規則がないため、長所と短所、自然言語、対象とするデバイス、およびその他の多くの側面を考慮する必要があります。良いニュースは、電子メールの追跡が本当に簡単なので、いくつかの小さなバッチを実行してから、ユーザーにとってより効果的な最終バージョンに到達することです。

2
Devin

あなたの聴衆は誰ですか?彼らが携帯電話やタブレットにいる可能性はどのくらいありますか?デスクトップ以外のデバイスを使用している可能性が非常に高い場合は、ほとんどの人が右利きであり、右側の行動を促すフレーズがより高いインタラクション率を達成する可能性が高いことを考慮する必要があります。はいにもっと勢いを与える他の方法があります。たとえば、より目立つカラーリングや複数のはいオプション(ニュースレターの上部と下部にありますが、上部だけではありません)

0
Maximin