UXPUB

UXPUB - спільнота з 4,813 дизайнерів та креативних фахівців

Місце для обміну досвідом та дискусій навколо індустрії

Зареєструватися Увійти
Cover image for Інклюзивний дизайн
Антон Солодовников
Антон Солодовников

Опубліковано

Інклюзивний дизайн

Вступ 📖

Інклюзивність у дизайні націлена на зменшення кількості бар'єрів для користування продуктом. Прикладом з життя слугують пандуси біля сходів.

Для більшої наочності звернемося до цифр. Коли ми говоримо про людей з інвалідністю чи певними порушеннями, то маємо на увазі від 15% до 20% населення планети.


Типи 📜

Звернемо увагу на типи порушень, які треба враховувати при проєктуванні інтерфейсів:

  • Проблеми з зором: порушення, сліпота, колірна сліпота.

  • Проблеми зі слухом: порушення, глухота.

  • Когнітивні проблеми: порушення логіки, пам'яті, здатності навчатися тощо, які впливають на розуміння й ускладнюють навігацію по сайтах.

  • Порушення моторики: ускладнює змахування, доторк або натискання на певні елементи; неможливість користуватися руками.

  • Проблеми з вимовою, що можуть ускладнити роботу з голосовим дизайном користувальницького інтерфейсу.


Колірна сліпота 🚦

В цій статті мова буде йти про адаптацію інтерфейсу для людей, які мають дальтонізм (нездатність розрізняти один або декілька кольорів).

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

Chart With Contrast Problem


Як адаптувати кольори 🌈

На попередньому прикладі можна побачити чітку проблему з контрастом сусідніх кольорів. Це можна вирішити зміною параметра світимості для кожного кольору.

Chart Without Contrast Problem


Інструменти 🛠

  • ColourSimulations (PC) - цей додаток я використовував у прикладах.

  • Sim Daltonism (Mac) - альтернатива для Mac.

  • colorable - перевірка контрасту кольорів.

  • Color Contrast Analyzer (Chrome) - це плагін для Google Chrome. Ви можете зайти на сайт і далі або обрати всю сторінку, або виділити конкретну зону, яку хочете проаналізувати.


Джерела 📄


Висновок 🧮

Інклюзивність — це зручно для всіх. Причин зробити свій інтерфейс інклюзивним можна назвати багато. Наприклад, почати з морального боку — спробувати зробити свій продукт справді доступним для всіх.

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

Обговорення (0)