Продукт и пользователь: дружба начинается с 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

Empathize

Define

Ideate

Prototype

Test

Evaluate

Вопросы?

Спасибо.

Полезные ссылкиО персонажах

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-empatiihttp://uxexperience.net/useful/artefakty-karta-empatiiО сценариях

http://www.usability.gov/how-to-and-tools/methods/scenarios.htmlhttp://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-50006366http://www.slideshare.net/cgvictor/idealmachine-october-2014