Вводная информация о профессии UX дизайнера для доклада на IT-Nonstop

2. Продукт и пользователь:
дружба начинается с UX
Николай Грачёв
Allbiz

3. Дизайн – это не то, как предмет
выглядит, а то, как он работает.
Стив Джобс

4. Хороший дизайн:
1. Инновационный
2. Делает продукт полезным
3. Эстетичен
4. Помогает продукту быть понятным
5. Ненавязчив
6. Честен
7. Надёжен
8. Продуман до мельчайших деталей
9. Беспокоится об окружающей среде
10. Хороший дизайн — это как можно
меньше дизайна
Дитер Рамс, проектировщик Braun
«10 правил хорошего дизайна»

5. UX = User eXperience
(пользовательский опыт)
— это ощущения, возникающие у человека при
непосредственном взаимодействии с объектами окружающего
мира. В более узком смысле, опыт взаимодействия
характеризует личное восприятие человеком функциональных
и эмоциональных характеристик продукта или услуги в
процессе использования.
Wikipedia

6. User Experience
Design

7. UX – преобладание практики над
теорией. Решения UX-дизайнера
должны базироваться на рациональном
фундаменте.
Поэтому…

8. UX должен измеряться
Будь то количество пользователей, которые
произвели ключевое действие или количество
уникальных пользователей, которые заходят
ежедневно в личный кабинет, добавляют контент,
удовлетворены работой с продуктом.

9. Место UX
? ?
?

10. Место UX
UX

11. UI / Usability / UX
UI
Функция: Она работает
Usability
Действие: Оно хорошо работает
UX
Эмоции: Оно хорошо работает
и заставляет воскликнуть «Вау!»

12. 5 уровней UX Джесса Гаррета
Поверхность
Визуальный
(графический) дизайн
Структура
Проектирование
взаимодействия
Информационная
архитектура
Набор
возможностей
Функции (фичи)
Требования контента
Описывает бизнес цели,
цели пользователей, что
будет мерилом успеха
Список
функциональности, тип
контента – всё, что
необходимо для
удовлетворения
потребностей
пользователей
Структура (страницы)
продукта, иерархия, пути
использования продукта
пользователями
Вид / представление
информации, элементы
навигации по структуре
продукта, представление
контента
Визуальное /
графическое
представление каждого
элемента продукта
Стратегия
Потребности
пользователей
Цели сайта
Компоновка
Дизайн интерфейса
Дизайн навигации
Информационный
дизайн

13. User Experience = Experience

14. Персонажи
Empathy Map

15. Сценарии
Fabian Garzon

16. Как получить необходимую
информацию?

17. Интервью
• Заранее готовьте вопросы;
• Задавайте открытые вопросы;
• Во время интервью один беседует,
другой записывает;
• Общайтесь с вашей аудиторией;
• Не бойтесь остановить респондента,
если при ответе ушел в сторону.

18. Пользовательское (юзабилити)
тестирование
• Привлекайте как можно меньше
модераторов (один моделирует
действия, другой записывает);
• Просите их комментировать свои
действия;
• Обращайте больше внимание на
то, что делают, а не говорят;
• Расслабьте респондента;
• Тестируйте существующий продукт
или прототип;
• Приблизьте тестирование к
максимально реальной ситуации
респондента;
• Давайте задания респонденту;
• Не подсказывайте, а спросите про
ожидания.

19. A/B тестирование
• Ставьте конкретную цель;
• Не плодите много вариантов за
один тест;
• Заранее продумайте необходимые
данные, которые нужны для
определения эффективности теста;
• Не делайте преждевременные
выводы;
• Не упускайте из виду
второстепенную статистику;
• Источники траффика должны быть
одинаковыми для всех вариантов;
• Результат должен выражаться в
числах (% конверсии).

20. Этапы UX
Empathi
ze
Define
Ideate
Prototy
pe
Test
Evaluat
e

21. Вопросы?

22. Спасибо.

23. Полезные ссылки
О персонажах
http://www.ux-lady.com/introduction-to-user-personas/
http://www.uxbooth.com/articles/creating-personas/
http://www.copyblogger.com/empathy-maps/
http://zillion.net/ru/blog/354/sozdaniie-profilia-potriebitielia-na-osnovie-karty-empatii
http://uxexperience.net/useful/artefakty-karta-empatii
О сценариях
http://www.usability.gov/how-to-and-tools/methods/scenarios.html
http://www.webdesignerdepot.com/2015/04/how-to-perfect-your-ux-with-persona-scenarios/
http://www.uxforthemasses.com/scenario-mapping/
http://blog.usabilla.com/how-user-scenarios-help-to-improve-your-ux/

24. Полезные ссылки
Методы и способы
http://www.usabilityfirst.com/usability-methods/
Ресурсы по теме
http://uxmovement.com/
http://uxmag.com/
http://usabilitypost.com/
https://medium.com/mental-notes/7bbb96465500
Другие познавательные презентации
http://www.slideshare.net/rorocher7/uxresearcher-50006366
http://www.slideshare.net/cgvictor/idealmachine-october-2014