web-dev-qa-db-ja.com

ホット/コールドだけでなく、オン/オフも表示するのに最適な色

私が書いているアプリケーションの1つのセクションのいくつかの色について本当にわかりません。

基本的に、何かがオン/オフであるかどうかを表示するセクションが必要ですが、HOT/COLDも必要です。

さて、通常、私はそれを仮定します:

ONGREEN

OFFRED

そしてそれ

HOTRED

COLDBLUE

しかし、私の特定のケースでは、私はこの状況にあります:

ONの場合、これはHOTでもあることを意味します(OFFと混同される可能性があるため、REDは使用できません)。

それがOFFの場合、それはCOLDでもあることを意味します(おそらくBLUEで問題ありませんか?)

このようなものにどのように取り組みますか?

48
Nick

赤はオンに使用でき、ほとんどのソケットはオンのときにこの色を使用します: enter image description here

オンにはブライトレッド、オフにはダークブルーをお勧めします。明るい赤と濃い青の明るさの違いもオン/オフを示します。また、多くのデバイスで電源のオン/オフに使用されるLEDライトに似ているため、丸い形を使用します。

enter image description here

53
DesignerAnalyst

私はあなたのアプリがどのように機能するか正確にはわかりませんが、私が理解したことから、問題を回避するために、OFFボタンには灰色のような色を使用し、ONボタンには明るい色(おそらくアプリケーションの主要色)を使用します。

enter image description here

また、アイコンを使用して、ホット/コールドを示します。

71
nuwa

enter image description here

システムがオンまたはオフであることを示すために色を使用しないでください。代わりに言語コードを使用し、アイコンコードを使用してHOT/COLD状態を伝えます。ここでは、さまざまな色の温度計を使用しました(一部の冷却装置がオフになっているような、熱の受動的な分散ではなく、フリーザーのようなアクティブな冷却の感覚を伝えるため、スノーフレークのアイコンは使用しませんでした)。

44
Marco Tatta

私のアドバイスは、On/Offラベルをなくすことです。それは混乱の層を追加するだけです。

ON ==コールド&& OFF == HOTの場合は、それらにHOT/COLDというラベルを付けます。彼らは同じ状態を指している。

次に、スイッチ/トグルを使用します。

この例では(以下を参照)、「On/Off」という単語を「Hot/Cold」に変更し、それに応じて色を更新します。

on/off switch

11
Mark

構造上、警告の色は明るいオレンジです。オレンジ+ enter image description here トリックを行うことができます。

10
shego

湯沸かし器の電源を入れても、すぐには熱くなりません。最初に加熱する必要があるため、ホット/コールドの命名法は誤解を招く可能性があります。オン/オフスイッチにしてください。または、やかんにサーモスタットを装備します。

8
nhw353

ON/OFFにはユニコード記号があることを指摘したいと思います。以下を参照してください http://unicodepowersymbol.com/

  • circle open at the top with vertical bar protruding, ISO 60417-5009 “Stand-by; Power” ⏻パワー:U + 23FB
  • circle encloses vertical bar, ISO 60417-5010 “ON/Off (Push-push)” ⏼トグルパワー:U + 23FC
  • vertical bar, ISO 60417-5007 “On (power)” ⏽電源オン:U + 23FD
  • circle, ISO 60417-5008 “Off (power)” ⭘電源オフ:U + 2B58

私の意見では、緑=オン、赤=オフのカラーコードはあまり普及していないため、混乱のリスクは低いと思います。私の経験では、Microsoftだけが使用しています。私にとって、赤はオフではなくオンという意味です。

だから、私はこれに行きます:やかんをアクティブにするためにプッシュされる淡い赤のユニコードONシンボル。やかんがアクティブになると、同じシンボルが明るい赤に変わります(点滅する可能性があります)。その横にある灰色がかった青色のunicode OFFシンボルは、やかんをオフにするために押します。やかんがオフの場合、OFFシンボルは紺色になります。または、あなたが持っている可能性に応じて、そのようなもの。

8
emi

私の別の答え から、状態を明確にするためにminimcの実世界のスイッチである「スイッチ」の使用を検討することを強くお勧めします。

enter image description here

これらの設計では、スイッチの状態が非常に明確であるため、色を目前のアプリケーションに合わせることができます。

4
dotancohen
  • 黄色=暑い(太陽)オン(電気、電球など)
  • 青=寒い(氷、空)、オフ(落ち着いた色)
2
Luke

重要なインターフェイスコンポーネントの色のみに依存しないでください。

  • 多くの人、おそらく10人に1人以上が、特定の色の知覚を制限する何らかの形の色覚異常を持っています。
  • 色を見つめると、目と脳の色が逆になり、文字通りまったく異なる色が見えます。緑は赤になり、黄色は青になります。初期の宇宙飛行士はこれを経験しました [〜#〜] nasa [〜#〜] インジケーターとして色だけに依存することを避けることを学びました。

他の回答に示されているように、色は他のメカニズム(テキストメッセージ、ウィジェットの形状、ウィジェットのサイズ、ウィジェットの周りのトリム/クロームなど)によって配信されるメッセージを補足または強調するだけです。

非常に重要な場合は、複数のメッセージを組み合わせないでください。

ONHOTとの間に切断がある場合は、それらの個別のメッセージを作成します。あなたの質問はこれについて正確に明確ではありませんでした。ストーブのように、電源をオンにしてもすぐに熱くなるとは限らず、オフにしてもすぐに冷めるとは限らない場合は、別のインジケータを使用します。これは、バーナーに電力が供給されているときに1つのインジケーターが点灯し、別のインジケーターがバーナーが高温であることを示す、最新の電子ストーブで見られます。ヒートインジケータは、電源インジケータよりも後で点灯し、後で消灯します。

この図では、前面パネルに少なくとも現在バーナーの電源が入っていることが示されているのに対し、4つの表面インジケーターは各バーナーの触って触れる状態を示しています。ガラスの上面は熱を保持するため、別のインジケータになります。

enter image description here

切断電源と熱がない場合、オンが常にホットを意味し、オフが常にコールドを意味し、カラー定義がユーザーに明確に刻印されている場合は、より重要な側面を選択し、そのカラーを使用します。表面が軽く温かくても400ボルトで感電死する可能性がある場合は、温度よりもONメッセージの方が重要なので、ONカラーを使用します。

色の定義がユーザーに刻印されていない場合、色の選択は私には重要ではないようです。特定の色を気にするよりも、明るさ/注意力(​​ON/HOT)よりも薄暗さ(淡色)(OFF/COOL)に重点を置いて、任意の色を使用します。

2
Basil Bourque

2つの異なる機能の異なるインターフェイス

事例:車のエアコンのインターフェース

車のエアコンの多くの例として、トグルボタン(ライトインジケーター)で定義された最初のオン/オフ機能。加熱調整要素は(ノブと青赤の色)で定義されます。

enter image description here

色はそうではありません唯一の変数メンタルモデルを構築するときに再生できます。温度機能を備えたオン/オフ機能がある場合;要素は異なるコントローラーを持つことができます(エアコンの場合:ノブ(温度)とボタン(オン/オフ)

スペースが不足しているためにこれらの要素が一緒になる場合、ボタンでホイールを回すことは、以下のようにテストするのに最適なオプションです。あなたが色を探しているなら、緑と赤青のスケールの照らされた形はうまくいきます。

enter image description here

2
Abektes

オン/オフの切り替えで「グレー表示」します

色分けではなく、ON/OFF TOGGLEに「グレー表示」の方法を使用することをお勧めします。ここでは色ではなく言語に依存します。

良い例ではありませんが、私と一緒に我慢してください...私は時間に追われています。オレンジは無視してください...またはそうでないかもしれません...それ(またはより穏やかな色)は機能します。

enter image description here

気温は赤と青でどうぞ。他の誰かがその良い例を示しました。 enter image description here

電源をオフにして冷却を監視するときも同じ考え方に従います。

2つの追加提案...

私の他の唯一の推奨事項は次のとおりです。

  1. 彼らを惹きつけ、それが機能していることを彼らに知らせるためのいくつかの付随する言葉

「今、元気!」 "ほとんど準備ができています!"

そういうこと。特にあなたがそれを少し面白いものにする方法を見つけることができるなら。

  1. 可能であれば、カウントダウンまたは更新時間枠

「美味しさは3分もかかりません!」

私たち人間は忍耐がかなり苦手です。

1
Melissa Fabina

これは特にケトル用であるため、伝統的に沸騰の過程にあることを示すLEDライトがあります。沸騰すると、このライトが消えます。

アプリはこの動作を模倣でき、オプションで近くに「沸騰しています...」というミュートされたテキストを表示できます。

アプリが水の温度を知っている場合は、従来の赤から青の温度計を個別に表示したり、数値だけを表示したりできます。 50℃。

ただし、アプリが温度を監視できない場合、高温/低温の表示は実際には正確でない可能性があります。水の入ったやかんは、少量の水が入っているものよりも冷却が遅くなります。

1
rybo111

Tl; dr:オン=緑、ホット=黄色、オフ+冷=消灯。理由を理解するために読んでください。

完全に同期されていない情報にエンコードする必要があります。

通信する4つの状態があります。

  1. やかんはオフになっています。やかんは冷たいです。

  2. やかんはついています、やかんは冷たいです。

  3. やかんはついています、やかんは熱いです。

  4. やかんはオフになっています、やかんは熱いです。

ユーザーには、上記の4つの状態を引き起こすいくつかのニーズがあります。

  • やかんがいつエネルギーを消費しているかを知りたいのですが、それがオンになっていることを確認したい場合や、使用するつもりがない場合はオフにしたい場合があります。

  • やかんが熱くなっているとき、それをつかんで火傷しないように、または水がまだ熱いかどうかを知りたいです。

私たちが回答しようとしている質問は、これらの4つの状態を単一のインジケーターにエンコードできますか?そのインジケーターは4つの状態を明確に伝えますか?

  1. 「オン」の一般的な基準はライトが点灯していることであり、「オフ」はライトが点灯していないことです。この格言を破るデバイスは、混乱する傾向があります(何を何であるかを忘れたために、2色の電源インジケーターが付いたテレビを何回オンにしましたか?)

  2. お気づきのように、色の違いは意味が異なります。点灯していないライトは冷たく、暖かい色は一般的に暖かいものに関連付けられています。

次の4つの状態では、ポットが実行中であること、および何かが熱くなっている可能性があることを両方とも通知できます。

  1. オフ+コールド:暗い

  2. オン+コールド:緑(ライトが点灯している場合は注意が必要)

  3. オン+ホット:オレンジ

  4. オフ+ホット:オレンジ

重要なのはステップ2です。暖色(赤、黄、オレンジ)は熱に関連付けられやすいため、ホットインジケーターにその色を使用すると、ユーザーにとって直感的です。必要なのは、鍋が使用中であることを示す2番目の色ですが、まだ熱いとは言えません(どのくらい熱いかを判断する必要があります)。

通電しているものに関連付けられている一方で、涼しいものにも関連付けられているため、青が出ています。やかんが温かい、またはほとんど熱くなっている場合、人はまだ触れないでください。

緑は状態2に最適な色です。これは、明示的に温度に関連付けられておらず、アンバーと同じファミリではないが、通電している電子機器に関連付けられているためです。

0
Matt