web-dev-qa-db-ja.com

選択フィードバックを使用して、色分けされたシートマップを色覚異常のユーザーが使用できるようにする

異なる座席が異なるゾーンに配置されるシートマップを設計しています。

各ゾーンには異なる価格があるため、ゾーンは座席選択時にユーザーとの関連性が高くなります。

ただし、シートマップはグリッドとして作成されているため、ラインやラベルを使用してゾーンを区別することはできません。また、ゾーンを表すために異なるアイコンを使用することもできません。異なるシートタイプ(リクライナー、標準シートなど)の間を表すアイコンが必要だからです。

それは色を残します。

色覚異常のユーザーをサポートするために(そして一般に選択のフィードバックのために)、ユーザーの選択を動的にリストし、対応するゾーンの追加料金を下部のバーに表示することを計画しています。 enter image description here

これは、色覚異常のユーザーがゾーンの色を区別できるかどうかに関係なく、情報に基づいて座席を選択するための十分なサポートを提供しますか?

1
Refe

あなたが提供したモックアップだけかどうかはわかりませんが、Outlinesを使用して選択を示すこともできます。選択に対照的なアウトラインを提供する場合、選択されている座席を視覚的に明確にする必要があります。

または、選択した座席の調整明/暗値も役立つはずです。選択されていないすべての座席が(モックアップに表示されるように)比較的明るい色である場合、選択された座席をモックアップで示されたものよりもさらに暗くすると、効果的なコントラストが得られます。

画面スペースがある場合に考慮すべきもう1つのこと:「座席レベル」のセクション(つまり、掘り出し物、価格、選択)は、ほとんどが列になっているようです。余裕がある場合は、セクションの横にラベルを追加することを検討できます。これにより、上部の凡例を完全に取り除くことができ、全体の色に依存することが少なくなります。

例として(明らかに、これがワイヤーフレームでなかった場合は、負荷が良く見える可能性があります...):

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

1
maxathousand