У семи нянек дитя без глаза? Пара лет проблем и решений...
TRANSCRIPT
![Page 1: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/1.jpg)
У семи нянек дитя без глаза?
1
Пара лет проблем и решений в UX зарубежного веб-сервиса
![Page 2: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/2.jpg)
2
Давайте знакомиться
![Page 3: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/3.jpg)
3
Давайте знакомиться
➔ Зарубежный веб-сервис для интернет-маркетологов
➔ Разношерстная ЦА
➔ Быстрый рост с его плюсами и заболеваниями
➔ Анархия как принцип организации
![Page 4: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/4.jpg)
4
Проблема 1
Где брать проблемы?
![Page 5: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/5.jpg)
5
Где брать проблемы
➔ Делаем лишнее, не делаем нужного
➔ Не понимаем пользователей
➔ Улучшаем без отдачи
➔ Улучшаем разово
![Page 6: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/6.jpg)
6
Где брать проблемы
![Page 7: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/7.jpg)
7
Почта и User Voise
➔ Много запросов фичей,
➔ Знание о пользовательских болях
➔ Понимание "пользовательского копирайтинга"
Что дает?
![Page 8: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/8.jpg)
8
Где брать проблемы
![Page 9: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/9.jpg)
9
Видеозаписи
➔ Нахождение технических багов,
➔ Улучшает общую эмпатию,
➔ Кучу гипотез об узких местах интерфейса,
➔ Нахождение проблем контента.
Что дает?
Мы используем: www.inspectlet.com
![Page 10: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/10.jpg)
10
Видеозаписи
1. Модальное окно, задуманное как основное рабочее пространство, не замечено 69% пользователей
2. 72% пользователей не заметили функционала создания второй (и последующих) кампаний в новом инструменте
Примеры найденного:
![Page 11: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/11.jpg)
11
Где брать проблемы
➔ PO
➔ Задачи бизнеса
➔ UX-Sync
➔ Внутренние пользователи
➔ Баги
Остальные источники
![Page 12: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/12.jpg)
12
Проблема 2
Испорченный телефон
![Page 13: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/13.jpg)
13
Испорченный телефон
➔ Игнорим технические ограничения
➔ Решаем не те проблемы пользователей
➔ Решаем проблемы не пользователей, а дяди Васи
![Page 14: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/14.jpg)
14
Испорченный телефон
1. Бумажный прототип
![Page 15: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/15.jpg)
15
Бумажный прототип
1. Проверка — «А та ли проблема?»
2. Очень быстрое тестирование основного сценария на ПО
Как используем?
![Page 16: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/16.jpg)
16
Бумажный прототип
➔ Быструю и дешевую синхронизацию
➔ Вылавливание тупых ошибок
➔ Вылавливание технически неразумных решений
Что дает?
![Page 17: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/17.jpg)
17
Бумажный прототип
➔ Не стоит залипать
➔ Без «длинной» логики
Нюансы
![Page 18: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/18.jpg)
18
Испорченный телефон
➔ Персоны
➔ Видео
➔ Внутренние пользователи (отдел маркетинга)
➔ Общение о статистике
➔ Четкое описание историй
Остальные решения
![Page 19: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/19.jpg)
19
Проблема 3
Анархия и быстрый рост
![Page 20: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/20.jpg)
20
Анархия и быстрый рост
➔ Консистентность продукта
➔ Как решать общие проблемы?
![Page 21: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/21.jpg)
21
Анархия и быстрый рост
➔ Одна кнопка в сотне реализаций
➔ Разношерстные паттерны
➔ «Одноразовость» хороших решений
А в чем неконсистентность?
![Page 22: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/22.jpg)
22
Анархия и быстрый рост
![Page 23: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/23.jpg)
23
Резервации и исключения
➔ Учитываем особенности разных ЦА
➔ Глубже понимаем тот самый UX
➔ Строим систему от реального опыта
➔ Улучшается климат в команде
Что дает?
![Page 24: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/24.jpg)
24
Анархия и быстрый рост
![Page 25: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/25.jpg)
25
UX-Sync
➔Каждый выкладывает в Trello прототипы, проблемы, предложения и пр
➔Еженедельная встреча UX-команды
➔Презентуем, обсуждаем, договариваемся, вникаем
Что это, как проводится?
![Page 26: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/26.jpg)
26
UX-Sync
➔ Хорошие решения распространяются
➔ Дешевая синхронизация
➔ Много хорошего фидбека
➔ Улучшается знание продукта
➔ Много знаний о пользователях
Что дает?
![Page 27: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/27.jpg)
27
Анархия и быстрый рост
![Page 28: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/28.jpg)
28
Проблема 4
UX-тестирование задача, процесс и проблема
![Page 29: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/29.jpg)
29
UX-тестирование
➔ Нафига? (он же «надо, но не хочется»)
➔ Где и зачем брать респондентов?
➔ Технологически - как?
➔ Психологические тараканы
![Page 30: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/30.jpg)
30
Нафига?
![Page 31: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/31.jpg)
31
Нафига
➔ Разрешать споры
➔ Делать часть работы ненужной
➔ Находить прикольные решения
➔ Получать больше денег
Чтобы нам легче работалось
![Page 32: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/32.jpg)
32
Респонденты, ау!
➔Применительно к нам - свои маркетологи.
➔Используем для проверки не самых критичных гипотез и
первичной валидации больших фич.
➔Инструменты — прототип, сформулированная цель теста,
письменное задание (опционально), бумага для записи
наблюдений
Внутренние
![Page 33: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/33.jpg)
33
Респонденты, ау!
➔Пользователи, запросившие фичу, либо подходящие по
параметрам.
➔Инструменты: сбор подходящих пользователей, прототип,
инструменты видеозаписи действий пользователя
Конечные пользователи
![Page 34: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/34.jpg)
34
Респонденты, ау!
Когда пригодится? Для случаев, когда добавляется новая фича в тулзу, имеет смысл в качестве респондентов выбирать людей, которые ей уже пользовались. Но не всегда есть возможность сделать тестирование с ними из-за разницы во времени или языкового барьера. В этом случае можно отправить письмо пользователям с заданием и ссылкой на интерактивный прототип, а потом в записанных сессиях посмотреть как они справлялись и сделать выводы.
Гайд
1 - Регаемся на getsmartlook.com и копируем код
Видео: https://drive.google.com/a/semrush.com/file/d/0B7e6rEP_CTANeE9iZkVEWFVxQk0/view?usp=sharing
2 - Заходим на share.axure.com и подключаем код в Plug-ins для нужных страниц
Видео: https://drive.google.com/a/semrush.com/file/d/0B7e6rEP_CTANdE92U2VCeW9VRzg/view?usp=sharing
3 - Даем правильные ссылки на страницы (в конце должна быть конкретная страница). Например, http://o8n7if.axshare.com/landing.html
Видео: https://drive.google.com/a/semrush.com/file/d/0B7e6rEP_CTANRUUybGV3X2IwOWc/view?usp=sharing
4 - Смотрим записанные сессии на getsmartlook.com :)
Видео: https://drive.google.com/a/semrush.com/file/d/0B7e6rEP_CTANTmwwamQwOWJNNG8/view?usp=sharing
Как записать видео действий пользователя на вашем прототипе
![Page 35: У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-сервиса](https://reader036.vdocuments.site/reader036/viewer/2022062302/587b4e5c1a28abff1a8b5505/html5/thumbnails/35.jpg)
35
Респонденты, ау!
➔Кто угодно. Можно коллега-юзабилист, можно разработчик.
➔Используем для отлова технических багов прототипа, проверки
самых простейших гипотез и пр.
➔Инструменты – прототип, бумага и ручка для заметок,
сформулированная цель теста.
«Неподходящие» пользователи