Slide 1
Slide 1 text
Станислав Елисеев
Евгений Полей
UI / UX
Пользователи кайфуют,
когда USERSTORY
интерфейсы рисуют
Slide 2
Slide 2 text
USE RST O RY. RU
Знакомимся
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
Мы выполняли работы для:
Slide 22
Slide 22 text
UX
16+
Slide 23
Slide 23 text
Designer
Photoshopus
Designer
Portfolius
Designer
Trendus
Designer
Sapiens
I
II
III
IV
Slide 24
Slide 24 text
Хватит ходить за мной,
вы реально запарили!
Designer
Artdirectorus
Slide 25
Slide 25 text
Как все
происходит на
самом деле?
Slide 26
Slide 26 text
>
Как все
происходит на
самом деле?
Slide 27
Slide 27 text
Что делать?
Slide 28
Slide 28 text
РЕЗУЛЬТАТ
Контекст
(User Experience)
Сообщение
(бренд, имидж, инсайт)
Механики
(сценарии)
Бизнес
(цели, задачи, ЦА)
Обратная связь
(метрики)
Креатор, копирайтер,
арт-директор
Бизнес-аналитик, стратег,
UX-проектировщик
Бизнес-аналитик,
менеджмент заказчика UX-тесты
Бизнес-аналитик,
UX-проектировщик
Гипотеза
Гипотеза
Гипотеза
Гипотеза
Гипотеза
Гипотеза Гипотеза
Гипотеза
Гипотеза
Гипотеза
Гипотеза
Гипотеза
Гипотеза
Гипотеза
ипотеза
Гипотеза Гипотеза Гипотеза
Гипотеза
Гипотез
Гипотеза
Гипо
Slide 29
Slide 29 text
>
ПРИМЕР 1
Служба доставки
Slide 30
Slide 30 text
БИЗНЕС
Представители
Интернет-магазинов
Потребители услуг
Где моя посылка? Хочу отправить
курьера Я владелец интернет-магазина
и я хочу больше денег
Я менеджер интернет-магазина
и я хочу меньше геморроя
Slide 31
Slide 31 text
СООБЩЕНИЕ
Slide 32
Slide 32 text
Представители
интернет-
магазинов
Потребители услуг
КОНТЕКСТЫ
Slide 33
Slide 33 text
Представители
Интернет-магазинов
Потребители услуг
???
Где моя посылка?
Сколько стоит отправка
из Томска в Москву?
Вызов курьера
Сколько стоит отправка
из Томска в Москву?
Это правда?
МЕХАНИКИ
Slide 34
Slide 34 text
За 4 года мы осуществили более миллиона доставок
97% клиентов выбирают нашу службу повторно
За последний год ни одной утерянной посылки
Уже многие интернет-магазины работают с нами
СИТУАЦИИ, КОГДА
ПРОТОТИПИРОВАНИЕ MUST DO!
Сообщение:
У нас очень дружелюбный сервис
Нам можно доверять
Мета-сообщение:
СООБЩЕНИЕ
Slide 35
Slide 35 text
Представители
Интернет-магазинов
Потребители услуг
v
ОБРАТНАЯ СВЯЗЬ
Slide 36
Slide 36 text
No content
Slide 37
Slide 37 text
No content
Slide 38
Slide 38 text
No content
Slide 39
Slide 39 text
UX?
Slide 40
Slide 40 text
No content
Slide 41
Slide 41 text
No content
Slide 42
Slide 42 text
No content
Slide 43
Slide 43 text
No content
Slide 44
Slide 44 text
SHUT UP AND
TAKE MY MONEY!
Slide 45
Slide 45 text
UX — это обратная связь
UX — это для дизайнеров
UX — это персонажи и customer journey
я Программист, я решаю важные задачи,
а пользователи — это вечно
недовольные му...
Типичные заблуждения
Slide 46
Slide 46 text
ощущение и реакция человека,
вследствие использования или
предполагаемого использования
продукта, системы или услуги.
UX—
Slide 47
Slide 47 text
No content
Slide 48
Slide 48 text
«Я изобрел этот термин, потому что
я думал, человеческий интерфейс и
удобство использования были
слишком узкими понятиями.»
Slide 49
Slide 49 text
«UX охватывает все аспекты
взаимодействия конечного
пользователя с компанией, ее
услугами и продуктами.»
Slide 50
Slide 50 text
Мы не проектируем сайт,
мы проектируем
пользовательский опыт!
Slide 51
Slide 51 text
Перерыв
7 минут 34 секунды
Slide 52
Slide 52 text
Выделить целевые группы
Определить контексты
Проработать механики
Задание:
Slide 53
Slide 53 text
Этнографические исследования
Slide 54
Slide 54 text
Тестирование конкурентов
Slide 55
Slide 55 text
Разбиваются на группы по поведению
(обычно причиной разного поведения является мотив и
контекст использования)
Простые и понятные названия групп
Работаем только с ключевыми группами
(ключевые определяются исходя из потребностей бизнеса)
На этапе проектирования мы работаем с
гипотезами
Принципы работы с ЦГ
Slide 56
Slide 56 text
Целевые группы
10 минут
Slide 57
Slide 57 text
Для каждой ЦГ могут быть свои контексты
Контексты — это не только платформы
Нужно понять, как «живут» представители
(обычно причиной разного поведения является мотив и
контекст использования)
Подсказка: для разных платформ будет разный
пользовательский опыт
Принципы работы
с контекстами
Slide 58
Slide 58 text
Контексты
10 минут
Slide 59
Slide 59 text
Механики отвечают за то, как сайт встраивается
в жизнь пользователя
Каждая механика должна заканчиваться
достижением целевого состояния и определять,
что должно произойти на этом пути
Механика более общее и абстрактное понятие,
чем пользовательский сценарий, механика не
ограничиваются использованием сайта
Принципы работы
с механиками
Slide 60
Slide 60 text
Механики
20 минут
Slide 61
Slide 61 text
Human-Centered
Design
ISO 9241-210
Slide 62
Slide 62 text
Исследование
контекста
Сбор
требований
Валидация
Дизайн-гипотеза
Slide 63
Slide 63 text
No content
Slide 64
Slide 64 text
Динамическое
прототипирование
Slide 65
Slide 65 text
No content
Slide 66
Slide 66 text
No content
Slide 67
Slide 67 text
No content
Slide 68
Slide 68 text
Тезис 1
Требования не существуют
до тех пор, пока пользователь
не окажется в контексте
Slide 69
Slide 69 text
Тезис 2
Невозможно спроектировать
GUI за один подход
Slide 70
Slide 70 text
1.
Slide 71
Slide 71 text
2.
Slide 72
Slide 72 text
3.
Slide 73
Slide 73 text
Заткнитесь и слушайте!
Не давайте руководства к действию.
Не задавайте наводящие вопросы.
Докапывайтесь до фактов.
Дайте пользователю ошибиться.
5 советов при проведении
качественных UX-исследований
Slide 74
Slide 74 text
Разработать первый скетч
Провести первый UX-тест
Внести исправления
Задание:
Slide 75
Slide 75 text
Валидация сообщения
Slide 76
Slide 76 text
No content
Slide 77
Slide 77 text
No content
Slide 78
Slide 78 text
Разработать
первый скетч
15 минут
Slide 79
Slide 79 text
Провести
валидацию
20 минут
Slide 80
Slide 80 text
Внести
исправления
домашняя работа
Slide 81
Slide 81 text
Есть вопрос по UX/UI?
Спроси нас
Елисеев Станислав
[email protected]
facebook.com/staseliseev
Полей Евгений
[email protected]
facebook.com/espoley
USERSTORY.RU