Как видит дальтоник приложение
«Дальтонизм» определяется как неспособность видеть определенные цвета так, как это делает большинство людей.
Если вам интересно четко понимать, как люди с различными условиями дальтонизма видят цвета, проверьте этот простой инструмент и выберите режим цветового зрения. Больше о формах дальтонизма и цветовых контрастах можно найти здесь .
Невозможно быстро и четко объяснить, что такое дальтонизм и как дальтоники могут воспринимать ваш сайт, но, к счастью, это можно увидеть своими глазами.
Вот несколько очень простых симуляторов дальтонизма, чтобы визуализировать дальтонизм для вас.
Смотрите сайты как дальтоник
Colorblind Web Page Filter — это простой в использовании (но иногда медленный) веб-инструмент, который позволяет вам просматривать веб-страницы так, как будто вы дальтоник.
Просто дайте ему свой URL, выберите «фильтр покрытия» (фильтры подробно описаны здесь ) и нажмите «Получить и отфильтровать!».
Как только страница будет выбрана через фильтр, вы сможете увидеть, как дальтоник воспринимает цвета на нем. Вы можете щелкнуть по условиям, чтобы создать новый предварительный просмотр для каждого типа дальтонизма.
Вот как пользователь с «нормальным» (обычным) зрением видит страницу:
Вот как дальтоник видит ту же страницу (согласно симулятору):
Если ваша страница соответствует требованиям и считается дальтоником, вы можете взять значок фильтра страницы.
Другой возможный вариант для имитации дальтонизма — Хрометрический — это бесплатное приложение Adobe AIR.
Смотрите изображения как дальтоник
Помимо использования веб-браузера симулятора дальтонизма, описанного выше, попробуйте воспользоваться одним из приведенных ниже инструментов, которые позволяют быстро просматривать любые загруженные изображения с использованием различных фильтров дальтонизма. Было бы неплохо использовать следующие инструменты для:
- Предварительно просмотрите любое изображение, которое вы создали (например, логотип, который вы собираетесь рекламировать свой бизнес, или инфографику, которую вы хотели опубликовать);
- Создайте скриншот домашней (или любой целевой) страницы вашего веб-сайта и запустите его с помощью инструментов (это сделает тестирование веб-страницы намного быстрее, чем в веб-браузере).
1. Симулятор цветовой слепоты [больше не доступен] : просто загрузите изображение, выберите условие и запустите тест.
Инструмент отобразит обе версии изображения: для нормального и дальтонического состояния:
Также будет много деталей по каждому условию ниже результата.
Ограничения : вам нужно убедиться, что ваше изображение не превышает 100 КБ, имеет размер 1000 x 1000 пикселей или меньше и поставляется в формате JPEG в формате RGB.
2. Коблис — симулятор дальтонизма : работает аналогично приведенному выше. Там не будет никакого параллельного сравнения с исходным изображением, хотя. Однако этот инструмент дает больше свободы, позволяя вам быстро переходить по различным условиям дальтонизма и просматривать полученные изображения:
Предупреждение : Судя по комментариям к инструменту, обработка некоторых фильтров выглядит несколько неточно, но сама концепция понятна.
Существуют ли другие подобные простые в использовании и понятные инструменты, которые помогут сделать ваши веб-сайты и дизайн более удобными для дальтоников? Пожалуйста, поделитесь ими в комментариях!
Дополнительная информация о том, как сделать вашу жизнь (или жизнь ваших родственников) легче, если вы страдаете различными нарушениями зрения:
В мире дальтонизм поражает примерно 1 из 12 мужчин (8%) и 1 из 200 женщин. По некоторым оценкам, около 300 миллионов человек по всему миру страдают от дальтонизма. Этот недостаток зрения может быть вызван генетикой или различными заболеваниями, такими как диабет или рассеянный склероз. Наиболее распространённой формой дальтонизма является неспособность правильно видеть зелёный и красный, но существуют различные типы и различные степени тяжести этого состояния. В то время как большинству людей трудно понять, как даже работает дальтонизм, некоторые люди, у которых он есть, часто тоже не в силах его осознать, если это их состояние не такое серьёзное.
Винсент Фиорентини (Vincent Fiorentini), всю свою жизнь пробывший красно-зелёным дальтоником, разработал приложение, которое преследует две основные цели: во-первых, помочь людям с нормальным зрением «испытать» дальтонизм, а во-вторых, и это самое главное, помочь тем, кто страдает от данной проблемы, лучше увидеть вещи.
Приложение также помогает человеку определить и назвать цвет. Кроме того, оно также может использоваться людьми с нормальным зрением для симуляции многих видов дальтонизма. Отметим, что на данный момент программа доступна как для Android, так и для iOS.
Пока что приложение было довольно хорошо принято. В Google Play оно имеет рейтинг 4.1, сформированный на основании более 300 отзывов.
Напишите нам в комментариях, действительно ли данный софт работает и помог ли он конкретно вам?!
В мире дальтонизм поражает примерно 1 из 12 мужчин (8%) и 1 из 200 женщин. По некоторым оценкам, около 300 миллионов человек по всему миру страдают от дальтонизма. Этот недостаток зрения может быть вызван генетикой или различными заболеваниями, такими как диабет или рассеянный склероз. Наиболее распространённой формой дальтонизма является неспособность правильно видеть зелёный и красный, но существуют различные типы и различные степени тяжести этого состояния. В то время как большинству людей трудно понять, как даже работает дальтонизм, некоторые люди, у которых он есть, часто тоже не в силах его осознать, если это их состояние не такое серьёзное.
Винсент Фиорентини (Vincent Fiorentini), всю свою жизнь пробывший красно-зелёным дальтоником, разработал приложение, которое преследует две основные цели: во-первых, помочь людям с нормальным зрением «испытать» дальтонизм, а во-вторых, и это самое главное, помочь тем, кто страдает от данной проблемы, лучше увидеть вещи.
Приложение также помогает человеку определить и назвать цвет. Кроме того, оно также может использоваться людьми с нормальным зрением для симуляции многих видов дальтонизма. Отметим, что на данный момент программа доступна как для Android, так и для iOS.
Пока что приложение было довольно хорошо принято. В Google Play оно имеет рейтинг 4.1, сформированный на основании более 300 отзывов.
Напишите нам в комментариях, действительно ли данный софт работает и помог ли он конкретно вам?!
Каждый раз, как кто-то узнает, что я дальтоник, я отвечаю на один и тот же вопрос: «Какой это цвет?». В 95% случаев я отвечу правильно, и поэтому мне задают еще один вопрос: «Подожди, значит, ты понимаешь, что это [вставить название цвета]? Так что ты видишь?». И тут начинается процесс объяснения того, как работает дальтонизм, и как он на меня влияет.
Будучи дизайнерами, мы постоянно заботимся о доходчивости, о привлекательности контента, о том, насколько просто пользователю пользоваться интерфейсом. Но мы частно забываем о каждом десятом пользователе, который является дальтоником. Много раз я скачивал приложение или игру, лишь чтобы испытать большую боль при использовании. Я часто не могу различить один объект от другого или увидеть, как пометили тот или иной объект.
Где мы находим проблемы
Если я дальтоник, это не значит, что я вообще не вижу цвета. Моей жизни хватает красок; смотреть моими глазами — не то же самое, что смотреть фильмы Хитчкока.
Я не упускаю цвета, я все их вижу. Я просто не могу назвать их или различать друг от друга. Когда осенью листья меняют свой цвет, я не всегда вижу красные, оранжевые и желтые оттенки. Я вижу только оранжевый, и иногда я едва замечаю разницу. Для меня листья сразу переходят из зеленого в коричневый. Принимая это во внимание, при работе над приложением не нужно смотреть на цвета по отдельности и убеждаться, что их «видно». Нужно смотреть на сочетания или группы цветов, различимы ли они.
Удачные приложения
Разработчики некоторых приложений отлично поработали на благо тех, кто страдает дальтонизмом. Trello, приложение-органайзер, позволяет пользователю включить режим для дальтоников. Эта функция позволяет таким пользователям, как я, быстро различать лейблы.
Еще одно приложение — Two Dots — это игра, в которой нужно соединять точки одинакового цвета. В ней также есть возможность включить режим для дальтоников. В начале я играл в эту игру очень медленно, очень долго проходил уровни. Все потому, что не мог отличить цвета точек. После того как я обнаружил режим для дальтоников, который использует символы для точек разных цветов, играть стало намного проще.
Предотвращаем ошибки
Итак, вы завершили процесс дизайна, выбрали шаблоны, иконки, шрифты, все остальное. Теперь вам надо убедиться, что выбранные цвета подходят для дальтоников. Но как сделать это без обращения за помощью к другу дальтонику? Есть пара способов. Во-первых, приложение Sim Daltonism, позволяет пользователям взглянуть на экран глазами дальтоника.
Еще один важный тест — посмотреть на ваш дизайн в черно-белом цвете. Этот тест позволит увидеть, насколько похожи оттенки цветов. Если два цвета одинаковой температуры (синий и фиолетовый, красный и зеленый, оранжевый и красный и т.д.) обладают одним и тем же тоном, их будет сложно отличить. Google Карты, несмотря на применение красного и зеленого цветов, используют разные тона, что позволяет мне их с легостью отличить.
Самый простой способ протестировать приложение в черно-белом цвете — на iPhone зайти в Настройки → Универсальный доступ → включить Оттенки серого.
«Но как ты стал дизайнером, если даже не можешь видеть цвета?»
Хороший вопрос, я не знаю. Я просто притворяюсь, что знаю, что делаю и надеюсь, что мой босс этого не заметит.
На самом деле, в какой-то степени это упрощает мою жизнь. Я трачу меньше времени на начальных этапах работы, мне не надо беспоиться о том, «какой оттенок голубого выбрать?» или «а такой оранжевый будет смотреться?». Наоборот, я фокусируюсь на расположении элементов и на том, как они выглядят в черно-белых цветах. Мне не нужно искать еще одного дальтоника для утверждения выбора цветов.
Даже выбор цветов стал проще. Трачу ли я время на смешивание цветов в поиске идеального голубого? Нет. Жду ли я, пока за меня это сделают другие? Нет. На самом деле я беру уже готовые цветовые схемы. Это не значит, что я точь-в-точь копирую коды hex. Я нахожу композиции с приятным сочетанием цветов. Например, клип ‘We Can’t Stop’ от Miley Cyrus, на мой взгляд, обладает отличными цветами. Я беру их оттуда. То же самое с клипом ‘Stylo’ от Gorillaz.
Кадры из клипа ‘We Can’t Stop’ от Miley Cyrus
Выбор цветов
Кадры из клипа ‘Stylo’ от Gorillaz
Выбор цветов
Я нахожу хорошие фотографии с приятным сочетанием цветов, например, фото мебели, картин и так далее. Приложение Sip позволяют выделять сочетания цветов с вашего экрана. Главная функция Qolor заключается в возможности определения цвета с помощью камеры вашего iPhone.
Итак, зачем я всё это прочитал?
Вам больше нечем заняться? Отложили ваши домашние дела? Не знаю. Но я надеюсь, что для того, чтобы ваши приложения удовлетворяли потребностям всех пользователей. Несмотря на то, что относительно низкая доля людей страдает дальтонизмом, нужно учитывать их особенности. В конечном итоге, результат оправдает затраченные усилия.
От переводчика. Со всеми пожеланиями и замечаниями по поводу перевода прошу обращаться ко мне в личку. Спасибо!
Читайте также: