29 Ноября 2019

Сделайте ваш сайт удобным, благодаря этим изменениям

О дизайне
Рустам А.
Эти изменения позволят вашему сайту соответствовать стандартам доступности веб-дизайна.

Доступность это ключевая функция любого веб-дизайна или стратегии при разработке приложения.

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

В этой статье мы расскажем, как сделать дизайн:
– Доступным
– Почему это важно
– Плюсы доступности
– Особенности
– Которые приведут вас к пониманию
– Для чего же стоит быть более доступным в онлайн.

Что же такое доступность?

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

Пример юзабилити

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

Почему доступный дизайн важен для государственного сектора?

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

Плюсы доступного дизайна

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

Избегайте ограничений: если ваш сайт либо приложение ориентированы на всех, в нем должно быть исключено ограничение пользования. Многие организации непреднамеренно дискриминируют отдельные лица, фокусируясь на визуальной части, а не на базовых принципах. А это важный момент, особенно для гос. организаций. Концентрируясь только на дизайне, можно упустить определенные функции или методы коммуникации, жизненно важные для обеспечения доступа некоторым группам людей. Поэтому необходимо создавать платформу, которая не только отвечает нормативным требованиям, но и удовлетворяет потребности каждого пользователя, не ущемляя чьи-то права на удобство доступа.

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

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

Плюсы юзабилити

Особенности, о которых стоит задуматься

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

Вот список пунктов, на которые нужно обратить внимание:

1. Макет вашего сайта: он должен быть простым и понятным. Перегруженный дизайн может запутать ваших клиентов. Пользователи должны иметь возможность изменять размеры определенных функций (размер изображений, текста), поэтому макет стоит делать адаптивным.

2. Цвет: у кого-то из пользователей может оказаться цветовое зрение (дальтонизм), вот почему цветовую палитру стоит продумывать изначально. Цвет не должен определять ключевые элементы вашего интерфейса. Если сейчас у вас именно так, то лучше подключить текст к этим областям сайта, чтобы пользователи понимали, какую информацию им пытались донести, и могли перемещаться по сайту без проблем.

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

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

5. Обмен сообщениями: на это тоже стоит обратить внимание. У некоторых пользователей могут быть проблемы с чтением или восприятием текста, в связи с этим текст должен быть максимально понятен. Разговаривайте простым языком, не используя длинных предложений или абзацев, избегайте курсива и лишних пробелов. Подумайте, использованный цвет и шрифт делают ваш текст разборчивым?

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

Тесты

Тесты, тесты и еще раз тесты

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

Тесты

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

Подведем итоги.

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

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

Перевод статьи с сайта: designmodo.com/web-design-accessibility