web-dev-qa-db-ja.com

これら2つのデザインのどちらが空を最もよく象徴し、あなたがそれを満たそうとするのですか?

私はクレジットが制限されたサービスに取り組んでおり、残りの量を表示するカウンターを設計しています。私は2つのアプローチ(以下)に出会い、最初のアプローチがよりシンプルに見えても、2番目のアプローチでそれを入力するように感じます(クレジットを購入するのは良いことです)。

enter image description here

私が最初のものよりも2番目に誘惑される理由はありますか?それは個人的なものですか、それとも同じことを感じますか?進行状況、チェックボックスなどについてですか?

それには理由があるようです...おそらくユーザーの心理についての何か。

注:さらにプッシュする可能性のある何かを心に留めているなら、私はそれから学んでうれしいです。

編集:以下はより明確なモックアップです

enter image description here

35
Gabin

私はあなたに同意する傾向があります-右側の人が私をもっと誘惑します。しかし、私はそれはあなたがクレジットを得る増分に少し依存すると思います。クレジットがゆっくりと増えていれば、やる気が出ません。しかし、それは両方のオプションで同じです。右側のオプションでは、250に到達するための6つの大きなステップのように感じられ、左側では250の非常に小さなステップです。大きな一歩を踏み出すと、もっと上達している気がします。それが理にかなっているかどうかはわかりませんが、私はそれを置くためのより良い方法を見つけることができません。

現在、右側の1増分は約42クレジットです。増分が小さいことが多い場合は、ボックスの下部に沿って水平方向にイラストを配置し、増分を少しずつ増やした方がよい場合があります。

22
René Rasmussen

さて、約10分間考えた後、2番目はユーザーに入力するように促すということに同意する必要があります。違いは最小限ですが。

「空っぽさ」をより強く感じるには、記入した量に応じてメーターの色を変更します。

  • 1-2小節:赤
  • 3-4小節:黄
  • 5-6バー:緑

enter image description here

69
kBisla

enter image description here

設計の問題をよく読んで、目的は、ユーザーにクレジットの上限が後退していることを示し、さらに購入するように説得することです。


enter image description here

完了の説得は、ユーザーに残りの量を増やすことで実現できます。私たちは日常生活の中でそのような例に慣れており、それを「完了する」必要性に関連する可能性があります。例えば。

  1. 目的地から50マイル
  2. トレッドミルで途中まで
18
Sumi

個人的には、最初のものは私がそれを埋めたくなります。 2つ目はすでにいくつかのブロックでできているように見えますが、単一のオブジェクトではありません。

また、バランスの低さに応じて色を変えることをお勧めします。例えば。緑は満杯が50%の場合、黄色は満杯が50%未満の場合、赤は非常に低い(10%程度)場合です。

サービスのバランスが非常に重要な場合は、5%未満であれば、少し(実際には少し)赤でパルスすることもできます。微妙にすると、注意が引きずられ、あまり煩わしく見えなくなります。ただし、アニメーションを追加するのは、人間の生活がこれに依存している場合のみにしてください。

8
keaukraine

右側のデザイン(ここでは「チャンク」ディスプレイと呼びます)が注目を集める理由は、そのタイプのディスクリートボックスデザインが、携帯電話、コンピューター(バッテリー)などの電子機器のバッテリーレベルを表すためによく使用されるためです。 Macbookのボタンなど)。

それがより一般的である理由は、連続したディスプレイ(ある種の高解像度ディスプレイが必要)を実装するよりも、安価な電子機器(LEDの列)を使用してチャンクディスプレイを実装する方が簡単だからです。

「チャンク」表示の相対的な共通性のため、ほとんどの人間は、それらのすべてのライトが点灯するのを見たいと思わせる、より深く根付いた古典的に条件付けられた関連付けを持っています。

とても簡単です、IMO。

5
Luke Griffiths

それらは私にそれらを埋めるように誘導しないので、私はそれらのどれも言わないでしょう。私を説得するつもりなら、これはまだ機能していません。

別の質問として、どのオプションが塗りつぶされているかを確認できますか?右側のバージョンは、左側のバージョンよりも半分塗りつぶされているように見えます。左のバージョンはスクロールバーと簡単に混同されます。

塗りつぶされていない進行状況バーの背景とコンテナーの青色の背景のコントラストを上げることができれば、進行状況バーが目立つようになります。

4
Salman Ehsan

左のプログレスバーは、一杯の液体に似ています。正しいものは3つの未定義の単位を必要とするようです。四角形が弾薬を表す場合、それはより揮発性に見えるので、それを埋める傾向があります。

4
Cees Timmerman

これは、人間が量的データよりも質的データの方が優れていることと関係があると思います。 2番目の例は、連続的なスケールを測定するよりも3つから7つのグループに分割する方が簡単なため、より明白または直感的に見えます。

そのため、痛みのスケール(病院で患者が受けている痛みの量を決定するために使用されるさまざまな種類のスマイリーフェースのチャート)やリッカートのスケール(1から7までの数字を選びます。1は強く同意し、 7強く同意しない)。カテゴリを選択する方が(「私の痛みは4にあります」)、連続した数値を考えるよりもはるかに簡単です(「私の痛みは40%にあります」)。

色が役立つことについては他の人にも同意しますが、「このバーは約25%充填されており、塗りつぶしが良い」とは対照的に、赤、黄、緑に分割するのは簡単です。

2
Kevin Workman

右の図があなたの注意を引く理由は、人間の心がオブジェクトをどのようにグループ化するかによるものです。 http://en.wikipedia.org/wiki/Gestalt_psychology#Gestalt_laws_of_grouping

要するに、左側では、グループ化にあいまいさがあります。それは1つの箱ですか、それとも色の異なる2つの箱ですか。したがって、潜在意識が1つのボックスと2つのボックスを切り替えている可能性があり、形状を明確に衝動的に理解していません。あなたは意識的に意味を理解しますが、無意識ではありません。

右側のものは、空のパーツをより明確に定義し、完全な部分と空の部分を分離しています。あなたの潜在意識はそれを理解できるので、潜在意識はあなたにセットを完成させたくなるでしょう(より多くのクレジットを購入する)。

2
Chris

それらのどれも、あなたがデザインのある種の心理的な側面を使いたいなら、あなたの聴衆を見てください、彼らが若いなら、メジャーとしてワインを使い、現在のクレジットに基づいてそれを埋めてください(あるいはいくつかの小さなショットグラス)、痩身製品を探している若い女性の場合は、赤と緑のゾーンのあるスケールを使用し、中年の女性の場合は、中身が空の素敵な月眼鏡を使用します!そして、それが本当のお金であるならば、別のアプローチは各ブロックにドル紙幣を使うことであるかもしれません!

特定のグループを念頭に置いていない場合は、ゲーム戦略を使用して、プレイできるラウンド数をいつでも表示できます。ハートやサークルでそれを表示したり、緑のブロックで行ったのと同じように、現在のデザインについての私の意見それらのいずれかを使用してそれらをより見やすくする必要がある場合、たとえば、より大きくなる水平デザインを使用して、テキストの上または下に拡大することができます。

PS:私が作ったばかりの愚かな例は許してください!

2
Marzy

これは、脳が画像をどのように認識して解釈するかに関係しています。最初の塗りつぶしバーは、塗りつぶしメーターの画像の連続性に途切れがないため、大きく/十分に見えます。右側のものはより小さな「チャンク」に分割されているため、たとえ同じ量であっても、脳はそれをより小さく解釈します。

したがって、心理的な後押しをしてクレジットを埋めるようにしたい場合は、右側のほうが望ましいでしょう。ただし、さらに充実したことの進捗感や満足感を感じてもらいたい場合は、左の方が良いでしょう。

1
JohnP