2. ⎼ Внутри отчета 1. ОПИСАНИЕ ИССЛЕДОВАНИЯ - Что было сделано
- Введение
- Цели и предмет исследования
- Метод и участники
2. РЕЗУЛЬТАТЫ - Что выяснилось
- Основные выводы и рекомендации
- Пути пользователей
- Примеры
3. РЕКОМЕНДАЦИИ - Что можно улучшить
- Возможные дальнейшие шаги
Содержание отчета:
2
4. Оценить мобильную
версию сервиса Mofy.life,
чтобы сделать ее удобнее
для целевых
пользователей
Mofy.life - новый украинский онлайн сервис, позволяющий
самостоятельно создавать и мгновенно отправлять в печать
фото-продукты: фотобуки, фотожурналы, магниты, картины.
Главными ценностными предложениями Mofy.life являются
скорость и простота создания фото-продукта.
Введение
4
5. Что исследовали:
удобство, простоту и скорость пользования
сервисом Mofy.life, для новых клиентов, без
предварительных технических знаний во
время заказа фотобука.
Цели и предмет исследования
⎼ Цели
● Идентифицировать проблемы в дизайне продукта
● Определить возможности для улучшения
● Изучить поведение и предпочтения целевого
пользователя
Исследование будет полезно, чтобы:
● повысить показатели конверсии, возврата
пользователей в ходе взаимодействия с сайтом и
снизить churn-rates
● определить UX-блокеры и найти способы быстрого
улучшения.
● скорректировать и дополнить product roadmap
● дополнить стратегию коммуникации с
пользователями через интерфейс и основные
используемые каналы
5
6. Метод исследования и участники
Критерии участников, использованные
при рекрутинге:
❖ женщины 25-35 лет,
❖ ранее не пользовались Mofy.life,
❖ без опыта работы в IT, без специальных знаний
в технологиях.
❖ желательно наличие ребенка.
Немодерируемое юзабилити тестирование с поставленной
задачей для мобильной версии сервиса.
Задача участника: заказать фотокнигу
+ План исследования
Индивидуальное ненаправленное
тестирование пользователей.
5 участников
6
7. 5 интервью с участницами из Харькова и Киева
Характеристики участников
Оксана
Дизайнер мебели,
Киев
32 года, 2 детей
Доход $$$
Использовала
фотосервис, когда
жила в Америке
Евгения
Историк,
Киев
35 лет, 1 ребенок
Доход $$
Никогда не
использовала
фотосервис
Анастасия
Преподаватель
вокала, Харьков
28 лет, 1 ребенок
Доход $
Никогда не
использовала
фотосервис
Анастасия
Организатор
мероприятий, Харьков
33 года, нет детей
Доход $
Не использовала
фотосервис, но много
заказывала печать по
работе
Маргарита
Менеджер в сфере
химии, Киев
32 года, 1 ребенок
Доход $$$
Не использовала
фотосервис,
но заказывала
фотокниги у дизайнера
7
9. 4 из 5 участниц положительно оценили сервис
Общие впечатления участниц
Оксана
3 из 10
Очень не удобно.
Возможно потому
что с телефона.
Евгения
6 из 10
Я не думала, что
такое бывает.
Интересно. Но не
все понятно сразу
Анастасия
6 из 10
Кое-что не сложно,
но так всегда. Мне
надо выделить на
это время, чтобы
разобраться
Анастасия
8 из 10
Это классно, что
можно самой все
делать. Не хватает
видео или подсказок,
чата поддержки.
Маргарита
7 из 10
Я думаю, я что-то
попробую заказать.
Жалко, что инстаграм
не весь загрузился.
Вообще нравится.
6 из 10
Средняя оценка
9
10. Ключевые инсайты 1
Основные выводы
тема возможности
Регистрация
1. вводить код из смс вручную не очень удобно
2. не хочется сразу делиться личным номером телефона
добавить авто-заполнение
кода из смс
инстайт
Выбор типа
продукта
1. трудности при выборе продукта на основании описания.
2. не понятно, что предлагает этот сервис, до начала работы
с конструктором
дополнить описание
продуктов на home
характеристиками и
отличиями
уточнить тексты на home,
возможно добавить демо-
видео
подчеркнуть в интерфейсе
возможность сделать заказ
без регистрации
охват
10
11. Ключевые инсайты 2
Основные выводы
тема возможности
Навигация
отделить режимы работы
во время создания макета
цветом или символами,
сделать элементы
навигации заметнее,
добавить подсказки,
протестировать дизайн на
мобильных устройствах
инстайт
трудности, во время работы с макетом: пользователь не
понимает в каком режиме он находятся, не заметны элементы
навигации, кнопки в футере уходят за границы экрана.
охват
UX тексты во время работы с сервисом в украинской версии
пользователь замечает тексты на русском и английском
языках.
унифицировать язык
интерфейса для русской и
украинской версий
11
12. Ключевые инсайты 3
Основные выводы
тема возможности
Интеграция
Инстаграм
позволить пользователю
заходить без ввода логина
и пароля если на телефоне
уже активно приложение.
инстайт
Отбор
фотографий
предложить выбрать N
фото заранее,
с рекомендациями
по цвету и качеству.
1. нужно вводить логин и пароль инстраграм, которые надо
вспомнить. После введения логина и пароля, браузер переводит
в инстаграм, уводя из макета. Чтобы попасть снова в макет,
нужно выбрать загрузку из Инстаграм еще раз.
2. в конструкторе отображаются только несколько последних
фото из Инстаграм.
охват
трудности при загрузке фотографий из галереи (не понятно
сколько фото нужно выбрать, загрузка происходит слишком
медленно), участницы путались, многократно возвращаясь от
конструктора макета к загрузке и обратно.
отображать все фото
пользовательского
Инстаграм
12
13. Ключевые инсайты 4
Основные выводы
тема возможности
Отбор
фотографий
сделать доступ к выбору
фотографий из галереи
таким же быстрым, как
доступ к файлам через
browse
инстайт
Финализация
макета
сократить и упростить
текст надписи, заменить
на кликабельное
уведомление.
галерея фотографий телефона не загружается или загружается
слишком медленно. Работает только окно Browse, которое
открывает все файлы телефона.
охват
Исчезновение НЕ из надписи “похоже на то что вы НЕ
проверили…”, в надписи “похоже вы проверили..” не заметна.
Длинная предупредительная надпись в 4 строки, которая не
уходит смущает пользователя.
13
14. Ключевые инсайты 5
Основные выводы
тема возможности
Форма заказа
оставить только
необходимые поля,
упростить заполнение
данными из ранее
введенных
инстайт
1. необходимость строчки Отчество вызывает вопросы у
пользователя, телефон автоматически не заполняется в форме,
не смотря на то, что пользователь уже вводил телефон вначале.
2.выпадающий список и плюс рядом с надписью “Выбрать адрес
доставки” путают. Плюс плохо узнается как элемент для выбора
адреса.
3. не работает автопоиск отделений НП, приходится листать весь
список вручную.
охват
дать надписи функции
плюса (выпадающие
варианты по клику)
добавить автопоиск
при заполнении
14
15. “ЧЕМ ОТЛИЧАЮТСЯ
ПРОДУКТЫ?”*
Описания продуктов не дают
представления о них для
новичка
“НЕ ХОЧУ ОСТАВЛЯТЬ
НОМЕР, ПОКА НЕ УВЕРЕНА
ЧТО ХОЧУ ЗАКАЗАТЬ”
Возможность использования
сервиса без регистрации не
очевидна в дизайне
“КУДА ВСЕ ОПЯТЬ
ПРОПАЛО?”
Новый пользователь
теряется между режимами и
шагами внутри конструктора
“Я НЕ ПОМНЮ
ПАРОЛЬ ОТ
ИНСТАГРАМ”
Дополнительные шаги
раздражают
пользователя
Обнаруженные трудности на пути пользователя
Пути пользователей
“А КАК ДОБАВИТЬ
НАДПИСЬ НА
ОБЛОЖКЕ?”
💡 Добавить яркие
элементы навигации
и подсказки
“У МЕНЯ ОТДЕЛЕНИЕ №108,
КАК ДО НЕГО ДОЛИСТАТЬ?!”
💡 Упростить задачу заказа,
через автозаполнение форм и
поиск при вводе
* Цитаты участниц тестирования
15
16. Примеры
Быстрый просмотр фотогалереи телефона
внутри сервиса
❌ Фотографии галереи не загружаются- Пользователи используют
кнопку Browse, но она открывает медиахранилище телефона, что не очень
удобно и усложняет выбор фото.
✔ Good experience - No issue found. Users are able to complete achieve their
goals with no issues or express liking something specifically.
→ Any suggestions to take this positive experience to the next level or replicate
in other moments of interaction.
16
17. Примеры
Похожие длинные надписи
выглядят для пользователя
одинаковыми
✔ Простые и заметные элементы навигации
удобнее текста - кликабельные элементы,
состояние которых меняется от действий
пользователя, дадут ему/ей ощущение контроля
и уверенности.
17
19. Рекомендации
Что можно улучшить
Больше автозаполнений и меньше шагов - автоматически
подставлять код при регистрации, номер телефона, логин инстаграмм,
использовать автозаполнение для всех данных, которые уже доступны
системе, освобождая пользователя от дополнительных действий.
01
Простые тексты, больше кликабельных элементов -
унифицировать язык текста для русской и украинской версий,
сократить количество слов в текстах-подсказках.
02
Сопровождать и поддерживать пользователя во время создания
макета - возможно, разделить создание макета на логические этапы и
выделить каждый этап отдельной темой. Предложить посмотреть
демо ролик. Сделать элементы навигации заметнее.
03
Представить сервис и продукты - помочь новому пользователю выбрать
среди продуктов, добавив описание, отличия, подсказки.
Переформулировать описание ценностного предложения сервиса, чтобы
новички быстрее понимали, что предлагает сайт.
04
19
20. Если у вас возникнут вопросы,
пожалуйста, пишите
daria@freedo.club
+380682455604 @dariroli
Это пока все!
Спасибо
20