UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Процесс редизайна мобильного приложения Fitbit
Редакція
Редакція

Опубліковано • Оновлено

Процесс редизайна мобильного приложения Fitbit

UX в основе которого привычка делать упражнения

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

  1. Фанаты фитнеса, занимающиеся весь день, каждый день;
  2. Лентяи, чья прогулка от двери дома до машины может быть пределом их упражнений за весь день;
  3. Люди, находящиеся между двумя предыдущими группами, которые хотят быть в форме и быть здоровыми, но нуждаются в мотивации (пинке под зад), чтобы пойти в спортзал.

Я, наряду с большинством людей, которых я знаю, отношусь к третьему типу людей. Нас называют основными потребителями рынка фитнес-трекеров – рынка стоимостью в несколько миллиардов долларов. За эти годы, я попробовала несколько фитнес-трекеров и на данный момент я без ума от Fitbit. Это замечательный трекер и он мотивирует меня быть более активной, но я обнаружила несколько проблем, когда пользовалась их iOS приложением. Поэтому я решила надеть свою шляпу UX-дизайнера и рискнуть посмотреть сталкивался ли с аналогичными проблемами кто-то еще, и узнать могу ли я внести какие-либо улучшения в это приложение.

Мой дизайн процесс

Я решила последовать процессу ориентированного на человека дизайна IDEO и Lean UX Design Thinking, чтобы убедиться, что мои дизайнерские решения были поддержаны исследованиями пользователей и их отзывами.

Персонаж

Для начала, я создала условный персонаж потенциального пользователя Fitbit, основываясь на онлайн-исследовании и моем понимании людей, которые, как я знаю пользуются Fitbit. Этот персонаж не был создан только на основе исследований или допущений, но я постоянно ориентировалась на то, чтобы весь мой проект формировал мои дизайнерские решения и приоритеты. Персонаж

Метод Job Stories

Я использовала фреймворк Jobs To Be Done, чтобы изучить различные контексты, в которых пользователи будут использовать Fitbit и чтобы понять их мотивацию и желаемый результат. Я создала следующие job stories на основании интервью с несколькими пользователями Fitbit: Ситуация Мотивация Результат

  1. Когда я узнаю, что мои друзья пользуются Fitbit и собираются вместе пойти в спортзал, я хочу присоединиться к ним, чтобы я смогла провести время со своими друзьями и чувствовать связь через общий интерес.
  2. Когда наступает Новый год, и я выпила и съела слишком много за праздники, и две недели не тренировалась. Я хочу дать себе новогоднее обещание заниматься три раза в неделю, чтобы я вела здоровый образ жизни и чувствовала себя хорошо.
  3. С приближением лета, я хочу потерять пару кило, чтобы я хорошо смотрелась в бикини.

Guerrilla юзабилити тест

Основываясь на job stories и моем понимании ключевых функций приложения Fitbit, я разработала несколько сценариев с серией заданий, таких как:

  • Вчера в тренажерном зале вы делали упражнение для груди и рук, но вы забыли записать упражнение в Fitbit, а оно не отслеживалось автоматически. Теперь вы хотите добавить запись в приложение Fitbit. Что вы будете делать?
  • Сейчас вы собираетесь на пешую прогулку. Как бы вы записали эту прогулку?
  • Ваш друг Шерман также использует Fitbit, и вы хотите мотивировать друг друга, чтобы быть более активными на следующей неделе, создав соревнование. Что вы будете делать?

Теперь самое интересное. Каков лучший способ получить быстрые и бесплатные результаты теста на удобство использования, кроме как провести Guerilla юзабилити тест?

Guerilla юзабилити тест “это искусство набрасываться на одиноких людей в кафе и общественных местах, быстро снимать их, пока они пару минут пользуются веб-сайтом.”Мартин Белам

Вот план игры:

  1. Подходите с партнером к незнакомым людям в торговом центре.
  2. Объясните им, что вы работаете над проектом и попросите 10-15 минут их времени.
  3. Дайте им несколько сценариев с заданиями, которые нужно выполнить в вашем приложении.
  4. Ваш партнер снимает видео как они используют приложение (только дисплей телефона, а не их лица, и обязательно сначала спросите у них разрешение!).
  5. Много улыбайтесь и побуждайте их думать вслух.
  6. Потратьте больше времени, чем они рассчитывали, и искренне поблагодарите их за помощь.

С этим планом, я направилась в Вестфилд Сан-Франциско Центр, чтобы подходить к покупателям, выходящим из магазинов йоги и спортивных брендов. Я установила, что они, по крайней мере, тренируются один раз в неделю. В конце концов, я провела тестовые задания с пятью людьми. Вот расклад их знакомства с фитнес-трекерами. Fitbit: Характерный пример UX дизайна, фото - 3

Определение и установление приоритетов проблемных вопросов

На следующий день я просмотрела записи тестов и записала проблемный вопрос каждого пользователя на сайте Post-It. Затем я использовала сходство проблемных вопросов, чтобы сгруппировать их по категориям на доске. Fitbit: Характерный пример UX дизайна, фото - 4 Категории проблемных вопросов на доске, каждый цвет представляет пользователя Затем я определила приоритетность каждого проблемного вопроса в зависимости от их важности для пользователя и для Fitbit. Мои предположения о важности проблем для пользователей были основаны на разговорах с существующими и потенциальными пользователями приложения. Мои предположения о важности для Fitbit были основаны на моем анализе их маркетинговых материалов и веб-сайта. Отслеживание, протоколирование и редактирование упражнения были основными функциями продукта, а возможность бросить вызов другу была ключевой особенностью, которая сделала Fitbit выгодно отличающимся, как социальное фитнес-приложение. Fitbit: Характерный пример UX дизайна, фото - 5 Определение приоритетности проблемных вопросов на 2x2 матрице

Определение проблемы

Я решила найти решение для четырех проблемных вопросов, которые одинаково важны для пользователей и для Fitbit. Ниже я подробно разобрала проблемные вопросы.

Проблемный вопрос 1: Сложности нахождения функций отслеживания и протоколирования упражнения

В приложении есть две точки входа для отслеживания или протоколирования упражнения: посредством плавающей кнопки на странице панели и на странице упражнения, но у обеих точек входа есть проблемы с простотой обнаружения. Fitbit: Характерный пример UX дизайна, фото - 6

Проблемный вопрос 2: Пользователи испытывали трудности с поиском соответствующего типа упражнений для протоколирования

Fitbit имеет большую базу данных из более чем 100 упражнений, которые пользователи могут использовать для протоколирования упражнений (и только 19 упражнений для отслеживания). Но приложение не отображает список всех упражнений (по-видимому, из-за того, что это слишком длинный и большой список). Когда пользователь пытается запротоколировать новое упражнение, он может воспользоваться только кнопкой поиска. Это создает проблему, когда упражнение, которое он пытается найти, не соответствует точному названию упражнения в базе данных Fitbit. Для теста на удобство использования было предложено запротоколировать тренировку в спортзале с упражнениями для груди и рук. Пользователь не смог найти подходящий результат, выполнив поиск по словам: “грудь”, “тренировка”, “руки” или “спортзал”. Наиболее подходящий тип упражнения в базе данных – штанга, но это неизвестно пользователю. Fitbit: Характерный пример UX дизайна, фото - 7

Проблемный вопрос 3: Пользователи не могли редактировать записи упражнений, кроме изменения их типа

Есть четыре различных способа записи упражнения в приложение Fitbit. Я провела дальнейшее исследование, посетив форум Fitbit по обслуживанию клиентов и провела интервью с пользователями, чтобы узнать больше о том, как записать упражнение. Fitbit: Характерный пример UX дизайна, фото - 8 Интервью с пользователями показали, что сохранение точности записи упражнений важно для них, поскольку мотивирует их к достижению своих фитнес целей. В настоящее время пользователь может изменять тип упражнения только после его записи. Возможность редактирования времени начала и продолжительности упражнения одинаково важна, поскольку пользователь может забыть вовремя начать или остановить запись. А авто-определение в трекере, хотя и полезно, не всегда точно. Это приводит к завышению времени выполнения упражнения, что может разочаровать и расстроить пользователя. Fitbit: Характерный пример UX дизайна, фото - 9

Проблемный вопрос 4: У пользователей возникли проблемы с поиском способа бросить вызов другу

Возможности бросить вызов друзьям – одна из тех выдающихся особенностей, которые сделали Fitbit таким социально популярным, с самого начала его появления. В настоящее время, чтобы бросить вызов, пользователь должен перейти на вкладку “Вызовы”, выбрать вызов, а затем выбрать друга (друзей), чтобы соревноваться с ним. Во время теста на простоту использования приложения 3 из 5 пользователей пытались найти на странице друга способ бросить ему вызов и были расстроены, когда не нашли такую функцию. Это показало, что для пользователя, который уже подумал о том, что он хочет соревноваться с другом, текущий процесс не соответствовал его модели мышления. Пользователи ожидали, что смогут выполнять социальные действия (включая соревнование с другом) на странице друга. Fitbit: Характерный пример UX дизайна, фото - 10 Это текущий процесс создания соревнования с другом

Алгоритм выполнения задач

Я также создала алгоритм выполнения задач, чтобы показать процесс пользователю, который хочет точно записать свои упражнения в приложении Fitbit. Выделенные области представляют первые 3 проблемных вопроса, которые я буду решать в своих дизайнерских решениях. Fitbit: Характерный пример UX дизайна, фото - 10

Формирование решения

Я придумала несколько потенциальных решений для каждого из проблемных вопросов и сделала несколько грубых прототипов пользовательского интерфейса. Fitbit: Характерный пример UX дизайна, фото - 13 Я сделала предварительную проверку на низко детализированных прототипах интерфейса и использовала отзывы для улучшения прототипов, и уточнения моих решений для высокоточных макетов.

Прототипирование и проверка

Я запустила Sketch, чтобы создать высокоточные макеты моих решений, и использовала Marvel для создания кликабельного прототипа. Я протестировала прототип с 5 новыми людьми. Результаты, полученные в результате проверочного теста, заставили меня повторить итерацию одного из экранов. Ниже приведены высокоточные макеты моих окончательных решений, включая результаты пользовательского тестирования до и после внедрения моих дизайнерских решений.

Проблемный вопрос 1: Сложности нахождения функций отслеживания и протоколирования упражнения в приложении Fitbit

Дизайн решение: Сделать две точки входа на панели инструментов и странице упражнений более удобными для обнаружения и сделать выбор между отслеживанием и протоколированием упражнения более очевидным. Fitbit: Характерный пример UX дизайна, фото - 13

Проблемный вопрос 2: Пользователи испытывали трудности с поиском соответствующего типа упражнений для протоколирования

Дизайн решение: Добавить возможность пользователям просматривать все виды упражнений. Fitbit: Характерный пример UX дизайна, фото - 14

Проблемный вопрос 3: Пользователи не могли редактировать записи упражнений, кроме изменения их типа

Дизайн решение: Позволить пользователю редактировать время начала и продолжительности упражнения. Fitbit: Характерный пример UX дизайна, фото - 15

Проблемный вопрос 4: У пользователей возникли проблемы с поиском способа бросить вызов другу

Дизайн решение: Позволить пользователю бросать вызов другу на странице друга. Fitbit: Характерный пример UX дизайна, фото - 16 Вот краткий обзор результатов моих изменений дизайна. Fitbit: Характерный пример UX дизайна, фото - 17 Вы также можете посмотреть мой прототип здесь.

Выводы

Fitbit – отличный продукт с важной миссией заставить людей двигаться. Чтобы достичь этого, перед ним стоит одна из самых больших проблем – изменение привычки человека. Он содержит множество функциональных инструментов, направленных на это. Например, установка личных целей, отслеживание и протоколирование упражнений и социальные фитнес соревнования. Но изменение привычки – процесс болезненный, поэтому очень важно сделать его максимально легким, чтобы пользователь мог спокойно использовать эти инструменты. И иногда такие незначительные изменения, как увеличение кнопки или изменение иконки, могут изменить ситуацию к лучшему. Примечание: Я никоим образом не связана с Fitbit. Я сделала это UX кейс, потому что я продакт-дизайнер, который любит решать проблемы и Fitbit – один из моих любимых продуктов. Я сделала это редизайн в феврале до того, как 22 марта вышло последнее обновление Fitbit для iOS, которое решило проблемный вопрос 3. Спасибо, что прочитали статью! Если вы хотите сотрудничать, поговорить о дизайне продукции или просто хотите написать “Привет” напишите мне на stacey.ly.wang@gmail.com или свяжитесь посредством LinkedIn.


Перевод статьи Stacey Wang

Найновіші коментарі (0)