65
Выбор правильных методов исследования Опыт UX-лаборатории Mail.Ru Наталия Спрогис UXPeople, 30 ноября, Минск

Выбор метода UX исследования - UXPeople 2013

Embed Size (px)

DESCRIPTION

Опыт UX лаборатории Mail.Ru. Примеры применения UX исследований для разных задач.

Citation preview

Page 1: Выбор метода UX исследования - UXPeople 2013

Выбор правильных методов

исследования Опыт UX-лаборатории Mail.Ru

Наталия Спрогис UXPeople, 30 ноября, Минск

Page 2: Выбор метода UX исследования - UXPeople 2013

Наталия Спрогис, Руководитель направления UX-исследований в Mail.Ru Group Занимаюсь пользовательскими исследованиями более 5 лет

Page 3: Выбор метода UX исследования - UXPeople 2013

Сегодня мы поговорим про UX исследования

Картинка Ben Aslett

Page 4: Выбор метода UX исследования - UXPeople 2013

UX лаборатория Mail.Ru

Page 5: Выбор метода UX исследования - UXPeople 2013

Схема с witflow.com

Методов очень много

Page 6: Выбор метода UX исследования - UXPeople 2013

Как во всем этом разобраться?

Page 7: Выбор метода UX исследования - UXPeople 2013

Давайте посмотрим на примеры

Page 8: Выбор метода UX исследования - UXPeople 2013

Одноклассники: как сделать так, чтобы больше дарили подарков?

1

Page 9: Выбор метода UX исследования - UXPeople 2013

С теми, кто не дарит подарки: • Мини-интервью • Юзабилити-тестирование • Дополнительно: eye

tracking

Page 10: Выбор метода UX исследования - UXPeople 2013

Выявили «барьеры»

Page 11: Выбор метода UX исследования - UXPeople 2013

7 из 12 не смогли подарить подарок

Page 12: Выбор метода UX исследования - UXPeople 2013

Критичные проблемы в форме оплаты

Page 13: Выбор метода UX исследования - UXPeople 2013

Важные проблемы: • Не видят разные способы оплаты

(используют самый невыгодный) • Не понимают, сколько заплатят • Не заканчивают процесс отправки

подарка

Page 14: Выбор метода UX исследования - UXPeople 2013

Не понимают, сколько заплатят

Page 15: Выбор метода UX исследования - UXPeople 2013

Не понимают, сколько заплатят

• «Я почему-то подумал всё равно, что

эта сумма будет у меня 20 рублей. Я

подумал, что это [зачёркнутые 35]

относится и к телефону».

• «В окошечке было 35 зачёркнуто и 20

рублей написано, а почему-то пришло

30 [в SMS]»

Page 16: Выбор метода UX исследования - UXPeople 2013

Не видят ссылку на другие методы оплаты Оплата через телефон менее выгодна

Page 17: Выбор метода UX исследования - UXPeople 2013

Заказ подтвержден, значит подарок отправлен

Page 18: Выбор метода UX исследования - UXPeople 2013

Заказ подтвержден, значит подарок отправлен

Page 19: Выбор метода UX исследования - UXPeople 2013

Не нажимают «Подарить»

Page 20: Выбор метода UX исследования - UXPeople 2013

Не нажимают «Подарить»

• «[В какой момент вы решили, что подарок

вы подарили?] — Ну, как написано "заказ

обработан", значит все. Да и он тут уже на

аватарке» виден»

• «[Вы подарили подарок?] — Да. Он же вот

здесь на картинке появился».

• «Черт его знает, ушел [подарок] или нет.

<…> Я ему подарил или не подарил? Не

понимаю».

Page 21: Выбор метода UX исследования - UXPeople 2013

Итог: Полностью переделать платежку

Page 22: Выбор метода UX исследования - UXPeople 2013

И снова протестировать

Page 23: Выбор метода UX исследования - UXPeople 2013

Новая платежка

Page 24: Выбор метода UX исследования - UXPeople 2013

Добавили микрокредиты

Page 25: Выбор метода UX исследования - UXPeople 2013

Переделали страницу оплаты через терминал

Page 26: Выбор метода UX исследования - UXPeople 2013

Переделали страницу оплаты через терминал

Page 27: Выбор метода UX исследования - UXPeople 2013

Добавили подсказки, убрали ввод имени

Page 28: Выбор метода UX исследования - UXPeople 2013
Page 29: Выбор метода UX исследования - UXPeople 2013

Мой Мир: Как найти проблемы в дизайне на ранней стадии? 2

Page 30: Выбор метода UX исследования - UXPeople 2013

• Тестирование прототипа

• Сначала тест на коллегах • Итеративное исправление

проблем • Вовлеченность менеджера

и дизайнера

Page 31: Выбор метода UX исследования - UXPeople 2013

Привлечение коллег

Page 32: Выбор метода UX исследования - UXPeople 2013

Прототип открывали в браузере

Кликабельный прототип создан дизайнером проекта в Fireworks, открывали в режиме FullScreen в браузере

Page 33: Выбор метода UX исследования - UXPeople 2013

По ходу исправили: • Явные баги (например, забытая

кнопка добавления фото) • Разобрались с непонятными

иконками • Добавили подсказок

Page 34: Выбор метода UX исследования - UXPeople 2013

Спорная иконка

Page 35: Выбор метода UX исследования - UXPeople 2013

Подсказки

Page 36: Выбор метода UX исследования - UXPeople 2013

Расположение блоков

Page 37: Выбор метода UX исследования - UXPeople 2013

Рабочий документ вместо отчета

Page 38: Выбор метода UX исследования - UXPeople 2013

Новости@Mail.Ru: как протестировать сайт без четких задач? 3

Page 39: Выбор метода UX исследования - UXPeople 2013

• Взяли «наших» и «не наших»

• Свободное использование сайта, а не задачи

• Наблюдение • Неоценим eye tracking

Page 40: Выбор метода UX исследования - UXPeople 2013

Разные типы потребления контента

Page 41: Выбор метода UX исследования - UXPeople 2013

0 2 4 6 8 10 12

Организация информации на …

Поиск новостей по интересующей …

Удобство интерфейса

Актуальность новостей

Дизайн

Читаемость текстов статей

Качество статей

Количество новостей

Качество фотоматериалов

Оценка сайта "Новости@Mail.Ru"

Очень плохо Плохо Нормально Хорошо Отлично

Page 42: Выбор метода UX исследования - UXPeople 2013

Браузер Амиго: Как протестировать продукт, который пользователи не замечают?

4

Page 43: Выбор метода UX исследования - UXPeople 2013

• Тест «первого знакомства» в лаборатории

• Дневниковые исследования в течение недели

Page 44: Выбор метода UX исследования - UXPeople 2013

Дневники

Page 45: Выбор метода UX исследования - UXPeople 2013

Технические особенности

Page 46: Выбор метода UX исследования - UXPeople 2013

Анализ

Page 47: Выбор метода UX исследования - UXPeople 2013

MyChat: Как получить максимум данных из мобильного исследования?

5

Page 48: Выбор метода UX исследования - UXPeople 2013

• Детальный тест с eye-tracking в лаборатории

• Контекстные исследования в офисе

Page 49: Выбор метода UX исследования - UXPeople 2013

Tobii Mobile device stand Tobii Mobile Device Stand

Page 50: Выбор метода UX исследования - UXPeople 2013

Наглядное подтверждение: Респондент не читает описание раздела «Пригласить друзей» и путает его со списком контактов.

Искомая кнопка

Page 51: Выбор метода UX исследования - UXPeople 2013

А как же контекст?

Page 52: Выбор метода UX исследования - UXPeople 2013

GoPro

Page 53: Выбор метода UX исследования - UXPeople 2013

• Тест базовых сценариев (15 минут) • Прогулка по офису — имитируем

естественный контекст • Естественные отвлечения (шум,

лифты, сотрудники) • Модератор с респондентом,

помощник в другом месте

Что мы делали

Page 54: Выбор метода UX исследования - UXPeople 2013

Со стороны

Page 55: Выбор метода UX исследования - UXPeople 2013

Естественные ограничения: С соком телефон пришлось держать одной рукой

Page 56: Выбор метода UX исследования - UXPeople 2013

«Живые задания»

Page 57: Выбор метода UX исследования - UXPeople 2013

Проблемы со связью Как отреагирует пользователь на это? В следующий раз будем отключать Wi-fi на тесте

Page 58: Выбор метода UX исследования - UXPeople 2013

• Отличное дополнение к лабораторным тестам

• Более естественная обстановка • Короткие тесты 5-15 минут • Только базовые сценарии • Хорошая проверка доступности

элементов интерфейса

Выводы

Page 59: Выбор метода UX исследования - UXPeople 2013

Рекомендации

Page 60: Выбор метода UX исследования - UXPeople 2013

Не работайте вслепую

Page 61: Выбор метода UX исследования - UXPeople 2013

Вовлечение команды

Page 62: Выбор метода UX исследования - UXPeople 2013

Подбор аудитории

Page 63: Выбор метода UX исследования - UXPeople 2013

Правильные выводы

Page 64: Выбор метода UX исследования - UXPeople 2013

Соответствие темпам проекта

Page 65: Выбор метода UX исследования - UXPeople 2013

Спасибо!

Наталия Спрогис

[email protected]

[email protected]