色覚異常のあるUI / UX開発者。良いアイデアか悪いアイデアか、それとも挑戦ですか？
私はフロントエンド開発者として働いています。私はかつてJavaScriptテクノロジーに取り組んでいました。しかし、UXに関しては、色覚異常のためによく理解できない色やものの選択についてです。
素晴らしいUXを備えた優れたUIデザインを作成したかったのです。これどうやってするの？これは可能ですか？
追伸色覚異常を持つUXデザイナーはいますか？
色の選択はユーザビリティプロセスのほんの一部なので、UX/UIデザイナーとして働くには問題なしがあります。ユーザビリティテスト、分析の確認、A/Bテストの実施、レポートの作成など、UX-erが実行する必要のあるアクティビティは他にもたくさんあります。
色の選択は、ビジュアルデザイナーの作業に似ています。人々はしばしば二つの職業の間で混乱しています。ビジュアルデザイナーは、ロゴ、ウェブサイトのデザイン、配色を作成し、どちらが優れているかをテストすることはめったにありません。一方、UXスペシャリストは、ユーザー調査と「ベストプラクティス」に基づいてデザインを作成しています。一般に、UXデザイナは、ビジュアルデザイナと比較して、十分な情報に基づいてインターフェイスを選択します。
経験の浅いユーザーでも使いやすいインターフェースを作ることに情熱を傾けているなら、この職業を試してみてください。言うまでもなく、それは十分に支払われ、UXデザイナーの需要は高まっています。
私は10年間フロントエンドの作業を行っており、重度の重度または重度の色覚異常（赤緑色の失明）があります。それは問題ではありませんでした。
私は、色を識別するために、カラーピッカーUIのカラーコードと場所/近接性に大きく依存しています。
デザインを一から作成する場合、既存のパレットを参考にしてインスピレーションを得ます。さらにインスピレーションを得るために、組織のロゴにスポイトツールを使用します。組織に特定の組織色を含むスタイルガイドがある場合、それはさらに優れています。
既存のデザインを手に入れれば、既存の色を再利用できます。新しい色を追加する必要がある場合は、さまざまなパレットでの作業に基づいて、色コードと経験に基づいて、何がうまく機能するかを判断できます。
色覚異常であることの利点の1つは、データを表す色を選択するときに、色覚異常者と色覚障害者の両方にとって理解しやすい色を自動的に選択することです。たとえば、私がストップ/ゴーステータスインジケーターとして選択する赤と緑の特定の色合いは、他のカラーブラインドユーザーにわかりやすくなります。または、グラフまたはマップ用に選択した色は、キーと簡単に関連付けることができます。
制限は制限している
ここの誰もがとても素敵ですが、重要なポイントを回避しています。
色覚異常のUXDになると、オールインワンの製品デザイナーになる能力が制限されます。
誰もが限界があります。あなたとは異なり、私には確かなエンジニアリングのバックグラウンドはありません。私は製品または機能の発見フェーズ全体を通じてソフトウェアアーキテクトと密接に連携し、開発全体を通じてエンジニアと連携しています。これは私の制限を補い、技術的な制約と機会を確実に理解します。
色覚異常は、情報アーキテクチャ、アプリケーションフロー、ユーザージャーニーなどの領域で妨げにはなりません。ただし、製品の洗練された側面の時間になると、誰かと協力する必要があります。
私たちの誰でもそうであるように、あなたは自分のスキルで最もインパクトのある貢献をすることを可能にする役割を見つけなければなりません。
不機嫌なコメンターに応えて...
さまざまなアクセシビリティの問題を検証するツールがあります。すべての可能な落とし穴に「専門家」を採用する必要はありません。私はアプリケーションを使用して、デザインをすべての形式の色覚異常と照合します。私はないので自分の色盲の形を持っているため、このツールを使用できます。フィードバックを提供できる色覚異常の人も何人か知っています。
設計をテストできるという考えに注意してください。
既知のアクセシビリティ要件に準拠できます。
注目すべきヒューリスティックプリンシパルに対してチェックできます。
しかし、製品設計には無形で定量化できない側面もあります。
「科学的」デザインからマテリアルを生み出したプロセスへの移行について、Googleに質問します。彼らはそれを細部までテストされるもののように扱ったとき、get設計しませんでした。今、彼らは自分のゲームでApple=）を打ち負かしました。
色覚異常は、視覚的デザインや「きれいな」UIの一部を作成する能力を妨げる可能性があります。色は審美的な魅力に至るまで長い道のりですが、UXデザイナーとしては、あなたの利点に色覚異常。
男性の約8％、女性の.5％は色覚異常であり、UXデザイナーとして、視覚的な手掛かりや指標として色だけに依存しないようにすることが私たちの仕事です。 UXプロフェッショナルの世界に移動して、このような決定（色のみに基づく）が行われていないことを確認し、自分の経験に基づいて、色のみに依存しないより良いソリューションを考え出してください。
私たちの多くは、研究と予測を使用して、私たちが提供するいくつかの色の手がかりの有効性を評価することができ、何が機能し、何が機能しないかを直接体験できます。
私はかつて私が今まで話したことがない最も知識豊富なUX /アクセシビリティの専門家の1人である盲人に会いました。だからあなたの質問に答えて、「はい」！あなたは間違いなくUI/UXのプロフェッショナルになることができます。
私は過去に色覚異常のあるフロントエンド開発者と協力しました。それは決して問題ではありませんでした。
使用した色がより大きなユーザーグループに適しているかどうかを確認する必要があるかもしれませんが、UI/UXの専門家はすべての種類のユーザーに対してデザインの外観と動作を確認する必要があります。私の意見に違いはありません。
あなたはあなたの会社で最も貴重なデザイナーになります！
私のソフトウェアプロジェクトでは、色の選択についてしっかりとしたアドバイスを見つけるのに常に苦労しています。特定のパレットへのアクセスのしやすさを測定するための多くのガイドラインとツールがありますが、それらを適用するのは非常に面倒であり、結果を説明することは非常に困難です。通常、うまく機能するのは、色覚異常のユーザーを見つけ、見つけた問題を報告させることです。
あなたの物理的な状況はあなたにあなたの製品のアクセシビリティ問題の豊富さを何も考えずに自動的に修正する贈り物を与えます。これは必ず利益を上げてください。
色覚異常のあるUXデザイナーと仕事をしました。一緒にカラーパレットを決定し、製品をグレースケールでワイヤフレーム化します。
次に、パレットの明るい/暗い色でカラーパレットを使用すると、非常に調和のとれた動作になります。
私は少し赤/緑の色覚異常です。おそらくご存じのとおり、男性の約9％はある程度の重度の皮膚奇形を持っています。それが色覚異常の味なら、あなたは絶対に財産です。
UXデザインの一部であるため、最初のタスクは、アクセシビリティのローカルエキスパートになることです。 Google 'WCAG 2.0'。
https://www.google.com/search?q=wcag+2.
その検索の中で、次のタイトルが特に役立ちました。
https://www.w3.org/WAI/WCAG20/quickref/
http://webaim.org/standards/wcag/checklist
このツールをブックマークすることもできます。テキスト/背景のコントラストに関する詳細なWCAGレポートを提供できます
http://webaim.org/resources/contrastchecker/
昨年の秋、ミディアムブルーに10ptのライトグリーンのヘアラインテキストを表示する非常にスタイリッシュなWebサイトを継承しました。 40歳以上の誰にとっても恐ろしい読みやすさ、ターゲットオーディエンス、裕福な年配の観光客は言うまでもありません。
コントラストと一般的な読みやすさを調整するのに2週間かかりましたが、すぐに成功したのはコントラストチェッカーです。
ビジュアルデザイナーは通常、アクセスできないデザインについてかなりの領域にいるため、元の色をベースとして使用して、テキスト/背景のコントラストの強い色を見つけることをお勧めします。
私は http://www.colorhexa.com の「シェードとティント」機能が、たとえば、より暗い/明るい色合いを見つけるために非常に貴重であると思います http：//www.colorhexa。 com/66aa 。
ColorHexaとコントラストチェッカーを切り替えると、芸術的な議論をあまり行わずに、テキストの配色をWCAG2に準拠させることができます。
私は色が不足していて（色の濃淡がわからない）、新聞の制作（4色の仕様に従って正確に印刷する必要があった数百万ドルの広告スプレッドを扱う）と、25歳以上のWebデザイン/ UXプロフェッショナルの両方で幅広く働いていました。年とこれは決して私を制限していません。
UIとUXを別々の答えに分けましょう：
UI：色付きのピカソである限り、それには適さないかもしれませんが、色理論をしっかりと理解していて、基本的な色グループを見ることができれば、賛成または反対の意思決定を成功させることができます。確立されたブランドを強化する。
UX：色覚異常の影響はゼロです。シンプルで効果的なフローを設計するあなたの能力は、色を見ることができるよりも、批判的思考と単純さを設計することについてです。
私は自分のキャリアの中で色の不足を非常に有利に利用してきました。それは、UXの課題を常に解決し、ビジュアルデザインの同僚やチームへの引き継ぎを維持（そして多くの場合、それに見合う）できることを知っているからです。
私が頻繁に使用する議論は、UXを白黒に保つことです。これにより、特定の色が何であるかについての会話が停止します。
キラーエクスペリエンスのデザインに引き続き焦点を当て、素晴らしいクリエイティブに任せてください。そうすれば、素晴らしいキャリアが生まれます。
これは、アクセシビリティとユーザビリティに関してほとんどの利点よりも優れていることに注意することは非常に重要だと思います。
特定の物理的制限が製品の外観をどのように変えるかを理解するために、より注意を払う製品設計者。
色は、物事を「ポップ」にする「きれいな色」を選ぶだけではありません。それは科学であると同時に芸術でもあります。優れたカラーパレットは、通常、色覚障害者が理解できます。
時間をかけて色の背後にある数学を学びましょう。色を操作する必要がある場合に活用し、色覚異常ではない仲間からのフィードバックを確実に得てください。あなたとあなたの同僚は、これを妨げではなく有益な見方と見なします。
繰り返しになりますが、上記のことを繰り返します。優れたUXデザインにはビジュアルデザインの熟練は必要ありませんが、ビジュアルデザインに専念する他の人と一緒に作業しないと、遠くに行くことはできません。
それに関するいくつかのクイックリンク： https://vis4.net/blog/posts/mastering-multi-hued-color-scales/
UXは視覚的なデザインだけでなく、フローについてもです。あなたは主にその問題の流れと経験に貢献し、色やその他のものを手助けするためにまともなデザイナーを利用することができます
それはあなたがどれだけうまく適応できるか、そして何人があなたをサポートしてくれるかによって決まります。 「色を見る視点」から見ると、私たちが見る色は「任意」と「次のパターン」と表現できます。人々が他の色よりも特定の色を好むようになったという意味での恣意的-テキストの場合、私たちの「アドバイザー」は常に灰色のテキストの色を主張しています。濃い黒だとイライラします。 （プログラマーとして、私はあまり気にしないという意味で色覚異常だと考えることができます。要求されたときに色を変更するだけです）。 「パターンをたどる」とは、テキストがページ内で目立ちすぎないようにするために灰色を選択しているという意味です。
プログラマーとして、私は色を変更するだけで、私にとっては任意です。 UXを改善したい場合は、上記のルールに従って卒業します。色盲の例ですが、色は同じです。彼らは特定のルールに従い、特定の色は特定の色と特定の色ではなく、人々は特定の色と特定の色ではなく好きです。 Webでは255 ^ 3色が可能ですが、使用されている色のほとんどは非常に狭い範囲にあると思います。これは、「受け入れ可能な」青、「受け入れ可能な」黄色、および「受け入れ可能な」赤の数があり、それらを学習して、指定することさえできることを意味します。あなたは多分それぞれ3つを学び、オンラインまたはあなた自身の研究によって、他者から色のルールを学ぶことができます。 「赤」は非常に「危険な」色であり、警告、警告、否定などを除いて場所がないことを知っていますか。
それは複雑な科学ですが、カラーシーイングが予測可能であると考えると驚くかもしれません。 UXが得意な場合は、周りに色を修正する人がいるだけで、一部の企業がこれをサポートします。しかし、理想的には、いつダークブルーを使用するか、いつライトブルーを使用するか、ブルーのさまざまな色合いなど、ターコイズのように誰も見たくない色などを学ぶことができます。これについては、ここでは書きません。しかし、困難を感じて、それを見つけて、色を知っているかのように装ってデザインの制作を始めることができました。このページをご覧ください。何色ですか？私は数えます：2つの黄色（回答ボックスとツールチップ）、2つの青、1つの青は黒のように暗く（UXの「X」）、1つの濃い黄色（茶色-質問ボタン）、2つの緑、1つの赤。はい、難しいですが、ロケット科学ではありません。
さらに、「Miles McCrocklin」の回答にはルールがあります。それをチェックして、それを学んでください。
興味深い質問ですね。自由を与えられたほとんどの開発者は、色の手がかりを使用しています。いくつかのオプションがあります。色の手がかりを冗長にしたり、要素の色相の遷移が約3つ以下であることを確認したりできます（灰色の濃淡を考えてください）。私の経験では、これはほとんどの形の色覚異常にも見えるはずです。 「ガールフレンドを得る」という答えも良いアドバイスでした。各色の各Windowsカラーセレクターの素晴らしいスクリーンショットと、g2gになります。あなたは、あなたのソフトウェアがこの肉体的挑戦を持つ誰かのために準備ができていることを確認するために絶対的に資格があります。私たちは、ソフトウェアを多くのさまざまなユーザーとその特定のニーズにアクセスできるようにすることに全力を尽くすことになっています。