Interface Design

Inclusive Web Design

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

Про курс

Навколо теми інклюзивного дизайну безліч стереотипів.
«Спочатку маркетинг, а вебдоступність зробимо потім».
Або ще: «Інклюзивність — піклування про людей з інвалідністю».
Чи ось таке: «Інклюзивний дизайн — це різновид доброчинності, якщо бізнес має зайві гроші».

Насправді ж інклюзивний дизайн — один із найдавніших принципів якісного дизайну, ідеї якого зародилися ще в середині минулого століття.

Інклюзивність — це універсальність і доступність для всіх людей. Чомусь так сталося, що ми краще розуміємо сутність інклюзивного дизайну у фізичному світі. Скажімо, є пандус: ним користуються всі, хоча початково його розробили для людей на візках. Але згодом він став у пригоді й велосипедисту, і літній пані з остеохондрозом, і молодій айтішниці, яка тягне валізу з подорожі.

Різноманітні «пандуси» існують і в інтернеті, але часто вони невидимі. На курсі ми будемо вчитися розрізняти й дизайнити функції, що допомагають сайтам і додаткам бути доступними для всіх і нікого не дискримінувати: ні людей з інвалідністю, ні тих, у кого слабкий інтернет, старий девайс чи кого засліплює сонце з вікна.

Вартість отримуйте доступ до занять безкоштовно, одразу після реєстрації
Заняття курс складається із 9 відеоуроків
Коли Ви можете розпочати навчання у будь-який момент, отримавши доступ до занять одразу після реєстрації

Куратори

Куратор В'ячеслав Шестопалов
Куратор Євген Шикірявий



Програма курсу

Особливості зору людини

— Будова ока.
— Хвороби, що впливають на зір. Причини втрати зору.
— Кількість людей із порушеннями зору.
— «Технічні» обмеження очей.

Дизайн-стандарти у сфері зору

— Історія стандартів у галузі доступності та зручності користування.
— Консорціум W3C і стандарт WCAG. Відмінності між версіями.
— Законодавство, яке стосується доступності, в різних країнах.
— Відомі дизайн-системи з акцентом на доступності.

Колірний контраст

— Вимоги до контрасту зображень і тексту.
— Наслідки недотримання принципів контрасту.
— Якість і налаштування монітора та контраст.
— Інструменти для аналізу колірної контрастності та добору палітри.

Розмір і відстань

— Закон Фіттса про відстань і ціль.
— Вимоги до розміру інтерактивних елементів та відстані між ними.
— Оптимальні розміри клік-зон.

Читабельність

— Шрифти в інтерфейсах.
— Читабельність шрифтів.
— Форматування текстових блоків.

Фронтенд й аудіосумісність

— Використання клавіатури для навігації веб-сторінкою.
— Особливості прослуховування сайтів.
— Екранні читачі на комп‘ютерах та мобільних пристроях.

Аудит і тестування доступності

— Планування дослідження.
— Онлайн-інструменти перевірки доступності.
— Тестування доступності з користувачами.

Міфи про доступний дизайн

— Якщо за всіма стандартами, то це некрасиво.
— Доступний дизайн робити складно.
— Доступний дизайн можна зробити «якось потім».

«Темний бік» WCAG 2.1

— Суперечливі вимоги до колірного контрасту.
— Дивні й застарілі приклади дизайну.
— Обережні рекомендації щодо шрифтів.

Партнери курсу

Цей курс став можливий завдяки підтримці проекту Krupa Conference.

Реєстрація

Ще маєте питання?
Не соромтесь їх задати.

Проконсультуйте мене