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

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

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

3. Сегодня мы
поговорим про
UX исследования
Картинка Ben Aslett

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

5. Методов очень много
Схема с witflow.com

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

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

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

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

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

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

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

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

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

15. Не понимают, сколько заплатят
• «Я почему-то подумал всё равно, что
эта сумма будет у меня 20 рублей. Я
подумал, что это [зачёркнутые 35]
относится и к телефону».
• «В окошечке было 35 зачёркнуто и 20
рублей написано, а почему-то пришло
30 [в SMS]»

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

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

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

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

20. Не нажимают «Подарить»
• «[В какой момент вы решили, что подарок
вы подарили?] — Ну, как написано "заказ
обработан", значит все. Да и он тут уже на
аватарке» виден»
• «[Вы подарили подарок?] — Да. Он же вот
здесь на картинке появился».
• «Черт его знает, ушел [подарок] или нет.
<…> Я ему подарил или не подарил? Не
понимаю».

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

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

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

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

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

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

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

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

30. • Тестирование прототипа
• Сначала тест на коллегах
• Итеративное исправление
проблем
• Вовлеченность менеджера
и дизайнера

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

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

33. По ходу исправили:
• Явные баги (например, забытая
кнопка добавления фото)
• Разобрались с непонятными
иконками
• Добавили подсказок

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

35. Подсказки

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

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

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

39. • Взяли «наших» и «не
наших»
• Свободное использование
сайта, а не задачи
• Наблюдение
• Неоценим eye tracking

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

41. Оценка сайта "Новости@Mail.Ru"
Качество фотоматериалов
Количество новостей
Качество статей
Читаемость текстов статей
Дизайн
Актуальность новостей
Удобство интерфейса
Поиск новостей по интересующей…
Организация информации на…
0
Очень плохо
Плохо
2
Нормально
4
6
Хорошо
8
10
Отлично
12

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

43. • Тест «первого знакомства»
в лаборатории
• Дневниковые
исследования в течение
недели

44. Дневники

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

46. Анализ

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

48. • Детальный тест с eyetracking в лаборатории
• Контекстные исследования
в офисе

49. Tobii Mobile device Stand
stand
Tobii Mobile Device

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

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

52. GoPro

53. Что мы делали
• Тест базовых сценариев (15 минут)
• Прогулка по офису — имитируем
естественный контекст
• Естественные отвлечения (шум,
лифты, сотрудники)
• Модератор с респондентом,
помощник в другом месте

54. Со стороны

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

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

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

58. Выводы
• Отличное дополнение к
лабораторным тестам
• Более естественная обстановка
• Короткие тесты 5-15 минут
• Только базовые сценарии
• Хорошая проверка доступности
элементов интерфейса

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

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

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

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

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

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

65. Спасибо!
Наталия Спрогис
n.sprogis@gmail.com
n.sprogis@corp.mail.ru