Презентація про продуктовий дизайн та його роль при створенні цифрових продуктів, UX / UI дизайн процеси та методології, приклади їх застосування. Підготовлено для UP2IT Conference: http://up2it.com.ua/

1. Продуктовий дизайн і
UX / UI дизайн процеси при
розробці цифрових продуктів
2017

2. Володимир Мельник
Design Lead
UX / UI Designer

3. ДОСВІД РОБОТИ
3
Front End
Development
QA Automation
Engineer
iOS
Development
Product Design
UX / UI

4. ДИЗАЙН
ЦИФРОВИХ
ПРОДУКТІВ

5. ДИЗАЙН ЦИФРОВИХ ПРОДУКТІВ
5
Робота з пікселями Вирішення проблем
Роль дизайнера

6. ДИЗАЙН-МИСЛЕННЯ
6
Життєздатний
Бажаний і цінний
Виконуваний

7. UX / UI
7
User Experience User Interface

8. ПІРАМІДА ПОТРЕБ ПРОДУКТУ
8
Функціональність
Надійність
Зручність
Задоволення

9. ДИЗАЙН
ПРОЦЕС

10. ДИЗАЙН ПРОЦЕС
10
• Дизайн стратегія
• Дослідження
• Концептуальний дизайн
• Візуальний дизайн
• Прототипування
• Розробка
• Валідація

11. ДИЗАЙН СТРАТЕГІЯ
11
• Kickoff
• Project Brief
• Roadmap

12. ДОСЛІДЖЕННЯ
12
• Aналітика
• Дослідження користувачів

13. ДОСЛІДЖЕННЯ КОРИСТУВАЧІВ
13
Storyboard
Персони і Історії
користувачів
Jobs To Be Done
Завдання користувачів,
Матриця завдань
Діаграми і потоки
користувачів
Карти подорожей
користувачів

14. КОНЦЕПТУАЛЬНИЙ
ДИЗАЙН
14
• Скетчі
• Вайрфрейми
• Інформаційна архітектура
• Сценарії використання

15. СКЕТЧІ

16. ВАЙРФРЕЙМИ
Рівні деталізації

17. ІНФОРМАЦІЙНА
АРХІТЕКТУРА

18. СЦЕНАРІЇ
ВИКОРИСТАННЯ

19. ВІЗУАЛЬНИЙ ДИЗАЙН
19
Mood Boards Mockups Design Assets &
Graphics
Animation & Motion

20. ПРОТОТИПУВАННЯ
20
Рівні деталізації

21. ІНТЕРАКТИВНІ ПРОТОТИПИ

22. РОЗРОБКА
22
• Передача дизайну на розробку
• Дизайн системи і Стайлгайд
• Дизайн специфікації
(Вимоги до продукту)

23. ПЕРЕДАЧА ДИЗАЙНУ НА
РОЗРОБКУ
23
UI Дизайнери Front End Розробники
або

24. ДИЗАЙН СИСТЕМИ
дизайну і розробки

25. СТАЙЛГАЙД

26. ДИЗАЙН
СПЕЦИФІКАЦІЇ

27. ДИЗАЙН
СПЕЦИФІКАЦІЇ

28. ВАЛІДАЦІЯ
28
Контроль Якості ЮЗАБІЛІТІ ТЕСТУВАННЯ

29. ЮЗАБІЛІТІ ТЕСТУВАННЯ
29
• Модеровані
• Віддалені модеровані
• Віддалені немодеровані
• Кількісні дослідження
• Якісні дослідження

30. 30
ІТЕРАЦІЇ

31. ДЯКУЮ!
Володимир Мельник