MVP сервиса «НАЙДИ ТРЕНЕРА ЗА 10 МИНУТ»
Привет! Ксения, UX-дизайнер. Новенькая в этой сфере, сегодня выпуск с курса (Tilda.School, UX-дизайн от Дэна Потапова и Алекса Волошина), но мне уже есть что показать.
UX-исследование и прототип MVP для веб-сервиса по поиску тренера. Переполненных тех.информацией статей хватает, рассказываю про свой опыт в легком формате. Делюсь открытиями, изменившими мой взгляд на дизайнерскую реальность.
Настает день, когда понимаешь «просто рисовать картинки уже не годится, нужно подключать анализ на полную, пора по-взрослому».
Итогом такого озарения стало обучение на курсе по UX-дизайну. Вести клиента долго, поддерживать проект, вкладываться в его развитие по-настоящему непросто. Это не нарисовал, сдал, побежал в следующий проект. Большая ответственность. Но и удовлетворение от работы совершенно на другом уровне.
За шесть недель плотного обучения и непрерывной практики вместе с текущими заказами я вела разработку MVP сервиса. В планах полноценно отрисовать итог и предложить его потенциальным покупателям. Но пока к началу работы и первому озарению.
1. Что нужно бизнесу?
Открытие №1 — сбор и анализ информации с последующей проработкой занимают времени в разы больше, чем сам дизайн.
Я и раньше смотрела целевую, работала с референсами в тематической нише, но не в таком ключе и ни разу так глубоко. Если с конечной целью бизнеса — заработком и ростом — все ясно, то с потребностями чуть сложнее. Здесь смешаны имидж компании, качество, простота и доступность услуги, ее перспективность, адекватность запросам клиента, уменьшение затрат на обслуживание и многое другое. Задалась главным вопросом:
— Каким должен быть интерфейс, чтобы в нем было всё и больше, чем все для конкретной ЦА?
— Построенным на анализе.
20+ часов
на сбор и обработку информации
Я за простые инструменты, с которыми удобно. Без оглядки на то, как это делают другие. Каждый знает, как он может выдать лучший результат. Поэтому вначале универсальный гугл-док для сбора первой информации по проекту плюс инструменты:
- План работы в Трелло
- Анкета с закрытыми и открытыми вопросами
- Живые интервью
- Поиск информации в тематических группах
- Детальный анализ веб-сервисов и приложений конкурентов
- Статьи по теме
Анкета. Опрошено более 70 человек, 61 через анкету, По опыту знаю, что людям важно уточнить, сколько потребуется времени на ответы и что они за это получат. Подготовила заранее трекеры, разместила на гугл-диске. Быстро, удобно, вызывает лучший отклик, нежели простая анкета.
Живые опросы. Требуют другого подхода. Важно не договаривать за респондента, вызвать первыми (не всегда релевантными цели диалога) вопросами рефлексию, которая отлично стимулирует память. Стоит задавать конкретные вопросы, т.е. не «как вы обычно…?», а «вспомните, когда в последний раз… что вы в том случае…?». Можно добавлять вопросу по ходу в зависимости от ответов, углубляться, уточнять. Работает безотказно.
Просто составить опрос мало. У него тоже есть первая версия и последующие. Нащупать некоторые важные ниточки можно только в процессе. Как, например, в случае с аккаунтами в соцсетях. Казалось, сегодня это архиважно. Но оказалось, что многие не хотят грузить ленту еще одним человеком, вникать дополнительно. Им нужно максимум четкой информации, сжатой до минимума. Тут и сразу. Посмотрите на неоднозначность ответов в четвертом вопросе.
После детального изучения ответов и ТОЛЬКО после него перешла к анализу решений более чем десятка аналогичных веб-сервисов и мобильных-приложений. Сопоставляем глас народа и уже живые решения.
У каждого референса выявлены сильные и слабые стороны. Не ради плагиата, а чтобы сверить ответы ЦА и интерфейсы, которые сейчас эти запросы пытаются закрыть. Масса инсайтов, которые тут же фиксируются со ссылками на источник и скринами.
ИНСАЙТ
По итогу опроса получила с одной стороны ожидаемый — все мы в соцсетях и это понимаем, — а с другой стороны удивительный в разрезе создаваемого MVP инсайт.
«Тренд на личный бренд теперь везде. Клиентам важна речь и манера общения человека не меньше, чем его дипломы и достижения.
Каждый клиент ищет свой тип тренера, но знаменатель один: клиент не станет тренироваться с тем, кто ему ментально даже минимально не отзывается. Раньше люди терпели любого тренера за его заслуги и опыт. Теперь же это 50/50. Поэтому целесообразно решать задачи приложения, ориентируясь на потребность людей в тренере не только как в спортсмене, но и как в человеке, с которым комфортно почти как с персональным психологом»
Понимаю, что пора формулировать суть продукта.
«Бесплатный для пользователя сервис, на котором он за минимум кликов и без перехода на новые страницы сможет выбрать профи под себя, познакомившись с ним как с личностью, сохранить фаворитов, вернуться к ним и сравнить, назначить тренировку и в итоге оставить отзыв, а затем продолжить контактировать с разными тренерами и совмещать направления».
При этом юзеры должны иметь возможность:
- понять сходу, как работает сервис, без объяснений;
- обратиться к визуальной подсказке в крайнем случае;
- легко фильтровать всех специалистов, даже если их пять сотен;
- легко просматривать неперегруженную карточку тренера;
- молниеносно выносить решение о его соответствии своему запросу;
- знакомиться с личностью тренера;
- выбирать дату первой тренировки;
- выбирать удобный способ связи;
- сохранять и сортировать фаворитов;
- отмечать понравившихся тренеров после очной ставки;
- извещать сервис о проблемах и получать обратную связь.
2. Кто такой наш юзер?
Открытие №2 — стоит проходить любые качественные междисциплинарные обучения, когда они врываются в твои телеграм-каналы или рассылки.
Особенно если они бесплатны. Так было с курсом по Jobs to be done от ТильдаСкул, который я слушала задолго до шага в UX. Просто было интересно, но в итоге очень пригодилось при создании портрета пользователя. Потому что для сервиса по подбору тренера можно нарисовать два десятка профилей, и останется еще больше неучтенных. А значит, тут нужен иной подход и J2BD здесь — идеален. Ориентируемся на задачу, которая объединяет все возможные портреты, так как возраст, цели, социальный статус и все остальные параметры пользователей могут быть диаметрально противоположны.
USER
Исходим не из типа юзера, а из задач, которые каждый из типов будет сервисом решать. Они одинаковы.
Позднее я пропишу сценарии по шагам для нескольких из них, но это нужно для детализации и проверки самой себя. А пока общий профиль в зависимости от задачи и методов ее решения сервисом.
CJM
Следующий этап — карта пути пользователя. Карта приключений.
Помимо информации, данной на курсе, изучила, как еще оформляют CJM, расстроилась, вдохновилась, пошла собирать свою. Выбрала вариант с эмоджи, по нему удобно ориентироваться. Запрос, проблемы, проблемы на пути, их решения и счастливый конец. Отличный инструмент, благодаря которому абстрактные представления и какие-то общие формулировки выливаются в конкретику типа «Не хочется ждать, выберет сайт, где можно связаться и назначить тренировку сразу или тут же оплатить тестовый период, выйдет тут же, если заставить много анализировать»
3. Решения конкурентов и генерация идей
Отрытие №3 — генерить идеи после такого анализа сплошное удовольствие. Они уже готовы, только записывай. А потом сортируй на то, что пойдем в MVP, а что в теоретические более поздние версии продукта. Но прежде их нужно отфильтровать по известным формулам.
Использованы условные обозначения:
💙 FAN = реализуемо, привлекательно, оригинально
💚 TESCO= упрощает для клиента, приводит к экономии, сокращает работу персонала
💤Просто, вычеркиваем
💣Интересно, подумаю
💥Бомба-идея
Отсеяны слишком сложные для MVP, сложные для пользователей, избитые, энергозатратные в плане поддержания и просто мелочи. Но! на этапе генерации важно писать все. Это дает невероятный полет мысли.
Требования пользователя и бизнеса
Уже можно сопоставить данные и искать лучшие решения, которые смогут удовлетворить обе стороны. И подскажут, какой функционал нужно добавить в прототип, чтобы он выстрелил на тестировании.
4. USER FLOW, история и детализация структуры
Наглядно демонстрирую на этом этапе, как технически выглядит маршрут пользователя по сайту. Получаю визуализацию, с которой легко работать и просто дополнять пометками по функционалу.
Реальный проект на этом этапе будет иметь более сложную структуру, а флоу окажется далеко не один. Это лишь основной положительный сценарий.
Поддерживаю флоу и проверяю еще раз верность своих идей, помогает сторителлинг. Небольшой сценарий о конкретном человеке. С его помощью моментально представляешь каждый шаг и видишь, где стоит поправить или дополнить информацию и будущий функционал.
5. Прототип — новогодняя елка
5+ часов
на прототипирование: в разы меньше, чем на сбор и анализ информации.
Открытие №4: Пора научиться отключать мысли «там сложно, не пойду туда, потом», а просто идти и делать.
Так было уже неоднократно, и опыт с созданием кликабельного прототипа в фигма подвел жирную черту под это осознание.
На любой процесс нужно просто решиться. Мне было откровенно не по себе идти в тему создания живого прототипа, но куда деваться? В итоге освоила суть процессов за 20 минут, а уже через полтора часа на компонентах у меня появилась вот такая елка, буквально в несколько кликов вместо нескольких часов работы.
Взяла за непреложную истину, что кликабельный прототип должен быть всегда.
Он тут же вскрывает все косяки и моментально меняет взгляд на разработку, внося в нее качественные дополнения.
6. Тестирование
Открытие №5 — тестирование очень затягивающий и интересный процесс!
Я была не очень готова морально в свете дедлайнов и необходимости выделять время на тестирование к этом процессу. А зря. Именно он украсил всю работу и позволил совершенно иначе на нее взглянуть.
В итоге для переосмысления прототипа у меня оказались
2 зум конференции с демонстрацией экрана
1 аудиоконференция с парой респондентов по ватсап
4 пула аудиокомментариев от разных респондентов под запись в ватсап
1 запись экрана самостоятельного тестирования от респондента
Специально в разных форматах, чтобы усилить вариативность процессов и, соответственно, ответов. Их еще предстоит пересмотреть и вновь скорректировать прототип MVP перед отрисовкой главной страницы. Аналогично и я приняла участие, как респондент. Жаль, мало.
Тысяча благодарностей каждому, потому что удовольствие от процесса и результат удивили. То, что очевидно тебе, оказывается странным или непривычным для рядового юзера. Всплывают новые паттерны, или старые, о которых ты знал, но совершенно забыл в процессе работы.
Считаю, что на живые тестирования прототипа нужно выделять больше времени и вкладываться в эту часть едва ли не больше, чем в сбор информации.
Подобью итоги
«Позаботиться о юзерах, как о самих себе»
6 недель работы с профи своего дела
20+ часов на сбор информации, ее анализ и генерацию идей
70+ проведенных опросов разного формата
Портрет пользователя
User flow и CJM
Сценарии для нескольких пользователей
5+ часов на разработку кликабельного прототипа для MVP продукта
8 полноценных тестирований
Часы и часы рефлексии по теме проекта
1 готовый кликабельный прототип
и
6+ часов на создание этой истории!
Говорить на одном языке с пользователем, относиться к нему не только с пониманием, а с настоящей заботой — ключ к успеху в работе UX-дизайнера. (Ну и качать UI безотлагательно, конечно).
Потому что желание вникнуть в потребности будущих клиентов не менее важно, чем хорошая, но сухая аналитика для галочки.
Немного страшно, что как раньше, уже не получится. Но это стремительный рост и возможность выйти на новый уровень в дизайне. Спасибо, @Alex Voloshyn, @Den Potapov, @Max Shirko. Дам отлежаться новым идеям, дополню прототип и приступлю к отрисовке основной страницы. А там и новые проекты, уже с полной UX-составляющей.
Покликать в черновой прототип MVP можно здесь
А посмотреть наработки изнутри вот тут
https://www.figma.com/file/PEzGWxYiIj1bmM8Did4JB7/UX-v.1-1st-proto?node-id=0%3A1
