web-dev-qa-db-ja.com

新しいパターンと学習したパターンの紹介

会社の株価を示すヒートマップUIがあるとします。ユーザーが過去2年間にさらされてきた現在のパターンは、濃い緑が低い値で、明るい緑が高い値です。私にとって、色の濃い色は「より多く」を意味し、色の濃い色は「より少ない」ことを意味するため、これは少し直観に反するように見えました。ルールを入れ替えたパターン(濃い緑色は高い値、明るい緑色は低い値)を一部のユーザーとテストしましたが、色の入れ替えに気付くこともありませんでした。実際、彼らはカラーパターンのルールを説明することができました。

学習したレガシーパターンが直感的にテストされていない場合に、ウェブサイトまたはアプリがパターンを交換したり、指定されたルールを変更したりする前例はありますか?または、これはUXノーノーですか?

3
Yeezy

小川を渡らないでください!

配色の変更は、パレットの完全な反転とは異なります。

ヒートマップの場合、色には主要な情報が含まれているため、顧客の混乱を我慢してかまわない限り、色軸を反転させることはお勧めできません。

ダークライト戦略に移行する場合は、切り替える前に暫定的な色で顧客を進化させたい場合や、本当に切り替えたい場合は、ユーザーが新しいサイトに初めてアクセスしたときにコールアウトを追加します。 、そしてほとんどのユーザーが新しい色を読みやすくしたことを説明します。

enter image description here

パレットのテストが改善されたからではなく、見栄えがよくなったと思って変更することを考えている場合は、壊れていないものを修正することについて2度考えます。

別のカラーパレットを選択できる場合は、適切なヒートマップパレットを選択するのに役立つ多くのリソースがあります。たとえば、2色または「発散」パレットは、読みやすく、カラーブラインドにわかりやすくなります。パレットを再考したい場合は、まずここから始めてください。

http://blogs.sas.com/content/iml/2014/10/01/colors-for-heat-maps/

2
tohster