SlideShare a Scribd company logo
IT-Nonstop. Продукт и пользователь: дружба начинается с UX
Продукт и пользователь:
дружба начинается с UX
Николай Грачёв
Allbiz
Дизайн – это не то, как предмет
выглядит, а то, как он работает.
Стив Джобс
Хороший дизайн:
1. Инновационный
2. Делает продукт полезным
3. Эстетичен
4. Помогает продукту быть понятным
5. Ненавязчив
6. Честен
7. Надёжен
8. Продуман до мельчайших деталей
9. Беспокоится об окружающей среде
10. Хороший дизайн — это как можно
меньше дизайна
Дитер Рамс, проектировщик Braun
«10 правил хорошего дизайна»
UX = User eXperience
(пользовательский опыт)
— это ощущения, возникающие у человека при
непосредственном взаимодействии с объектами окружающего
мира. В более узком смысле, опыт взаимодействия
характеризует личное восприятие человеком функциональных
и эмоциональных характеристик продукта или услуги в
процессе использования.
Wikipedia
User Experience
Design
UX – преобладание практики над
теорией. Решения UX-дизайнера
должны базироваться на рациональном
фундаменте.
Поэтому…
UX должен измеряться
Будь то количество пользователей, которые
произвели ключевое действие или количество
уникальных пользователей, которые заходят
ежедневно в личный кабинет, добавляют контент,
удовлетворены работой с продуктом.
Место UX
? ?
?
Место UX
UX
UI / Usability / UX
UI
Функция: Она работает
Usability
Действие: Оно хорошо работает
UX
Эмоции: Оно хорошо работает
и заставляет воскликнуть «Вау!»
5 уровней UX Джесса Гаррета
Поверхность
Визуальный
(графический) дизайн
Структура
Проектирование
взаимодействия
Информационная
архитектура
Набор
возможностей
Функции (фичи)
Требования контента
Описывает бизнес цели,
цели пользователей, что
будет мерилом успеха
Список
функциональности, тип
контента – всё, что
необходимо для
удовлетворения
потребностей
пользователей
Структура (страницы)
продукта, иерархия, пути
использования продукта
пользователями
Вид / представление
информации, элементы
навигации по структуре
продукта, представление
контента
Визуальное /
графическое
представление каждого
элемента продукта
Стратегия
Потребности
пользователей
Цели сайта
Компоновка
Дизайн интерфейса
Дизайн навигации
Информационный
дизайн
User Experience = Experience
Персонажи
Empathy Map
Сценарии
Fabian Garzon
Как получить необходимую
информацию?
Интервью
• Заранее готовьте вопросы;
• Задавайте открытые вопросы;
• Во время интервью один беседует,
другой записывает;
• Общайтесь с вашей аудиторией;
• Не бойтесь остановить респондента,
если при ответе ушел в сторону.
Пользовательское (юзабилити)
тестирование
• Привлекайте как можно меньше
модераторов (один моделирует
действия, другой записывает);
• Просите их комментировать свои
действия;
• Обращайте больше внимание на
то, что делают, а не говорят;
• Расслабьте респондента;
• Тестируйте существующий продукт
или прототип;
• Приблизьте тестирование к
максимально реальной ситуации
респондента;
• Давайте задания респонденту;
• Не подсказывайте, а спросите про
ожидания.
A/B тестирование
• Ставьте конкретную цель;
• Не плодите много вариантов за
один тест;
• Заранее продумайте необходимые
данные, которые нужны для
определения эффективности теста;
• Не делайте преждевременные
выводы;
• Не упускайте из виду
второстепенную статистику;
• Источники траффика должны быть
одинаковыми для всех вариантов;
• Результат должен выражаться в
числах (% конверсии).
Этапы UX
Empathi
ze
Define
Ideate
Prototy
pe
Test
Evaluat
e
Вопросы?
Спасибо.
Полезные ссылки
О персонажах
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/
Полезные ссылки
Методы и способы
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

More Related Content

PDF
Аналитики и UX
PPT
Интервью с пользователями
PPTX
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
PDF
Выбор метода UX исследования - UXPeople 2013
PPTX
Мастер-класс по ЮТ для Британки
PPSX
Проектирование и UX
PDF
Почему надо добиваться доступа к пользователям и как это делать
PPTX
UX research in Yandex
Аналитики и UX
Интервью с пользователями
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
Выбор метода UX исследования - UXPeople 2013
Мастер-класс по ЮТ для Британки
Проектирование и UX
Почему надо добиваться доступа к пользователям и как это делать
UX research in Yandex

What's hot (20)

PPTX
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
PDF
Как продавать исследования
PDF
Лекция для БШД про UX Research
PDF
Доклад Ксении Стерниной "Профессия UX-Researcher" на открытии Летнего обучен...
PPTX
Wud 2014 psychophysiological research in ux
PDF
Мастер класс по UX исследованиям в играх
PPTX
Как и когда использовать айтрекер на юзабилити тестировании
PDF
Как делать презентацию?
PDF
Intorduction for Open Data Hackathon 2014: Hack for Piter
PPTX
UX Research для интенсива UX&UI Британская Школа Дизайна
PDF
Взаимозаменяемость и уникальность UX-специалиста и аналитика
PPTX
Начало работы в большой компании
PDF
Prototyping
PDF
Product design sprint
PPTX
У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...
PPTX
О разработке сайтов в целом
PDF
Исследовать нужно не только пользователей
PDF
Что делать, если вы не нашли дизайнера в проект?
PDF
UX-дизайн и психология пользователей
PDF
Управление продуктом: Проведение исследований на ранних стадиях проектирования.
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
Как продавать исследования
Лекция для БШД про UX Research
Доклад Ксении Стерниной "Профессия UX-Researcher" на открытии Летнего обучен...
Wud 2014 psychophysiological research in ux
Мастер класс по UX исследованиям в играх
Как и когда использовать айтрекер на юзабилити тестировании
Как делать презентацию?
Intorduction for Open Data Hackathon 2014: Hack for Piter
UX Research для интенсива UX&UI Британская Школа Дизайна
Взаимозаменяемость и уникальность UX-специалиста и аналитика
Начало работы в большой компании
Prototyping
Product design sprint
У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...
О разработке сайтов в целом
Исследовать нужно не только пользователей
Что делать, если вы не нашли дизайнера в проект?
UX-дизайн и психология пользователей
Управление продуктом: Проведение исследований на ранних стадиях проектирования.
Ad

Similar to IT-Nonstop. Продукт и пользователь: дружба начинается с UX (20)

PPTX
IDealMachine October 2014
PPTX
User experience, как замена юзабилити
PPTX
iDeal Machine - UX - 27052014 - preview
PDF
UX Design Рrocess
PPT
Объединяющая сила UX
PDF
UX: unhappiness users
PPTX
UX наоборот - введение в UX
PDF
Interaction Design
PDF
Course User interface - Lesson 1
PDF
UX в интерфейсе и в жизни
PDF
UX Strategy 101
PDF
Lean UX, Уровни UX, UXD процесс
PDF
User eXperience design
PPTX
User eXperience design - как построить сайт для пользователей, а не для себя
PPTX
Введение в UX|UI дизайн. Что такое дизайн?
PDF
UX в интерфейсе и в жизни
PPTX
UX, UI, Usability - как не запутаться в модных понятиях
PPTX
Про дизайн для не дизайнеров
PPTX
UX-команда и идеальные продукты
PDF
Human Centered Design
IDealMachine October 2014
User experience, как замена юзабилити
iDeal Machine - UX - 27052014 - preview
UX Design Рrocess
Объединяющая сила UX
UX: unhappiness users
UX наоборот - введение в UX
Interaction Design
Course User interface - Lesson 1
UX в интерфейсе и в жизни
UX Strategy 101
Lean UX, Уровни UX, UXD процесс
User eXperience design
User eXperience design - как построить сайт для пользователей, а не для себя
Введение в UX|UI дизайн. Что такое дизайн?
UX в интерфейсе и в жизни
UX, UI, Usability - как не запутаться в модных понятиях
Про дизайн для не дизайнеров
UX-команда и идеальные продукты
Human Centered Design
Ad

IT-Nonstop. Продукт и пользователь: дружба начинается с UX

  • 2. Продукт и пользователь: дружба начинается с UX Николай Грачёв Allbiz
  • 3. Дизайн – это не то, как предмет выглядит, а то, как он работает. Стив Джобс
  • 4. Хороший дизайн: 1. Инновационный 2. Делает продукт полезным 3. Эстетичен 4. Помогает продукту быть понятным 5. Ненавязчив 6. Честен 7. Надёжен 8. Продуман до мельчайших деталей 9. Беспокоится об окружающей среде 10. Хороший дизайн — это как можно меньше дизайна Дитер Рамс, проектировщик Braun «10 правил хорошего дизайна»
  • 5. UX = User eXperience (пользовательский опыт) — это ощущения, возникающие у человека при непосредственном взаимодействии с объектами окружающего мира. В более узком смысле, опыт взаимодействия характеризует личное восприятие человеком функциональных и эмоциональных характеристик продукта или услуги в процессе использования. Wikipedia
  • 7. UX – преобладание практики над теорией. Решения UX-дизайнера должны базироваться на рациональном фундаменте. Поэтому…
  • 8. UX должен измеряться Будь то количество пользователей, которые произвели ключевое действие или количество уникальных пользователей, которые заходят ежедневно в личный кабинет, добавляют контент, удовлетворены работой с продуктом.
  • 11. UI / Usability / UX UI Функция: Она работает Usability Действие: Оно хорошо работает UX Эмоции: Оно хорошо работает и заставляет воскликнуть «Вау!»
  • 12. 5 уровней UX Джесса Гаррета Поверхность Визуальный (графический) дизайн Структура Проектирование взаимодействия Информационная архитектура Набор возможностей Функции (фичи) Требования контента Описывает бизнес цели, цели пользователей, что будет мерилом успеха Список функциональности, тип контента – всё, что необходимо для удовлетворения потребностей пользователей Структура (страницы) продукта, иерархия, пути использования продукта пользователями Вид / представление информации, элементы навигации по структуре продукта, представление контента Визуальное / графическое представление каждого элемента продукта Стратегия Потребности пользователей Цели сайта Компоновка Дизайн интерфейса Дизайн навигации Информационный дизайн
  • 13. User Experience = Experience
  • 17. Интервью • Заранее готовьте вопросы; • Задавайте открытые вопросы; • Во время интервью один беседует, другой записывает; • Общайтесь с вашей аудиторией; • Не бойтесь остановить респондента, если при ответе ушел в сторону.
  • 18. Пользовательское (юзабилити) тестирование • Привлекайте как можно меньше модераторов (один моделирует действия, другой записывает); • Просите их комментировать свои действия; • Обращайте больше внимание на то, что делают, а не говорят; • Расслабьте респондента; • Тестируйте существующий продукт или прототип; • Приблизьте тестирование к максимально реальной ситуации респондента; • Давайте задания респонденту; • Не подсказывайте, а спросите про ожидания.
  • 19. A/B тестирование • Ставьте конкретную цель; • Не плодите много вариантов за один тест; • Заранее продумайте необходимые данные, которые нужны для определения эффективности теста; • Не делайте преждевременные выводы; • Не упускайте из виду второстепенную статистику; • Источники траффика должны быть одинаковыми для всех вариантов; • Результат должен выражаться в числах (% конверсии).
  • 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