Разработчик UI /UX с цветной слепотой. Хорошая или плохая идея или, может быть, вызов?

Я работаю в качестве стороннего разработчика. Раньше я работал над технологиями JavaScript. Но когда дело доходит до UX и о выборе цветов и вещей, которые я не могу понять из-за цветной слепоты.

Я хотел создать хороший дизайн пользовательского интерфейса с большим UX. Как я могу это сделать? Возможно ли это для меня?

P.S. Существуют ли дизайнеры UX с цветной слепотой?

94 голоса | спросил Abhi 23 MarpmWed, 23 Mar 2016 15:26:29 +03002016-03-23T15:26:29+03:0003 2016, 15:26:29

13 ответов


102

без проблем работает как дизайнер UX /UI, так как выбор цвета - это лишь незначительная часть процесса юзабилити. Существует множество других действий, которые должен выполнять UX-er, например, тестирование юзабилити, проверка аналитики, проведение тестов A /B, написание отчетов.

Выбор цвета больше похож на работу визуальных дизайнеров . Люди часто смешиваются между двумя профессиями. Визуальные дизайнеры создают логотипы, дизайн веб-сайтов и цветовые схемы, и редко тестируют, какой из них лучше работает. С другой стороны, специалисты UX создают идеи на основе исследований пользователей и «лучших практик». Как правило, дизайнеры UX делают гораздо более информированный выбор интерфейса по сравнению с визуальными дизайнерами.

Если у вас есть страсть к тому, чтобы интерфейс был прост в использовании для неопытных пользователей, эта профессия должна идти. Не говоря уже о том, что это хорошо оплачивается, и спрос на дизайнеры UX растет.

ответил Kristiyan Lukanov 23 MarpmWed, 23 Mar 2016 17:03:42 +03002016-03-23T17:03:42+03:0005 2016, 17:03:42
58

Я занимаюсь работой на фронте в течение десятилетия, и у меня есть дейтеранопия или дейтераномалия (красно-зеленая слепота цвета). Это никогда не было проблемой.

В основном я полагаюсь на цветовые коды и местоположение /близость на пользовательских интерфейсах выбора цвета для идентификации цветов.

Когда вы делаете дизайн с нуля, я часто буду смотреть на уже существующие палитры для вдохновения. Я также буду использовать инструмент eyedropper на логотипе организации для дальнейшего вдохновения. Если у организации есть руководство по стилю, которое включает в себя конкретные организационные цвета, то это еще лучше.

Если мне передан существующий проект, я могу повторно использовать существующие цвета. Если мне нужно добавить новые цвета, я могу пойти по цветовым кодам и опыту, основанным на работе с различными палитрами, чтобы определить, что хорошо работает.

Одним из преимуществ цветовой слепоты является то, что при выборе цветов для представления данных я автоматически выбираю цвета, которые легко понять для слепых и цветных пользователей! Например, особые оттенки красного и зеленого цветов, которые я выбрал бы для индикатора состояния остановки /хода, были бы более заметны для других пользователей с цветным слепым цветом. Или, цвета, которые я выбираю для графика или карты, легко сопоставить с ключом.

ответил Jeff 23 MarpmWed, 23 Mar 2016 20:18:28 +03002016-03-23T20:18:28+03:0008 2016, 20:18:28
25

Ограничения ограничены

Все здесь очень приятные, но они уклоняются от одного важного момента:

Будучи цветным слепым UXD ограничит вашу способность быть разработчиком продукта «все-в-одном».

У каждого свои пределы. В отличие от вас, у меня нет твердого инженерного фона. Я тесно сотрудничаю с архитектором программного обеспечения на протяжении всего этапа разработки продукта или функции и с инженерами на протяжении всего развития. Это компенсирует мои ограничения, гарантируя, что я понимаю наши технические ограничения и возможности.

Слепота цвета не будет мешать вам в таких областях, как архитектура информации, поток приложений и поездки пользователей. Но вы должны работать с кем-то еще, когда наступает время для полированной стороны продукта.

Как и любой из нас, вам просто нужно найти роль, которая позволит вам сделать наиболее эффективный вклад с вашими навыками.

В ответ на недовольных комментаторов ...

Существуют инструменты для проверки различных проблем доступности; нет необходимости использовать «эксперта» для всех возможных ловушек. Я использую приложение для проверки конструкций против всех форм слепоты. Я могу использовать этот инструмент, потому что у меня not есть какая-то форма слепоты цвета, которая может испортить мой взгляд на другие формы. Я также знаю несколько слепых людей, которые могут предоставить обратную связь.

Будьте разумны с идеей о том, что вы можете тестировать дизайн.
Вы можете соблюдать известные требования к доступности.
Вы можете проверить отличные эвристические принципы.
Но есть и нематериальный, не поддающийся оценке аспект дизайна продукта.

Спросите Google о переходе от «научного» проекта к процессу, который привел к Материалу. Они не получали дизайн, когда они рассматривали его как вещь, подлежащую тестированию вплоть до мельчайших деталей. Теперь они избили Apple в своей игре.

ответил plainclothes 23 MarpmWed, 23 Mar 2016 20:22:41 +03002016-03-23T20:22:41+03:0008 2016, 20:22:41
14

Цветная слепота может помешать вашей способности создавать некоторые визуальные проекты и, возможно, некоторые части «симпатичного» пользовательского интерфейса, поскольку цвет проходит долгий путь к эстетической привлекательности, НО, как дизайнер UX, я бы зашел так далеко, чтобы сказать, что вы можете использовать цветную слепоту в своих интересах.

Около 8% мужчин и 0,5% женщин являются цветными слепыми, и в качестве дизайнера UX наша работа заключается в том, чтобы мы не полагались исключительно на цвет как визуальный сигнал или индикатор. Перейдите в профессиональный мир UX и убедитесь, что такие решения (основанные исключительно на цвете) не выполняются и опираются на собственный опыт, чтобы придумать лучшие решения, которые не зависят только от цвета.

Многие из нас могут использовать только исследования и предвидение для оценки эффективности некоторых цветовых сигналов, которые мы предоставляем, и у вас есть опыт из первых рук о том, что делает и не работает.

Однажды я встретил слепого парня, который был одним из самых информированных профессионалов UX /Accessibility, с которыми я когда-либо разговаривал. Поэтому в ответ на ваш вопрос «Да»! Вы, безусловно, можете стать профессионалом UI /UX.

ответил Brett East 23 MarpmWed, 23 Mar 2016 20:10:13 +03002016-03-23T20:10:13+03:0008 2016, 20:10:13
11

Я работал с передним разработчиком с цветной слепотой в прошлом. Это никогда не было проблемой.

Возможно, вам придется проверить, подходят ли используемые цвета для большей группы пользователей, но каждый пользователь UI /UX должен проверить, как выглядит дизайн и работает для всех пользователей. По моему мнению, никакой разницы.

ответил jazZRo 23 MarpmWed, 23 Mar 2016 16:27:24 +03002016-03-23T16:27:24+03:0004 2016, 16:27:24
9

Вы станете самым ценным дизайнером в своей компании!

В моем программном проекте я всегда стараюсь найти солидные советы о выборе цвета. Существует множество рекомендаций и инструментов для оценки того, насколько доступной доступна определенная палитра, но применение их настолько утомительно и объясняет результаты так сложно. Как правило, то, что хорошо работает, - это найти слепого пользователя и заставить их сообщать о проблемах, которые они находят.

Ваша физическая ситуация дает вам возможность автоматически фиксировать множество проблем доступности в ваших продуктах, даже не задумываясь. Обязательно положите это на прибыль.

ответил Nemo 24 MaramThu, 24 Mar 2016 00:22:29 +03002016-03-24T00:22:29+03:0012 2016, 00:22:29
8

Я работал с дизайнером UX с серьезной цветовой слепотой. Мы бы согласовали цветовую палитру, а затем перетащите ее в оттенки серого.

Затем использование цветовой палитры с более светлыми /темными цветами из палитры работает довольно гармонично.

ответил YogaPanda 23 MarpmWed, 23 Mar 2016 20:24:12 +03002016-03-23T20:24:12+03:0008 2016, 20:24:12
8

Я слегка красно /зеленого цвета. Как вы, вероятно, знаете, около 9% мужчин имеют некоторую степень дейтерия. Если это ваш оттенок цветовой слепоты, вы абсолютно активны.

Ваша первая задача - стать местным экспертом по доступности, потому что это часть дизайна UX. Google 'WCAG 2.0'.

https://www.google.com/search?q=wcag+2.0

В этом поиске для меня были особенно полезны следующие названия:

https://www.w3.org/WAI/WCAG20/quickref/

http://webaim.org/standards/wcag/checklist

Вы также захотите добавить этот инструмент в закладки. Он может предоставить вам подробные отчеты WCAG о контрасте текста /фона.

http://webaim.org/resources/contrastchecker/

В прошлую осень мы унаследовали очень стильный веб-сайт с 10-кратным светло-зеленым текстом на средней синеве. Ужасная читаемость для кого-то старше 40 лет, не говоря уже о целевой аудитории, хорошо обученных пожилых туристов.

Мне потребовалось 2 недели, чтобы настроить контрастность и общую читаемость, но немедленные победы пришли из Contrast Checker.

Поскольку визуальные дизайнеры обычно довольно территориальны относительно своих недоступных проектов, я рекомендую вам попробовать найти более контрастные цвета для текста /фона, используя исходный цвет в качестве базы.

Я нахожу http://www.colorhexa.com "оттенки и оттенки", что бесценно, чтобы найти более темные /светлые оттенки цветов, например http://www.colorhexa.com/66aa33 .

Переключение между ColorHexa и Contrast Checker поможет вам сохранить цветовую схему текста WCAG2-совместимым без слишком большого количества художественных аргументов.

ответил Will Parker 24 MaramThu, 24 Mar 2016 00:16:11 +03002016-03-24T00:16:11+03:0012 2016, 00:16:11
4

Я испытывал недостаток в цвете (проблемы с оттенками в цветах) и много работал в обоих изданиях газет (работа с рекламными пакетами в миллион долларов, которые были напечатаны ТОЧНО по нашим 4-цветным спецификациям), а также веб-дизайн /UX professional более 25 лет, и это НИКОГДА не ограничивало меня.

Давайте разделить UI и UX на отдельные ответы:

UI: если вы используете Picasso с цветами, вам может быть не лучше всего подходит, но если у вас есть четкое понимание теории цвета и вы можете увидеть основные группы цветов, вы можете быть успешными в принятии решений, будет дополнять или укреплять установленный бренд.

UX: Ваша цветовая слепота будет иметь эффект ZERO. Ваша способность проектировать простые эффективные потоки - это больше о критическом мышлении и простоте проектирования, чем в том, чтобы видеть цвета.

Я использовал свой недостаток цвета в огромном выигрыше много раз в своей карьере, потому что я знаю, что всегда могу решить проблему UX, сохраняя (и часто сберегая) передачу рук моим коллегам и командам по визуальному дизайну .

Аргумент, который я часто использовал, заключается в том, чтобы держать UX черно-белым, таким образом он останавливает разговоры о том, какой именно цвет должен быть.

Уделите внимание дизайну опыта убийцы и отнеситесь к отличному творчеству, и у вас будет потрясающая карьера!

ответил Mike Hill 29 MarpmTue, 29 Mar 2016 22:13:44 +03002016-03-29T22:13:44+03:0010 2016, 22:13:44
3

Я думаю, что очень важно отметить, что это должно дать вам преимущество перед большинством для доступности и удобства использования.

Дизайнеры продуктов, которые уделяют больше внимания пониманию того, как определенные физические ограничения изменяют внешний вид вашего продукта.

Цвет - это не просто выбор «симпатичных цветов», которые заставляют вещи «поп». Это такое искусство, как наука. Хорошие цветовые палитры, как правило, понятны для цветных слепых людей.

Потратьте время на изучение математики за цветом; используйте его, когда вам нужно работать с цветом и не забудьте получить обратную связь от сверстников, которые не являются цветными слепыми, и вы и ваши коллеги не будете рассматривать это как препятствие, а полезную перспективу.

Я также хотел бы повторить итерацию того, что было упомянуто выше, отличный дизайн UX не требует мастерства визуального дизайна, но вы не уйдете далеко, не работая с другими, которые сосредоточены на визуальном дизайне.

Некоторые быстрые ссылки на него: https://vis4.net/blog/posts/mastering-multi- Hued цвета чешуя /

http://colorbrewer2.org/

ответил Miles McCrocklin 25 MarpmFri, 25 Mar 2016 21:49:32 +03002016-03-25T21:49:32+03:0009 2016, 21:49:32
3

UX - это не только визуальный дизайн, но и поток. Вы можете в значительной степени способствовать потоку и опыту в этом отношении и использовать достойного дизайнера, чтобы помочь с цветами и другими вещами.

ответил Vamshi Vangapally 31 MarpmThu, 31 Mar 2016 22:00:51 +03002016-03-31T22:00:51+03:0010 2016, 22:00:51
2

Какой интересный вопрос. Большинство разработчиков, учитывая свободу, использовали цветовые сигналы. У нас есть несколько вариантов. Мы можем сделать цветовой рельеф лишним, или мы можем обеспечить, чтобы на элементе было не более трех оттенковых переходов (подумайте о оттенках серого). По моему опыту, это должно быть видно даже большинству форм цветной слепоты. Ответ «Получить подругу» был хорошим советом. Хороший снимок экрана для каждого из Windows Color Selector для каждого цвета, и вы будете g2g. Вы абсолютно уверены в том, что ваше программное обеспечение готово для кого-то с этой физической проблемой. Мы ВСЕ должны работать над тем, чтобы сделать наше программное обеспечение доступным для разных пользователей и их конкретных потребностей.

ответил Mitch Bird 26 MaramSat, 26 Mar 2016 01:00:57 +03002016-03-26T01:00:57+03:0001 2016, 01:00:57
2

Это зависит от того, насколько хорошо вы можете адаптироваться и сколько людей готовы поддержать вас. С точки зрения «видимости цветов» цвета, которые мы видим, можно охарактеризовать как «произвольные» и «следующие шаблоны». Произвольно в том смысле, что люди предпочитают определенный цвет над другими - в случае текста наши «советники» всегда настаивают на сером цвете текста. Если он темно-черный, они раздражаются. (Как программист, вы можете считать меня слепым в том смысле, что мне на самом деле все равно, я просто меняю цвет, когда его просят). «После шаблона» в том смысле, что они выбирают серый, чтобы текст не отображался слишком заметно на странице.

Итак, как программист, я просто меняю цвет, и для меня это произвольно. Если бы я хотел улучшить UX, я бы выполнил это правило с градациями. Это пример цветного следа, но цвета одинаковы. Они следуют определенным правилам, некоторые цвета идут с определенными цветами, а не с определенными цветами, а люди похожи на определенные цвета, а не на определенные цвета. Есть 255 ^ 3 цвета, которые возможны в Интернете, но я бы предположил, что большинство используемых цветов находятся в очень маленьком диапазоне. Это означает, что существует ряд «приемлемых» блюз, «приемлемых» желтых и «приемлемых» красных, которые вы можете узнать и которые могут даже быть указаны для вас. Вы могли бы узнать, пожалуй, 3 из них и узнать правила цвета от других, будь то онлайн или ваши собственные исследования. Знаете ли вы, что «красный» является очень «опасным» цветом и не имеет места, кроме предупреждений, предупреждений, негативов и т. Д.

Это сложная наука, но вы можете быть удивлены, думая, что цветное изображение предсказуемо. Если вы достаточно хороши в UX, тогда у вас будет только кто-то другой, кто исправляет цвета, и некоторые компании будут поддерживать вас в этом. Но в идеале вы можете просто узнать, когда использовать синие, когда использовать голубой, разные оттенки синего и т. Д. И цвета, которые никто не хочет видеть как бирюзовый, и т. Д. Я не собираюсь писать это для вас, но с трудом вы могли бы найти это и начать создавать проекты, делая вид, будто знаете цвета. Взгляните на эту страницу? Сколько цветов? Я считаю: 2 желтых (ответная коробка и всплывающая подсказка), 2 блюза, 1 синий, так что он выглядит черным («X» в UX), 1 темно-желтый (коричневатый - кнопка вопроса), 2 зелень и 1 красный. Трудно, да, но не ракетостроение.

Кроме того, у ответа «Майлз МакКроклин» есть правило для вас. Проверьте его и узнайте.

ответил user1122069 28 MarpmMon, 28 Mar 2016 21:59:05 +03002016-03-28T21:59:05+03:0009 2016, 21:59:05

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132