web-dev-qa-db-ja.com

着信通話の色と発信通話の色

インバウンドコールを示すために使用する適切な色とアウトバウンドコールを示すための適切な色は何ですか?

  • 発信通話は、実行されているアクションを示します。
  • 着信通話は、外部イベントへの応答におけるより受動的な役割を示します。

これが今のところです。私は、アウトバウンドの場合はアクティブな役割以上の赤、インバウンドの場合はパッシブな役割の青を考えています。しかし、私は色理論についてほとんど何も知りません... enter image description here

3
Chris Dutrow

注意すべき点がいくつかあります

  1. マークが正しく指摘したように、赤はしばしば失敗を示す視覚的な補助として使用されます。多くの場合、赤は、ここに示されているものに関して混乱を引き起こす可能性のある危険またはエラー状態を強調するためにも使用されます。強い行動を促すために使用される引用するには このカラーホイールの記事

赤は火と血の色なので、エネルギー、戦争、危険、強さ、力、決意、情熱、欲望、愛に関連しています。

赤は非常に感情的に強い色です。人間の代謝を高め、呼吸数を増やし、血圧を上げます。視認性が非常に高いため、一時停止の標識、信号機、消防設備は通常赤く塗られています。紋章学では、勇気を示すために赤が使用されています。多くの国旗に見られる色です。

赤はテキストと画像を前面に表示します。それをアクセントカラーとして使用して、人々が迅速な決定をするように刺激します。それはインターネットのバナーやウェブサイトの「今すぐ購入」または「ここをクリック」ボタンに最適な色です。レッドはテキストと画像を前面に表示します。それをアクセントカラーとして使用して、人々が迅速な決定をするように刺激します。

  1. 色覚異常の人は違いを見ることはできないため、アクセシビリティのガイドラインに違反しているため、色を使用して状態を強調することはお勧めしません。 WCAGガイドラインを引用

1.4.1色の使用:色は、情報を伝えたり、アクションを示したり、応答を促したり、視覚要素を区別したりするための唯一の視覚的手段としては使用されません。 (レベルA)

着信呼と発信呼を示しているため、再利用できる可能性のある設計は、電話が着信呼と発信呼の履歴を処理する方法です。 Androidがそれを行う方法を示すため

enter image description here

IOSでの方法は次のとおりです

enter image description here

どちらの場合も、アプリケーションは色と反対のアイコンの組み合わせを使用します。私は、発信と着信のどちらであるかを強調するために、反対のアイコンとテキストと共に同様のメタファーを使用することを提案します。

3
Mervin

さまざまな色に起因する意味は文化や国籍に依存するため、色理論があなたの質問に客観的な答えを与えるとは思いません。

アクティブアクションとパッシブアクションの色は通常、アクティブアクションが目立つように選択されます。現在の青と赤の配色はどちらもアクティブなアクションのように見えるので、私は間違いなく維持しません。アクティブアクション(電話の発信)にはメインの「ブランド」色を使用し、パッシブアクション(電話の着信)にはライトグレーまたは同様に落ち着いた色を使用することをお勧めします。

インターフェイスでプライマリ(アクティブ)ボタンとセカンダリ(パッシブ)ボタンの色を既に選択している場合は、ここでその配色を再利用できます。

2
Andre Dickson

緑は成功を伝え、赤はエラーまたは失敗した状態を伝えます。

特にAndroidとiOSの両方が自分の通話履歴内でこれらの規則を利用しているため、これらのプラットフォームのユーザーが慣れているものであるため、これらの規則を採用しようとしない限り、赤を使用しません。

インバウンド/アウトバウンドのより適切な表現は、アイコンを使用することです。例:アウトバウンドコールの右矢印とインバウンドコールの左矢印。次に、Andre Dicksonが述べているように、アクティブ/アウトバウンドにはブランドを使用し、インバウンドには灰色を使用できます。または、色を使用して、インバウンド/アウトバウンドコールの成功または失敗を伝えることもできます。たとえば、成功したアウトバウンドコールは緑の右矢印で表され、不在インバウンドコールは赤の左矢印で表されます。

これに対する例外は、デザインが多国籍の色の解釈またはアクセシビリティを考慮する必要がある場合ですが、これについて言及していないので、これは要件ではないと思います。

2
Mark