Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Accessibility

Сделать Интернет доступным для всех при помощи Инклюзивного Дизайна и Различных ролей пользователей

by
Length:MediumLanguages:

Russian (Pусский) translation by Ivan Gryaziev (you can also view the original English article)

Важность глобальной сети доступной всем и каждому, неоднократно подчеркивалась еще самим создателем ее WEB:

«Сила Интернета заключается в его универсальности. Доступность каждому, независимо от его возможностей является важным фактором» – Тим Бернерс-Ли

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

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

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

Доступность и Юзабилити

В двух словах «доступность» обеспечивает возможность людям с ограниченными возможностями получить доступ к информации, как и всем остальным, а также получить те же возможности. В то время как «юзабилити» - это качественный показатель, который показывает насколько просто пользоваться пользовательским интерфейсом (UI).

Различие в том что если сайт не доступен всем, о юзабилити не может быть и речи, так как пользоваться им невозможно. Цитата DigitalGov:

«Юзабилити основывается на доступности» – DigitalGov

Из этого следует что чем выше уровень доступности, тем выше юзабилити и качество продукта для всех. W3C (World Wide Web Consortium) приводит более полное определение для доступности в Интернете:

«Для web, доступность означает, что люди с ограниченными возможностями могут воспринимать, понимать, перемещаться и взаимодействовать с веб-сайтами и инструментами, и работать на равных и без преград.» – W3C

Проблема доступности может коснуться каждого 

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

По данным Adobe почти 20% населения США имеют инвалидность и практически 75% людей старше 80 лет также попадают в эту категорию. Можно сказать что доступность имеет значение  для каждого если рассмотреть самые распространенные нарушения:

Распространенные нарушения 

  • Зрительные нарушения, цветовая слепота, или ограниченное зрение – то-что может легко случиться с каждым по мере старения.
  • Категории инвалидности (по мнению Adobe) также включают временную инвалидность, например травмы запястья, которые усложняют использование мыши.
  • По мнению Paul Boag все мы можем столкнуться с инвалидностью в определенный момент жизни через события, которые часто являются неизбежными, например, спортивные травмы, незначительные операции или ежедневных авариях.

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

Введение в «Инклюзивный дизайн»

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

Как уже было выделено W3C, Инклюзивный Дизайн касается «всех людей, независимо от их способностей, возраста, экономического положения, образования, географическое положение, языка и т.д.» Таким образом, удовлетворяя нужды максимально возможной аудитории, Инклюзивный Дизайн пересекается с веб-доступностью, обеспечивая доступность для всех.

Улучшение пользовательского интерфейса для всех

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

W3C подчеркивают это, когда говорят, что

«доступность пересекается с другими важными сферами, к примеру мобильным дизайном, независимыми устройствами, мультимодальным взаимодействием, юзабилити, дизайнном для пожилых пользователей и поисковой оптимизацией (SEO).» W3C

Теперь мы знаем что такое "Инклюзивный Дизайн", и теперь мы можем посмотреть на то как разрабатывать доступный дизайн при помощи «различных пользовательских профилей».

Различные пользовательские профили для Инклюзивного Дизайна

Пользовательский профиль — это обобщённое представление рядового пользователя вашего продукта или услуги, которое обычно основывается на исследованиях, проведенных на реальных пользователях.

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

Jerry Jones Persona example
Пользовательский профиль: Джерри Джонс, разработчик программного обеспечения

Как видно в примере, пользовательский профиль состоит из следующих атрибутов, помогаюших создать выдуманный персонаж:

Общие атрибуты пользовательских профилей

  • Имя: придумывая имена вашим профилям вы делаете их  более реальными, и вашей команде будет проще инентифицировать профиль по этому имени.
  • Мотивация: то зачем пользователю пользоваться вашим продуктом?
  • Цели: то чего пользователи хотят достигнуть, и чем им может помочь ваш продукт?
  • Разочарования: какие проблемы могут возникнуть у пользователя при выполнение определенных задач?
  • Демографические данные: возраст, пол, местоположение, род деятельности.
  • Фото: наделяя профили лицом мы делаем их более реальными и реалистичными.
  • Цитаты: какие памятные цитаты приводит ваш пользователь и проблемы, которые мы стемимся помочь ему решить?

Чем реалистичней профиль, тем лучше ваш конечный продукт, поэтому важно качественно расписывать различные профили пользователей. Как мы уже говорили, инвалидность встречается довольно часто, и игнорирование ее приводит к большому разочарованию и отторжению среди пользователей, что может в свою очередь снизить коммерческий успех продукта (как объясняется в The Inclusive Design Toolkit by the University of Cambridge).

Различные пользовательские роли 

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

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

Pyramid model of diversity Image Inclusive Design Toolkit
Модель пирамиды различий (источник: Inclusive Design Toolkit)

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

Создание различных профилей

Возвращаясь к примеру с профилем пользователя Джерри Джонс, мы можем обратить внимание на то что нет никаких упоминаний о его возможностях (или инвалидности). Таким образом чтобы сделать особый профиль, нам нужно добавить дополнительный атрибут, «способности». Имеет ли Джерри инвалидность или нет, этот атрибут будет напоминать нам о важности доступности, при разработке профилей других пользователей. Также как и способности, последующие атрибуты будут добавлять больше отличий профилям:

Атрибуты для различных пользовательских профилей

  • Возможности: уровень возможностей пользователя, и то какие у них отклонения?
  • Навыки: то насколько опытен пользователь в веб? Имеют ли они какие-либо конкретные трудности при использовании компьютера?
  • Отношение: Каково их отношение к жизни, или к интернету?
  • Точки доступа: нужны ли этому пользователю специальные технологии для доступа к Интернету?

Обновление примерного профиля Джерри при помощи этих атрибутов отобразится в его профиле (см. Дополнительные атрибуты справа):

Persona modified for diversity
Усовершенствованный пользовательский профиль 

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

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

Начнем с возможностей

При добавлении в профиль пользовательских возможностей стоит сперва рассмотреть категории распространенных осложнений, предложенные W3C:

  • Слуховые
  • Когнитивные (познавательные)
  • Неврологические
  • Физические
  • Речевые
  • Зрительные 

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

Рассмотрим уровни инвалидности

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

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

Осознать те барьеры вызванные инвалидностью

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

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

Полный перечень инвалидностей и барьеров которые они вызывают можно найти в W3’s guide on Diversity for Web Users.

Рассмотрим ассистивные технологии и усовершенствования

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

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

Как упоминалось ранее такие улучшения не только помогут людям с проблемами слуха, они также улучшат пользовательский опыт для всех, об этом можно прочитать в статье от Hubspot, под названием Why Your Facebook Videos Need to Be Optimized for Silence.

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

foodvideos
Видео с заголовком для преодоления слуховых барьеров (@foodvideos)

Примеры различных пользовательских профилей

Есть много замечательных примеров различных профилей, в Интернете, которые на практике показывают примеры изложенные в этой статье. Ниже приведены несколько примеров, которые вы можете использовать при создании различных профилей:

Различные профили от Barclays 

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

Barclays Diverse Personas
Различные профили от Barclays 

Web для всех

Книга, Web для всех «Разработка дизайна доступного пользовательского опыта», описывает различные профили, некоторые из которых перечислены ниже:

Trevor A high school student with autism
Тревор: Студент средней с аутизмом
Emily Cerebral Palsy living independently
Эмили: живушая самостоятельно девушка с ДЦП
Jacob A blind paralegal in a law firm
Джейкоб: Слепой юрист в юридической фирме

Полный список с подробными описаниями, можно увидеть в UX Mag’s preview of the book.

Последующие шаги

Для создания  более точных профилей полезно прописывать «пользовательские сценарии», в которых рассказывается то как ваш пользователь проводит свой день день Это поможет выявить больше проблемных точек  в вашем продукте. Желаю удачи при разработке ваших собственных особых профилей пользователей!

Что почитать на эту тему

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.