Доклад Маргариты Лютиковой на Analyst Days-7. 13-14 октября 2017. Минск www.analystdays.com

1. UX, UI, Usability: как не
запутаться в модных понятиях
МАРГАРИТА ЛЮТИКОВА
IT BAND, IT-BAND.BY

2. Кому будет полезно
• Всем не экспертам в области UX/UI design и
Usability
• Всем тем, кто слышит, говорит и использует
данные понятия
2

3. Коротко о себе
• Руководительотделабизнес-
анализавкомпанииITBand
• 5+летопытавбизнес-анализе
• ПроектыB2C,B2B2C–веб-
приложениявсфере
страхования,образования,
развлечений
3

4. Опыт нашей команды
4
Надо
улучшать
UX
Я не могу
быть всегда
рядом
Мы и так
знаем, что
такое UX
Заказчик
Команда
UX/UI Designer

5. Что мы узнаем
• 6 ошибок понимания и использования
понятий
• понятия UI/UX/Usability простыми
словами; сходства и различия понятий
• артефакты UX и UI дизайнеров; чем они
отличаются
• как нам это помогает
5

6. ОШИБКА 1
UX И USABILITY – ОДНО И ТО ЖЕ
6

7. Usability ≠ UX
Usability (юзабилити) - это
удобство и легкость
взаимодействия
пользователя с продуктом
UX, User experience- опыт
взаимодействия
пользователя. Восприятие и
совокупность эмоций,
возникающих в результате
использования продукта
(ISO) effectiveness, efficiency
and satisfaction with which
specified users achieve
specified goals in particular
environments
(ISO) all aspects of the user’s
experience when interacting
with the product, service,
environment or facility
7

8. Usability ≠ UX
• Цель: сделать задачу
легко, интуитивно и
быстро
• Задача: уменьшать
шаги и убирать
барьеры
• Достиг ли
пользователь цели
максимально
удобным способом?
• Цель: сделать пользователя
счастливым до, во время и
после использования
продукта
• Задача: создать
эмоциональную связь
• Был ли опыт пользователя
максимально
положительным?
8

9. Usability ≠ UX
Удобная дорога
Usability
Удобная и незабываемая
Usability & User Experience
9
1) 2)

10. ОШИБКА 2
ЕСЛИ ХОРОШИЙ USABILITY –
ЗНАЧИТ ХОРОШИЙ UX
10

11. Usability лишь часть хорошего UX
Полезность
(Utility)
Удобство
(Usability)
Желанность
(Desirability)
Опыт от бренда
(brand experience)
11

12. Usability?
12

13. UX: что может огорчить?
13

14. UX: что еще может огорчить?
14

15. UX: что может порадовать?
15

16. ОШИБКА 3
UX – ЭТО ТОЛЬКО ХОРОШО
16

17. Отрицательный опыт
пользователя
(bad UX)
Положительный опыт
пользователя
(good UX)
UX может быть не только
хорошим
17
1) 2)

18. ОШИБКА 4
UX ДИЗАЙН И UI ДИЗАЙН – ЭТО
ОДНО И ТО ЖЕ
18

19. UI дизайн
UI-дизайн
Интерфейс для управления
19
UID (User Interface Design / Designer) -
процесс создания UI.
Его цель - выбрать правильные
элементы интерфейса (текст, кнопки,
цвета) для решения задачи
пользователя и расположить всё в
понятном виде.
как выглядит?
“How it looks”

20. UX дизайн
UXD, UED, XD или просто UX (User
Experience Design) - процесс
повышения удовлетворенности
пользователям путем улучшения
юзабилити, доступности и
удовлетворенности пользователя
от использования продукта.
что вы чувствуете
“How it feels”
20
UX-дизайн
Довольный пользователь

21. Этапы UX-дизайна
21
Этапы UX-дизайна
21
UX
design
1 USER RESEARCH (Personas, User testing, User journey)
PROTOTYPE (Mockups, Wireframes)2
3 INFORMATION ARCHITECTURE (Sitemap, Navigation)
INTERACTION DESIGN (Buttons, Tooltips, Animation)4
5 UI DESIGN (Colors, Styling, branding)

22. Пример на кетчупе
22

23. И еще раз о понятиях
23

24. ОШИБКА 5
ПЛОХОЙ UI – ПЛОХОЙ UX
24

25. Плохой UI – плохой UX?
25

26. ОШИБКА 6
UX И UI ДИЗАЙНОМ ВСЕГДА
ЗАНИМАЕТСЯ ОДИН ЧЕЛОВЕК
26

27. UX и UI
дизайнеры
27

28. Еще раз коротко о главном
• Usability иUXнеодноитоже
• Хороший Usability еще не значит хороший
UX
• UX как понятие – это опыт, может быть
положительным и отрицательным
• UI-дизайн лишь часть UX-дизайна
• UI и UX дизайн могут выполнять разные
роли
29

29. Как понимание UX и
Usability понятий меняют мышление
• Все мысли – о пользователе
• Вопросы: зачем это пользователю?
Сделает ли это его счастливым?
• Пользовательское тестирование
• Команда говорит на одном языке о UX
30

30. Что почитать по теме
31
• Стив Круг – «Не заставляйте
меня думать»
Steve Krug «Don't make me
think», Revisited (3rd edition,
2013)

31. Спасибо за внимание!
Маргарита Лютикова
IT Band
rita.lutikova@it-band.by
Linked-in: rita-lutikova-75139856