ユーザーは要素の位置、色を最も覚えていますか?


11

私はいくつかのボタンを含むナビゲーションメニューを持っていますが、これは次のように見えます(注:各ボタンには、他のボタンと区別するための独特のアイコンがあります。モックアップに追加しませんでしたが、Wins8アイコンに似ています):

ここに画像の説明を入力してください

一部のユーザーは、誤って [送信]ではなく[署名]をクリックしたと報告しましたが、これは許可されていません。ボタンをもっと差別化する方法を今考えています。1つのオプションは、署名を右に移動することです。もう1つは(おそらく移動に追加して)色を変更します。

ここに画像の説明を入力してください

ポジションは十分に差別化されていますか?または、色の使用も検討する必要がありますか?このナビゲーションに新しい色を追加すると、全体的なパレットと外観にある程度の影響があるため、支払う必要のある代償があります。


2
私はこれを「オフトピック」とは呼びませんが、UXに移行した方が理にかなっているかもしれません。
DA01 2014年

@ DA01はい、考えていました。物事の色の部分が私を不思議に思い、最終的に考えました:両方に属することができますか?ただし、移行してもかまいません。
Yisela 2014年

一部のユーザーは青/黄色の色覚異常を起こすでしょう。これらの色が異なることを確認してください!
ケシュラム2014年

@keshlam間違いなく!タスクバーにカラーブラインドアプリを置いてパレットを試してみました:)
Yisela

どちらとも言えません。においはもっと思い出深いです:)
スコット

回答:


5

また、すべてが「S」で始まる3文字の4文字の単語で作業していることも役に立ちません。:)

色は、何かが異なることをすぐに示します。最初の例では、実際に時間をかけて注意深く読んで読まないと、これらのボタンの機能がまったくわかりません。私が仕事で使用するパラダイムは、私たちの主要なアクションを、あまり重要ではない、または永続的/ファイナライズするアクションとは別の色にすることです。

しかし、色は必ずしもそれを作るか、またはそれを壊すわけではありません。別の有効な戦略は、アイコンを(最後の2つだけでなく)すべてのボタンに関連付けることです。このようにして、要素に別の簡単に区別できる違いを作成します。

あなたの実際の質問については、位置が十分に区別されている場合、ボタンのパターンが2つの小さいものによって壊れているため、ボタンの違いを無視するのではなく、実際に確認する必要があるため、確かに役立つと思います。追加された色は、これをさらに強調するのに役立ちます。個人的には、可能であれば色も追加します。これは、後でさらにオプションが追加され、ボタンが頻繁に失われる可能性がある場合に備えて、将来の証明に役立ちます。でも、色を変えるのが難しいのなら、新しい位置付けで十分だと思います。

しかし、私が思うことはおそらくユーザーが考えたり行うことよりもはるかに関連性が低く、リソースがあれば、さまざまなデザインを試し、ユーザーがそれをテストして、彼らが好むものと理由を確認します。


ありがとう!ただメモ:ボタンにはまったく異なるアイコンがあり、実際のスクリーンショットを公開することはできません。また、モックアップに追加していません...しかし、人々はそれを混乱させます!
Yisela 2014年

アイコンを持っているか、持っていなかったかを推測することはできませんでした。
ハンナ

6

ボタンを区別するために使用できるもの:

  • ラベル(明らかに)
  • サイズ
  • 注文
  • ロケーション
  • 近接
  • 形状/スタイル

アクションが引き起こす可能性のある意図しないダメージが多いほど、上記のオプションの1つ以上から選択する可能性が高くなります。

これらのコマンドのユーザーフローがわからないので、提案が十分かどうかはわかりませんが、「ああ、ああ」アクションを他の2つのアクションから遠ざけたことで、以前のアクションよりも確実に改善されています。

私はさらに一歩進んで、賢明な近接微分を使用するでしょう。おそらくこれと同じくらい抜本的な何か:

--------  --------
| SAVE |  | SIGN |                                               DELIVER -->
--------  --------   

ここでは、いくつかの差別化要因を使用しました...近接性、ボタンのスタイル/タイプ、および「送信」の名前を「配信」に変更しました(以下を参照)。

あなたが持っているように見えるもう一つの挑戦は、頭韻論の大規模なケースです。それはそれを克服するためにいくつかの創造性を必要とするかもしれません。たとえば、「削除」と「配信」というラベルが付いた2つのボタンを並べて表示したくない場合があります。


3

ヨハネスとDA01の両方に同意します。どちらも、ポジショニング、反復などに関して私が主張する点を両方とも上げています。

しかし、私が追加したいもの。

サインの保存と送信用のアイコンがすでにあるので、送信ボタンの再配置だけで十分です。必要がないので色を変更しないことをお勧めします。また、ユーザーにとっては大幅な変更になります(誤解しないでください。彼らが対応できることはわかっていますが、必要ではないと思います)。

シンボルが人にとって十分に認識できる場合は、送信ボタンを分離すれば十分です。

アイコンがすぐに認識されない場合、つまり、保存アイコン用の従来のフロッピーディスクの代わりにディスクまたはUSBを使用している場合は、提案したとおりに色を変更することを強くお勧めします。緑は行くことを意味します。

ユーザーが幸せになることを願っています;)


1

ユーザーは要素の位置、色を最も覚えていますか?

具体的な提案はしませんが、見出しについての短いコメントです。非常に個人的なものです。一部の人々が「私はあなたの意味がわかります」と言うのと同じように、他の人は「私はあなたの言うことを聞いた」または同様の何かを言うでしょう。ビジュアルに合わせた人もいれば、サウンドに合わせた人もいます。

一部の人々は形にもっと同調しており、他の人々は色に同調しています。あなたがcolourblind満足させる必要があるのと同じように、あなたがいないすべての人々がshape-参照を考慮に入れる必要がある(何人かの人々は木、動物、形状によって家を識別しますナビゲーションに彼らの主要な手がかりとして-colours 色を、いくつかの意志を車の形状や色などではなく、音で車を識別します)。

この場合はもちろん、両者のバランスです(ユーザーが間違ったボタンにどのような種類のボタンを押したのかを見つけるのは楽しいでしょう。そこにパターンがあるかもしれません。また、優れたコンピュータスキルを持つユーザーは、正しいボタンの場所を想定しています。)

アイコン付きの実際のボタンを表示することはできないため、提案が難しくなります。@ DA01が示唆しているように、1つの簡単な方法は、1つの「アウト」までの距離を単に大きくすることです。MailAppのようなもの:

ここに画像の説明を入力してください

ちょっとした考え。


編集

楽しい1つの実験は、ボタンが配置されているがマークも識別もされていない原始的なモックアップ(シンプルな方がよい:図面、壁に貼った後のスケッチ、裏返しのスケッチ、ホワイトボードなど)を少数の人々に提示することです。次に、匿名ボタンが何を期待するかを人々に尋ねます。時々、これは有益で非常に興味深い結果をもたらすことができます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.