more:

Ці та інші чудові приклади:

Що не є нашим завданням?

Що не є нашим завданням?

Конвертація картинок в HTML/CSS

(для цього вже є автоматичні інструменти типу Photoshop/AI/Sketch/Figma etc.)

Що є нашим завданням?

Що є нашим завданням?

Створити продукт, який люди будуть використовувати для вирішення певних задач

Яких задач? Хто ці люди?

Яких задач? Хто ці люди?

Задачі залежать від продукту (маємо хороше уявлення).
Хто саме користується продуктом часто менш очевидно (і ми не завжди вгадуємо).

✅

❌

Якщо коротко:
це робота не переписувачів, а інженерів.

В чому відповідальність інженерів?

(в широкому значенні слова)

Продукт має бути:

Продукт має бути:

1. Функціональним (дизайн вирішує задачі, наше втілення дизайну має відображати цю функцію)

Продукт має бути:

1. Функціональним (дизайн вирішує задачі, наше втілення дизайну має відображати цю функцію)
2. Надійним (має працювати в різних умовах)

Продукт має бути:

1. Функціональним (дизайн вирішує задачі, наше втілення дизайну має відображати цю функцію)
2. Надійним (має працювати в різних умовах)
3. Доступним (чим більше людей може користуватись продуктом, тим більше цінності він створює)

Які інструменти для цього є в UX-інженерів?

ресурси і шпаргалки по HTML5:

знай свою аудиторію!

caniuse.com

A11y tools:

smoke testing (хоча б перевірити навігацію з клавіатури)
 

Контраст: material.io
 

CSS media features

Accessibility testing tools