Interface Design

Inclusive Web Design

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

Про курс

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

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

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

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

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

Куратори

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



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

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

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

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

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

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

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

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

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

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

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

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

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

Дізнайтеся більше

Telegram Місце збору дизайн-ком’юніті, інструментів, порад та новинок у сфері роботи з інтерфейсами

Реєстрація

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

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