Выбор метода UX исследования - UXPeople 2013
-
Upload
natalia-sprogis -
Category
Design
-
view
519 -
download
1
description
Transcript of Выбор метода UX исследования - UXPeople 2013
![Page 1: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/1.jpg)
Выбор правильных методов
исследования Опыт UX-лаборатории Mail.Ru
Наталия Спрогис UXPeople, 30 ноября, Минск
![Page 2: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/2.jpg)
Наталия Спрогис, Руководитель направления UX-исследований в Mail.Ru Group Занимаюсь пользовательскими исследованиями более 5 лет
![Page 3: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/3.jpg)
Сегодня мы поговорим про UX исследования
Картинка Ben Aslett
![Page 4: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/4.jpg)
UX лаборатория Mail.Ru
![Page 5: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/5.jpg)
Схема с witflow.com
Методов очень много
![Page 6: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/6.jpg)
Как во всем этом разобраться?
![Page 7: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/7.jpg)
Давайте посмотрим на примеры
![Page 8: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/8.jpg)
Одноклассники: как сделать так, чтобы больше дарили подарков?
1
![Page 9: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/9.jpg)
С теми, кто не дарит подарки: • Мини-интервью • Юзабилити-тестирование • Дополнительно: eye
tracking
![Page 10: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/10.jpg)
Выявили «барьеры»
![Page 11: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/11.jpg)
7 из 12 не смогли подарить подарок
![Page 12: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/12.jpg)
Критичные проблемы в форме оплаты
![Page 13: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/13.jpg)
Важные проблемы: • Не видят разные способы оплаты
(используют самый невыгодный) • Не понимают, сколько заплатят • Не заканчивают процесс отправки
подарка
![Page 14: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/14.jpg)
Не понимают, сколько заплатят
![Page 15: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/15.jpg)
Не понимают, сколько заплатят
• «Я почему-то подумал всё равно, что
эта сумма будет у меня 20 рублей. Я
подумал, что это [зачёркнутые 35]
относится и к телефону».
• «В окошечке было 35 зачёркнуто и 20
рублей написано, а почему-то пришло
30 [в SMS]»
![Page 16: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/16.jpg)
Не видят ссылку на другие методы оплаты Оплата через телефон менее выгодна
![Page 17: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/17.jpg)
Заказ подтвержден, значит подарок отправлен
![Page 18: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/18.jpg)
Заказ подтвержден, значит подарок отправлен
![Page 19: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/19.jpg)
Не нажимают «Подарить»
![Page 20: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/20.jpg)
Не нажимают «Подарить»
• «[В какой момент вы решили, что подарок
вы подарили?] — Ну, как написано "заказ
обработан", значит все. Да и он тут уже на
аватарке» виден»
• «[Вы подарили подарок?] — Да. Он же вот
здесь на картинке появился».
• «Черт его знает, ушел [подарок] или нет.
<…> Я ему подарил или не подарил? Не
понимаю».
![Page 21: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/21.jpg)
Итог: Полностью переделать платежку
![Page 22: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/22.jpg)
И снова протестировать
![Page 23: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/23.jpg)
Новая платежка
![Page 24: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/24.jpg)
Добавили микрокредиты
![Page 25: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/25.jpg)
Переделали страницу оплаты через терминал
![Page 26: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/26.jpg)
Переделали страницу оплаты через терминал
![Page 27: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/27.jpg)
Добавили подсказки, убрали ввод имени
![Page 28: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/28.jpg)
![Page 29: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/29.jpg)
Мой Мир: Как найти проблемы в дизайне на ранней стадии? 2
![Page 30: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/30.jpg)
• Тестирование прототипа
• Сначала тест на коллегах • Итеративное исправление
проблем • Вовлеченность менеджера
и дизайнера
![Page 31: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/31.jpg)
Привлечение коллег
![Page 32: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/32.jpg)
Прототип открывали в браузере
Кликабельный прототип создан дизайнером проекта в Fireworks, открывали в режиме FullScreen в браузере
![Page 33: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/33.jpg)
По ходу исправили: • Явные баги (например, забытая
кнопка добавления фото) • Разобрались с непонятными
иконками • Добавили подсказок
![Page 34: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/34.jpg)
Спорная иконка
![Page 35: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/35.jpg)
Подсказки
![Page 36: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/36.jpg)
Расположение блоков
![Page 37: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/37.jpg)
Рабочий документ вместо отчета
![Page 38: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/38.jpg)
Новости@Mail.Ru: как протестировать сайт без четких задач? 3
![Page 39: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/39.jpg)
• Взяли «наших» и «не наших»
• Свободное использование сайта, а не задачи
• Наблюдение • Неоценим eye tracking
![Page 40: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/40.jpg)
Разные типы потребления контента
![Page 41: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/41.jpg)
0 2 4 6 8 10 12
Организация информации на …
Поиск новостей по интересующей …
Удобство интерфейса
Актуальность новостей
Дизайн
Читаемость текстов статей
Качество статей
Количество новостей
Качество фотоматериалов
Оценка сайта "Новости@Mail.Ru"
Очень плохо Плохо Нормально Хорошо Отлично
![Page 42: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/42.jpg)
Браузер Амиго: Как протестировать продукт, который пользователи не замечают?
4
![Page 43: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/43.jpg)
• Тест «первого знакомства» в лаборатории
• Дневниковые исследования в течение недели
![Page 44: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/44.jpg)
Дневники
![Page 45: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/45.jpg)
Технические особенности
![Page 46: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/46.jpg)
Анализ
![Page 47: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/47.jpg)
MyChat: Как получить максимум данных из мобильного исследования?
5
![Page 48: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/48.jpg)
• Детальный тест с eye-tracking в лаборатории
• Контекстные исследования в офисе
![Page 49: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/49.jpg)
Tobii Mobile device stand Tobii Mobile Device Stand
![Page 50: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/50.jpg)
Наглядное подтверждение: Респондент не читает описание раздела «Пригласить друзей» и путает его со списком контактов.
Искомая кнопка
![Page 51: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/51.jpg)
А как же контекст?
![Page 52: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/52.jpg)
GoPro
![Page 53: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/53.jpg)
• Тест базовых сценариев (15 минут) • Прогулка по офису — имитируем
естественный контекст • Естественные отвлечения (шум,
лифты, сотрудники) • Модератор с респондентом,
помощник в другом месте
Что мы делали
![Page 54: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/54.jpg)
Со стороны
![Page 55: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/55.jpg)
Естественные ограничения: С соком телефон пришлось держать одной рукой
![Page 56: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/56.jpg)
«Живые задания»
![Page 57: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/57.jpg)
Проблемы со связью Как отреагирует пользователь на это? В следующий раз будем отключать Wi-fi на тесте
![Page 58: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/58.jpg)
• Отличное дополнение к лабораторным тестам
• Более естественная обстановка • Короткие тесты 5-15 минут • Только базовые сценарии • Хорошая проверка доступности
элементов интерфейса
Выводы
![Page 59: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/59.jpg)
Рекомендации
![Page 60: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/60.jpg)
Не работайте вслепую
![Page 61: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/61.jpg)
Вовлечение команды
![Page 62: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/62.jpg)
Подбор аудитории
![Page 63: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/63.jpg)
Правильные выводы
![Page 64: Выбор метода UX исследования - UXPeople 2013](https://reader035.fdocument.pub/reader035/viewer/2022062406/559487ce1a28ab0e7d8b456d/html5/thumbnails/64.jpg)
Соответствие темпам проекта