Как можно улучшить UX сайта для пользователей с дальтонизмом?
Можете ли вы отличить синий от зеленого?
Или вы один из тех, кто не может правильно рассмотреть определенные цвета и не может отличить оттенок цвета от другого по оттенку?
Те, кто отрицательно кивают головой или сидят с ухмылкой на лицах прямо перед экранами компьютеров, утверждают, что – Да! Вы все счастливчики. Но есть определенная часть человеческого населения, которая могла бы иметь отношение к двум запросам, которые были заданы в начале этой статьи. И именно из-за этой группы людей вам нужно быть осторожными в отношении UX вашего сайта.
Прежде чем узнать, как улучшить пользовательский опыт вашего веб – сайта для пользователей дальтонизмом, здесь на TemplateToaster сайте застройщика пойдём через понятие цветовой слепоты один раз.
Что такое дальтонизм?
Как следует из этого термина, всем известно, что любой человек, который не видит цвета должным образом, страдает дальтонизмом. Это утверждение оказывается поверхностным объяснением дальтонизма.
На более глубоком уровне дальтонизм делится на два типа. Неспособность четко видеть цвета – это один из типов дальтонизма, а неспособность различать близкие оттенки цветов – это другой тип дальтонизма. Бедственное положение цветовой слепоты может ухудшиться из-за различных других факторов надежности зрения.
В какой среде вы просматриваете веб-сайты? Тусклое освещение комнаты, низкая яркость экрана мониторов, маленькие экраны телефонов и расстояние между вами и экраном компьютера усиливают дальтонизм. Из-за этого пользователям с дальтонизмом трудно проверить веб-сайт или продукт.
Не все люди с дальтонизмом не могут ясно видеть цвета; Основная проблема заключается в том, что дальтоники не полностью слепы к цвету. Они не могут различать цвета, и это также может быть определено как цветовая недостаточность или нарушение цвета.
Дело не в том, что дальтоники хорошо воспринимают только серые оттенки. Это заблуждение, которое питают многие люди. Пользователи с дальтонизмом могут видеть красный, зеленый, синий и т.д., Но они с трудом могут различать или распознавать широкий диапазон оттенков, которые имеет любой конкретный цвет. Предположительно, если вы сможете разобрать, что такое розово-красный и коралловый красный, неоновый красный и пастельный красный, дальтоник не сможет этого сделать. Красный может быть только красным для него / нее.
Дальтонизм и пользовательский интерфейс
Пользовательский интерфейс (UI) веб-сайта должен быть разработан с учетом того, что среди всех пользователей обязательно найдутся некоторые из них, которые столкнутся с небольшой проблемой просмотра веб-сайта и его содержимого, если пользовательский интерфейс не является дальтоником. Пользовательский интерфейс веб-сайта – это его фасад, который в основном виден всем пользователям, пользующимся этим конкретным веб-сайтом. Таким образом, веб-дизайнеры применяют свои навыки, и пользовательский интерфейс настраивается в зависимости от их знаний о дальтонике. Поэтому, чтобы сделать пользовательский интерфейс вашего веб-сайта более доступным для пользователей, страдающих дальтонизмом, вам следует нанять дизайнеров, которые могут эффективно поддерживать правильный цветовой баланс содержимого веб-сайта.
Пользовательский интерфейс определенно играет огромную роль для дальтоников. Пользовательский интерфейс – это мост, связывающий дальтоника с веб-сайтом.
Советы по дизайну с лучшей доступностью цветов Использование символов наряду с цветами
Использование символов наряду с цветами
Вы можете улучшить UX своего веб-сайта, используя символы вместе с цветами, которые, в свою очередь, сделают пользовательский интерфейс веб-сайта удобным для дальтоников. Пользователи с дальтонизмом смогут воспринимать символы, которые более заметны, чем текст, и им будет легче получить доступ к веб-сайту и его содержимому. Если символы используются с цветами, это добавит хорошего пользовательского опыта пользователям с дальтонизмом.
Использование текстуры и рисунка для демонстрации контраста
Когда дизайнеры используют подходящую текстуру и шаблоны, чтобы показать контраст, UX вашего сайта для пользователей с дальтонизмом улучшается. Если вы добавляете текст к фоновому изображению, контраст будет низким, и пользователям с дальтонизмом будет трудно его просмотреть. Чем больше фоновое изображение остается непрозрачным, тем лучше отображается контраст, и он настоятельно рекомендуется дальтониками. Вы также можете добавить к тексту легко узнаваемые цвета, чтобы он был хорошо виден.
Сотни цветовых схем доступны для создания веб-сайта WordPress
Оптимальное использование палитры цветов, образцов и фильтров
Этот совет не только творит чудеса для людей, страдающих дальтонизмом, но и для людей с нормальным зрением. Время от времени мы видели, что, когда нам нужно выбрать цвет из раздела цветовых фильтров, становится трудно распознать и выбрать. Благодаря использованию палитры цветов, образцов и фильтров выбирать цвета стало намного проще.
Сделайте ставку на использование палитры цветов и фильтров на своем веб-сайте и посмотрите, насколько быстро улучшается UX для пользователей, страдающих дальтонизмом.
Умные сочетания цветов
Чтобы улучшить пользовательский интерфейс вашего веб-сайта для пользователей, страдающих дальтонизмом, вам необходимо разработать свой веб-сайт, применив умное сочетание цветов. Вам следует избегать определенных цветовых комбинаций, которые не подходят для пользователей с дальтонизмом, таких как зелено-коричневый, зелено-черный, зелено-серый, зелено-красный, сине-фиолетовый, сине-серый и зелено-синий.
Избегайте инструкций по конкретному цвету
Избегайте размещения на своем веб-сайте инструкций по конкретному цвету, поскольку дальтоникам становится довольно сложно понять инструкции.
Заключительное тестирование
Прежде чем вы подадите зеленый сигнал пользовательскому интерфейсу своего веб-сайта, протестируйте свой веб-сайт на различных факторах с основной целью анализа того, как дальтоник будет вести себя с вашим веб-сайтом.
На основании опроса The Color Blind Awareness было доказано, что 4,5% всего населения страдают дальтонизмом. Как указано на сайте www.lennycavallaro.com, этот процент возрастает до 8%, если учитывать только мужское население дальтоников. Таким образом, становится необходимым удовлетворять потребности этой группы через пользовательский интерфейс вашего веб-сайта. Дизайнерам настоятельно рекомендуется воспользоваться помощью Templatetoaster, который предоставляет простые услуги по проектированию.
Воспользуйтесь приведенными выше советами по созданию своего веб-сайта и посмотрите, как улучшается UX для пользователей с дальтонизмом.
Источник записи: https://blog.templatetoaster.com