ДЕЛЮСЬ ОПЫТОМ UX-ПРОЕКТИРОВАНИЯ

РАЗРАБОТКА КОНЦЕПТА ОНЛАЙН-СЕРВИСА
ДЛЯ ПОИСКА ФИТНЕС-ТРЕНЕРА

ДЕЛЮСЬ ОПЫТОМ
UX-ПРОЕКТИРОВАНИЯ

Пребывая в “творческом отпуске” во время изоляции весной 2020 года и перезагрузив полностью мозг я решил изучить новую для себя компетенцию UX-дизайнера (UX - user experience). На базе курса Tilda Publishing я выполнил тестовой проект по разработке веб-сервис для поиска фитнес-тренера. Для меня тестовое задание оказалось весьма интересным и превратилось в некий внутренний вызов, а также открыло ворота в мир продуктового цифрового дизайна!

Декабрь, 2020
Давид Мухамадеев

ЗАДАЧА
1. ИССЛЕДОВАНИЯ
2. ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ
4. CJM
3. ФОКУСИРОВКА НА ПРОБЛЕМАХ
4. ГЕНЕРАЦИЯ ИДЕЙ
5. ПОЛЬЗОВАТЕЛЬСКИЕ ТРЕБОВАНИЯ
6. ЦЕННОСТЬ ПРОДУКТА
7. ПОЛЬЗОВАТЕЛЬСКИЙ ПОТОК
8. ПОЛЬЗОВАТЕЛЬСКИЕ СЦЕНАРИИ
9. ТЕХНИЧЕСКИЕ ОГРАНИЧЕНИЯ
10. СТРУКТУРА И ДЕТАЛИЗАЦИЯ
11. ПРОТОТИПИРОВАНИЕ
12. ПОЛЬЗОВАТЕЛЬСКОЕ ТЕСТИРОВАНИЕ
ВЫВОДЫ

Суть задачи была сформулирована следующим образом:

Разработайте прототип веб-сервиса с помощью которого люди могут находить тренера для групповых и индивидуальных занятий фитнесом, йогой и т. п. онлайн и оффлайн.

Основные бизнес-требования к продукту:
● пользователи должны иметь возможность находить тренера по виду спорта;
● пользователи должны иметь возможность находить тренера для индивидуальных и групповых тренировок;
● пользователи должны иметь возможность видеть расписание тренировок;
● пользователи должны иметь возможность бронировать заранее тренировки.

Целевая аудитория: люди в возрасте от 20-ти до 45-ти лет, активные пользователи мобильных телефонов и Интернета, в основном офисные сотрудники.

В отличие от “классического” дизайнерского подхода место того, чтобы сразу открыть фотошоп и “накидать дизайн” необходимо было применить методики и подходы UX-дизайна.

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

Итак, поехали!

1. ИССЛЕДОВАНИЯ

“По науке” разработка любого цифрового сервиса будь то сайт или приложение для смартфона должна начинаться с этапа “Исследование”. На данном этапе исследуется существующая реальность - изучаются аналогичные сервисы прямых конкурентов, смотрятся решения в смежных областях (например, сайты студий по танцам, кружков выжигания по дереву, любых других клубов занимающихся физической активностью), проводятся исследования целевой аудитории, собираются их пожелания и проблемы, с которыми они сталкиваются при использовании аналогичных онлайн сервисов. Если кратко, то на этапе исследования собирается информация из всех возможных источников, чтобы увидеть полную картину проблем, изучить предметную область со всех сторон и предложить наилучшее решение.

Важным для этого этапа является грамотный подбор инструментов и способов, которые помогут получить необходимые для работы исходные данные. В моем случае были использованы несколько онлайн источников и три метода получения информации:

сайты студий по фитнесу, йоге и танцам в Санкт-Петербурге;

онлайн-опрос созданный средствами Google Forms и разосланный друзьям в социальной сети (Вконтакте) и в WhatsApp;

личное обращение к друзьям в сторис Instagram и WhatsApp с просьбой ответить на вопросы;

оффлайн интервью.

Сайты

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

Таблица 1 - Примеры сайтов конкурентов и смежных сервисов

1;https://sculptstudio.ru/;- Отличная фотосессия с тренерами и занятий - интересный блок с ценами - хороший виджет с календарем;- Скачет типографика - нет онлайн оплаты - нет фильтра выбора тренера по виду спорта, индив/групп занятий;Есть личный кабинет - нужно смотреть что там внутри 2;http://fiziologia.com/;Хорошая фотосессия с тренерами и занятий;нет кнопки расписания на главной странице - нужно где-то искать;слабый сайт - за основу брать нельзя 3;https://www.perfectgym.com/ru;- виджет с расписанием спортивных занятий для десктопной и мобильной версии - есть онлайн оплата;базовый пакет дорого - 12 тыс/мес;виджет с расписанием спортивных занятий для подключения на сайт. 4;https://yogaodi.ru/?ref=https://tilda.cc/ru/madeontilda/#schedule;- классный дизайн - есть онлайн и оффлайн занятия - есть расписание и онлайн запись - есть описание занятий и тренеров;- нет онлайн оплаты - нет фильтра выбора тренера по виду спорта, индив/групп занятий;Классное решение от экспертов на Тильде. Можно взять за основу! 5;https://barre.one/;- есть онлайн оплата - есть виджет расписания - есть онлайн занятия;- нет фильтра выбора тренера по виду спорта, индив/групп занятий - сложная навигация - много информационного шума - нет инфы о тренерах - сжатые блоки - нет воздуха по высоте;интересный дизайн 6;https://fitfashion.ru/ff/;- есть индивидуальный тренинг и групповые программы - есть онлайн расписание;- нет фильтра выбора тренера по виду спорта, индив/групп занятий;“элитный” фитнес-клуб в Питере 7;https://crocusfitness.com/;- интересный анимированный дизайн - ЕСТЬ фильтр выбора тренера по виду спорта - есть инфа о тренерах;- отваливается виджет записи на тренировку - нет четкой структуры - бегают глаза по сайту чтобы найти что-нибудь ценное;Взять фильтры за основу 8;https://mriyaresort.com/sport/;- есть онлайн занятия - нет расписания;- сложная навигация - нет фильтра выбора тренера по виду спорта, индив/групп занятий - нет онлайн оплаты;можно позаимствовать некоторые информационные блоки 9;https://alor.dance/;- хороший структурированный дизайн - есть виджет онлайн записи - хорошие карточки информации о тренерах;- нет фильтра выбора тренера по виду спорта, индив/групп занятий - нет онлайн оплаты;Смежная ниша по танцам - можно взять структуру информационных блоков за основу 10;https://primefitness.ru/;- есть виджет онлайн записи - есть фильтр по локациям - есть развернутое описание направлений тренировок;- нет фильтра выбора тренера по виду спорта, индив/групп занятий - плохая типографика - “каша” по навигации в услугах - нет онлайн тренировок;дизайн 2015 года “антипример” - так делать не нужно!

Ниже приведены скриншоты некоторых блоков рассмотренных сайтов.

Примеры сайтов конкурентов и смежных сервисов

Онлайн-опрос в Google Forms

Имея на вооружении аккаунт в Гугл я оперативно создал опросную форму в Google Forms и разослал своим друзья в мессенджере текст следующего содержания:

“ХХХ, привет!

Я сейчас разрабатываю сервис для фитнес-студии, знаю что ты спортом занимаешься! ;) Ответь, пожалуйста, на 3 вопроса, с меня бесплатная онлайн тренировка или скидка 50% на первое онлайн или оффлайн занятие с тренером в новой фитнес-студии на острове Новая Голландия! Вопросы в этой форме: https://forms.gle/9VjLa3HHhmF6nYr17

Заранее благодарю! Давид.”

Скриншот опросной формы в Google Forms:

В результате опроса я получил следующие результаты:

Таблица 2 - Результаты опроса с помощью Google Forms

Опросники в социальных сетях

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

Вопросы в сторис:

Как ты ищешь тренера для занятий фитнесом?

Где тебе больше нравиться заниматься спортом: в фитнес-клубе или удаленно «онлайн»?

Как ты пользуешься приложениями для смартфона от фитнес-клуба?

Также я разместил пост в ВКонтакте и настроил таргетированную рекламу на потенциальных потребителей сервиса - людей в возрасте от 20-ти до 45-ти лет, проживающих в Санкт-Петербурге.

К сожалению, на сторис в Инсте и пост в ВК никто не отреагировал. :-( Зато личное обращение к друзьям в мессенджере дало свои результаты!

Личные обращения-интервью

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

Таблица 3 - Результаты опроса с помощью личных обращений

1;Сергей;1) не ищу) ;;2) в фитнес клубе ;;3) не пользуюсь) 2;Дмитрий;1) тренера нашёл в школе фанка. Привела туда подруга Ксения. ;;2) в зале занимаюсь. ;;3) а нету приложений 3;Лариса;1. Либо по рекомендации от знакомых либо мониторю инет, изучаю предложение, смотрю на результат чего они добились сами и их ученики. Это могут быть фото, видео о проделанной работе. Читаю отзывы ;;2. Однозначно фитнес-клубе/танц.студии. Считаю так можно лучше добиться результата, плюс приятное общение). Если говорить о спорте, мне больше нравиться отдельные залы ( студии) нежели фитнес -клубы. В маленькой студии ограничено количество человек. Тренер следить за каждым, поправляет индивидуально. В фитнес-клубе такого не видела. ;;3. Только чтобы посмотреть расписание 4;Рустэм;1. Пробую тренировки потом решаю ;;2. В фитнес клубе ;;3. Расписание запись 5;Ирина;Я предпочитаю заниматься без тренера. ;;В фитне-клубе, онлайн не то. ;;Только расписание смотрю) 6;Анна;1. Привет, тренера по танцам искала через знакомых по рекомендациям, тренера в спортзале по онлайн отзывам + тому что наблюдала в зале (как тренер проводил тренировку с другими клиентами). ;;2. Заниматься однозначно в студии/зале нравится больше. ;;3. Приложениями не пользуюсь, телефон старый, памяти на нем нет. Если честно, даже не знаю, есть ли у моего фитнес клуба приложение. Если бы было место, наверное, поставила бы, чтобы было удобнее смотреть расписание групповых занятий, каждый раз на сайт лазить было не очень удобно. 7;Юра;1й как ищу тренера : смотрю на него в зале как он ведёт тренировки как себя ведёт улыбается шутит. ;;Некоторым нравится собеседник больше чем тренер. ;;2е. Лучше в фитнес клубе там есть бассейн и сауна груша(бокс) и подобные тебе спортсмены и другие тренера. Плюс сам бегаю и отжимаюсь. ;;3.Приложениями не пользуюсь ;;В" Спортлайф" когда работал удобно была программа для тренеров когда отмечали тренировки и инструктажи в таблице. Удобно посмотрел когда вел и сколько. Смотрел других тренеров кто сколько проводит. Статистика была. ;;Было бы здорово если были ссылки на соцсети тренеров. Посмотрел бы кто чем занимается. Близкого по духу найти. Важно. Например я семьянин. Такого бы и искал 8;Ирина М.;1) Привет! Я обычно сначала нахожу место- после этого выбираю тренера там. Сейчас к примеру, тренируюсь онлайн с тренершой, к которой раньше ходила в Уфе. Мне она понравилась, поэтому обратилась к проверенному человеку. ;;2) Нравится больше в клубе ;;3) Сейчас приложениями не пользуюсь, раньше когда ходила смотрела в приложении расписание тренировок. Продлевала абонемент 9;Марина;1) Индивидуально не занималась. Только групповые. Тренера специально не подбирала. ;;2) Больше нравится в клубе на групповых либо дома самостоятельно. ;;3) Приложениями не пользуюсь. 10;Алексей;1) Фитнесом не занимаюсь. Нет разницы какой тренер. Нужно удобное время и адрес. ;;2) Удаленно занимался только когда была изоляция. Дома нет оборудования. ;;3) Важно чтобы в приложении было Расписание и можно было записываться. Было бы здорово иметь статистику по своим посещениям в различных разрезах.

Оффлайн-интервью

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

Мой личный опыт в решении задачи поиска тренера

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

Результаты “самоопроса”:

Дополнительный анализ существующих решений

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

Отмечу некоторые из них:

https://lalasports.co/

lalasports.co - поиск тренировок по видам спорта. Интересно реализована форма для сбора информации о тренере и регистрации его в системе, что можно взять за основу для разрабатываемого сервиса:
ссылка на опросную форму в Google forms -https://clck.ru/SdCSf
Реализована система фильтрации по геолокации (только по городам, без детализации по улицам) и форматам тренировок:

www.booking.com

www.booking.com - отличная поисковая система с фильтрами по различным критериям и карточками отелей (тренеров)

Реализован функционал для регистрации новых отелей (тренеров) с процедурой верификации, что актуально для сервиса подбора тренера и создания проверенного аккаунта тренера.

https://www.ska.ru/team/player/12/

Карточка игрока хоккейной команды
на сайте ХК “СКА”
https://www.ska.ru/team/player/12/

Наглядно реализована карточка с приведением краткой информации об игроке, его статистике, очкам, достижениям и тд.

Можно взять за основу дизайн, оформление и структуру инфографики.

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

2. ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ

Пользователь - это человек, который лично пытается добиться каких-то результатов с помощью продукта. Опросив некоторое множество потенциальных пользователей продукта можно составить «профиль пользователя» – это портрет-описание типового пользователя, который будет взаимодействовать с продуктом.

В результате анализа полученных данных при интервьюировании и опросах я составил два на мой взгляд типичных профиля – для девушек и молодых людей. В профилях я отразил цели и потребности пользователей, их проблемы и сложности, с которыми они сталкиваются, а также как они решают задачу поиска тренера для занятия фитнесом. При разработке профилей важно узнать какие у пользователей есть идеи и предложения касательно разрабатываемого сервиса.

Профили пользователей

3. CJM

Customer Journey Map (CJM) – это карта (в реальности просто таблица, например в XLS) показывающая путь клиента от возникновения потребности до действий после получения результата. Этот инструмент позволяет рассмотреть все аспекты контакта пользователя c продуктом, на протяжении всей истории отношений и что самое на мой взгляд важное – подсветить проблемные точки на пути, с которыми сталкивается пользователь при решении своих проблем.
Существует туча сервисов для построения подобных карт, но если вам нужно решить задачу по существу (выявить проблемы пользователей), то вполне достаточно обыкновенного MS XLS. CJM для сервиса поиска тренера был реализован мной в Гугл Таблицах. По ссылке вы можете ознакомиться с ней поближе – https://docs.google.com/spreadsheets/d/1aCW5KDhfDVAj2yW8MLCvF7-aIqpMCeoICe8xZzQNopk/edit?usp=sharing

Скриншот CJM-карты:

4. ФОКУСИРОВКА НА ПРОБЛЕМАХ

После сбора и анализа информации определяем главные проблемы, с которыми сталкиваются любители фитнеса при подборе для себя тренера. На основе полученных данных я выделил следующие ключевые проблемы:

Не понятно где искать - то ли на сайте, то ли в поисковиках.

Не понятно какой инфе можно доверять - правда ли что пишут.

Информация разрозненная - нужно собирать по крупицам с разных источников (соц. сети, основной сайт, форумы, реклама и тд.).

Не полная - краткое описание; нет интересующих сведений (достижения, примеры занятий (видео записи), другое) по нужным для пользователя параметрам чтобы принять решение о выборе тренера.

5. ГЕНЕРАЦИЯ ИДЕЙ

На следующем этапе проектирования генерируются гипотезы и идеи, которые могут разрешить основные выявленные проблемы.

Таблица 4 - Сгенерированные идеи с расстановкой их приоритетов

Дополнительные идеи для сервиса:

Предзагрузка рекомендуемых тренеров по анализу профиля (его активности, подписанные группы, видео, возраст, пол и тд.) пользователя какой-либо соц. сети по которому происходит авторизация на разрабатываемый сервис.
Минималистичный дизайн как у ebay или амазон. Показ только необходимый для решения задачи поиска тренера функционал.
Создать расширенный каталог всех возможных спортивных занятий по аналогии с ГОСУДАРСТВЕННЫМ РУБРИКАТОРОМ НАУЧНО-ТЕХНИЧЕСКОЙ ИНФОРМАЦИИ с целью систематизации.
Создание страницы предварительного “брифования” клиента сервиса для подбора рекомендуемого тренера.

6. ПОЛЬЗОВАТЕЛЬСКИЕ ТРЕБОВАНИЯ

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

1;Поиск тренера;Выбор в фильтре желаемого вида спорта и формата тренировки (индивидуальных и групповых тренировок);Получение удовольствия от занятия любимым видом спорта 3;Онлайн оплата и запись на тренировку;Просмотр таблицы-календаря и выбор желаемой даты планируемой тренировки, а также онлайн-оплата;Потребность распланировать свои дела в течении дня либо недели. 4;Фильтрация тренеров по различным критериям;выставление желаемых критериев при поиске тренера;удовлетворение потребности выбора наилучшего тренера 5;Просмотр записей видео / фото тренировок тренера;просмотр примеров видео / фото тренировок от тренера;снятие неуверенности в компетенции тренера 6;Просмотр профилей тренеров в социальных сетях;Переход по ссылке на профиль тренера в соцсеть ;снятие неуверенности в компетенции тренера и снижение уровня стресса первого знакомства 7;Просмотр ключевой для клиента информации о тренере для принятия решения; Ознакомление с информацией о тренере, его статистике, очкам, достижениям, образование, опыт работы, компетенциям, результаты занятий других учеников, цене, графиком тренировок, контактов и тд.;снятие неуверенности в компетенции тренера и потребности принятия решения 8;Просмотр отзывов других клиентов о тренере ;Просмотр отзывов и баллах / лайков других клиентов занимавшихся с тренером ;снятие неуверенности в компетенции тренера и потребности принятия решения 9;Просмотр плана занятий с тренером;Просмотр планируемого плана занятий с тренером;"1) снятие неуверенности в компетенции тренера и потребности принятия решения 2) подготовка к тренировочному процессу" 10;Просмотр сервиса через web-браузер ;Просмотр календаря занятий и бронирование тренировок на сайте;Альтернативный способ записи для клиентов, не имеющих современный смартфон, либо форс-мажорные ситуации (села батарея телефона) 11;Оперативное получение предварительного результата;Заполнение бриф- формы для подбора сервисом рекомендуемого тренера;Лень заполнять фильтр - охото оперативно получить рекомендуемого тренера всего по нескольким вопросам. 12;Отзыв о тренере;Оставление текстового или видео отзыва о тренере, лайка и/или оценки ;Выражение чувства обиды или благодарности

7. ЦЕННОСТЬ ПРОДУКТА

После всестороннего анализа проблем и составления требований к цифровому продукту необходимо сформулировать его истинную ценность, которую он будет нести пользователям. Формулировка ценности продукта должна отвечать на вопросы: Что? Для кого? Как?.

Ценность разрабатываемого продукта, на мой взгляд, заключается в следующем:

Сервис для поиска фитнес-тренера и представления о нём расширенной информации для людей, работающих преимущественно в офисе за компьютером и желающих держать свое тело в дееспособном состоянии.

8. «ПОЛЬЗОВАТЕЛЬСКИЙ ПОТОК»‎

User flow - (анг. - дословно с английского - “пользовательский поток”) порядок действий пользователя, который пользователь проходит при взаимодействии с продуктом. Он оформляется в виде графической диаграммы показывающий главные критические шаги и возможные исходы, которые могут быть получены пользователем при решении своих задач с помощью онлайн-сервиса.

User flow реализован в Гугл Слайдах по ссылке: https://drive.google.com/file/d/14pdH8KMMcZWd7UykH4bmIZVudeB96F2f/view?usp=sharing

9. ПОЛЬЗОВАТЕЛЬСКИЕ СЦЕНАРИИ

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

Для каждого из профиля был составлен свой сценарий – смотрим ниже.

Девушка

После длинных Новогодних праздников Марина хочет сбросить “лишний” вес и выглядеть подтянутой к лету. Марина собирается с понедельника после праздников сходить на тестовую тренировку в фитнес-клуб и начать заниматься фитнесом, который поможет ей добиться ее цели - похудеть к лету.

Проблема в том, что она не знает к какому профессиональному тренеру обратиться и где его вообще найти.

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

Сервис выдал Марине 4 тренера наиболее подходящих по ее запросу, и она выбрала того у которого была ссылка на профиль в Инстаграм и она смогла ознакомиться с ее личной жизнью и спортивными активностями. Она подумала, что если тренер не понравиться, то она сможет позаниматься с другими тремя и принять окончательное решение.

Марина выбрала удобное для нее время занятия и оплатила тренировку. Сервис выслал Марине чек об оплате и добавил в ее календарь Google напоминание о предстоящей тренировкой с информацией как выйти на связь с тренером.

Парень

У Семёна на работе очень напряженная обстановка - много работы, что приходиться целый день сидеть за компьютером, он - айтишник. Также иной раз он открывает по работе ноутбук дома по вечерам. Семен чувствует, что у него накопилось большое напряжение в спине, плечах и руках от работы с клавиатурой и мышью. Он знает если он хочет чувствовать себя “человеком”, то единственное его спасение - это позаниматься гимнастикой, ОФП или сходить на какое-нибудь групповое занятие где можно просто поскакать! Семен в детстве занимался спортом и знает, что лучше сходить к хорошему тренеру, который приведет его в порядок.

От коллег Семён слышал, что есть специальный сервис, через который можно найти себе хорошего тренера. Семён нашел и скачал приложение сервиса в AppleStore и запустил его.

На приветственном экране приложения появилась краткая бриф-форма с просьбой указать какую задачу хочет решить пользователь. Семён выбрал опцию “снятие мышечного напряжения с мышц спины и шеи” и указал желаемые для него районы города где он бы хотел позаниматься спортом под руководством тренера.

Сервис выдал множество вариантов, где было много спортивных дисциплин. Семён выбрал “мужские” варианты - функциональный тренинг и лечебная гимнастика, а не занятия для девочек такие как “йога и пилатес”.

Пока Семён ехал в метро на работу он выбрал удобное время для тренировки в календаре приложения, оплатил тренировку, добавил напоминалку себе в Task Tracker и выслал скриншот с улыбающимся смайликом коллеге, который посоветовал ему данный сервис.

10. ТЕХНИЧЕСКИЕ ОГРАНИЧЕНИЯ

1. Интерфейс веб-сервиса и приложения должен быть минималистичным, чтобы не перегружать пользователя при выводе большого объема информации о тренере в карточке тренера и поисковых фильтрах.

2. Сервис должен быть реализован в виде web-страницы и приложения для смартфонов.

3. На сайте должен быть виджет с расписанием тренировок, а в приложении - раздел с календарем тренировок.

4. Технически должна быть реализована онлайн-оплата и прикручена онлайн-касса.

5. В сервисе должны отображаться ссылки на профили тренеров в соцсетях.

6. Должна быть интеграция сервиса с Zoom, чтобы проводить онлайн видео занятия.

7. В ЛК сервиса или приложении должна быть статистика по своим посещениям и купленным занятиям.

8. Сервис должен позволять регистрироваться тренеру на нем самому и заполнять по себе данные в карточку.

9. Сервис должен позволять сохранять историю своего поиска, чтобы при необходимости можно было попробовать позаниматься с другим тренером предложенным поисковой системой.

11. СТРУКТУРА И ДЕТАЛИЗАЦИЯ

На основании CJM, профилей и сценариев строиться Структура сервиса – это графическое представление того какие экраны должны обязательно присутствовать в проектируемом прототипе сервиса.

Структура мной реализована в Xmind и доступна для ознакомления по ссылке: https://drive.google.com/file/d/18uZB5b38hIRIlHra3rF9iu2za9QwEOdz/view?usp=drivesdk

12. ПРОТОТИПИРОВАНИЕ

Прототип — работающая модель, опытный образец устройства или детали в дизайне, конструировании, моделировании.

Кликабельный прототип был реализован в Figma и доступен по ссылке: https://www.figma.com/file/yEDVJc1UYuxXcJf3EWRCe3/UX-UI-%D0%BA%D1%83%D1%80%D1%81-%D0%9F%D1%80%D0%BE%D1%82%D0%BE%D1%82%D0%B8%D0%BF-%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81%D0%B0-%D0%B4%D0%BB%D1%8F-%D0%BF%D0%BE%D0%B8%D1%81%D0%BA%D0%B0-%D1%82%D1%80%D0%B5%D0%BD%D0%B5%D1%80%D0%B0?node-id=2%3A2

Скриншот прототипа:

13. ПОЛЬЗОВАТЕЛЬСКОЕ ТЕСТИРОВАНИЕ

Сценарии

Сценарии - это описание микрозадач, которые необходимо выполнить респонденту с помощью тестируемого им прототипа. Формулировки трех сценариев выглядели следующим образом:

Сценарии №1

Вы находитесь на главной странице сервиса по поиску тренера и хотите сделать к лету красивый пресс. Найдите фитнес-тренера для занятия в Колпинском районе города, запишитесь на занятие к тренеру на понедельник, 14/12, 08-30 и оплатите занятие картой.
Сценарии №2

Вы успешно позанимались с тренером. Оставьте положительный отзыв о тренере.
Сценарии №3

Напишите тренеру личное сообщение в его карточке - задайте вопрос о рекомендациях по правильному питанию.

Респонденты

Респондент 1.
Я выслал респонденту ссылку на кликабельный прототип + 3 сценария по которым нужно пройтись и написать фитбэк.

Респондент 2.
Второго респондента я посадил за комп, скинул ему в ВатсАпп 3 сценария, включил захват экрана через HyperCam и сказал пройтись по трем сценариям и вслух прокомментировать что и как он делает. Получился видео файл впоследствии с которого я собрал обратную связь по прототипу.

Была еще одна идея тестирования - связаться с респондентом по скайпу и попросить, чтобы он расшарил свой рабочий стол и протестировал прототип также проговаривая свои действия, а у себя - включить видеозахват экрана.

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

Тестирование проведено на двух людях:

Респондент 1 - ответ получен в письменной форме в соцсети:
“1. Тренера нашел, кликнул по кнопке Расписание занятий, чтобы записаться к нему на ПН 14/12 в 8-30, но в том расписании на эту дату и время стоит другое занятие с другим тренером. Ну да ладно, все равно кликнул по этой дате и времени, попал на онлайн запись и оплату. Однако в этом окне онлайн записи и оплаты дата и время указаны не те, которые я выбрал, указано среда 02.12.2020, зато тренер указан тот, которого я выбрал на первом шаге. И еще такой момент, данное окно не прокручивается вниз до кнопки Оплатить
2. Отзыв оставил
3. Личное сообщение написал”

Респондент 2 - проведена запись с экрана. Видео доступно по ссылке: https://drive.google.com/file/d/1m__5y0LXWmsLAeDZBHmPNEu6vGZTmJju/view?usp=sharing

Основные проблемы интерфейса прототипа, выявленные респондентами

Время и тренер в сценарии-задании не совпадает с предложенной информацией в прототипе.;Синхронизировать время и тренера в сценарии-задании и расписание в прототипе. Дата и время в сценарии-задании не совпадает с предложенной информацией в поп-ап окне записи и оплаты прототипа.; Синхронизировать время и тренера в сценарии-задании и поп-ап окне записи и оплаты в прототипе. Окно записи и оплаты не “скролится” по вертикали - часть текста не видна на экране.; Поджать поп-ап окно записи и оплаты по вертикали. Параметры на главной странице сервиса в прототипе предвыбраны, что вызывает недоумение у респондента.; Снять выделение с параметров поиска и реализовать дополнительные фреймы для имитации выбора значения параметра поиска. Ссылки в кнопках с номерами страниц поисковой выдачи по тренерам вели на карточку тренера.; Ссылки в кнопках с номерами страниц поисковой выдачи по тренерам необходимо удалить. Не было кнопки записи на тренировку. Название на кнопках в карточке тренера не соответствовали целевым действием сценария-задания, что вызывает недоумение у респондента.; Переименовать название в кнопке “Расписание занятий” на “Записаться на занятие”.

Эвристическая оценка прототипа респондентами

После тестирования прототипа перед респондентами мною была поставлена задача провести его эвристическую оценку. Такая оценка – это основанный на эвристиках метод проверки удобства интерфейса сайта, программы, приложения, который помогает выявить проблемы удобства этого интерфейса. Метод проводиться на основе 10 эвристик Якоба Нильсена.

В Google Forms была реализована форма (ссылка на форму - https://forms.gle/s57uq1Vto1hEY8PEA) для сбора оценок по разработанному прототипу.

Ниже приведены результаты оценки прототипа респондентами:

Внесение изменений в прототип

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

Вариант 1 - ссылка на исходный вариант

Вариант 2 - ссылка на скорректированный вариант

Тестирование - очень крутой инструмент отслеживания “неадекватности” разработчика цифрового продукта и выявления требований, которые действительно важны для пользователя.

Разработка

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

ВЫВОДЫ

Целью написания данной статьи являлась фиксация проделанной работы и еще раз уложить в голове все пройденные мной этапы при проектировании прототипа цифрового сервиса с использованием техник UX-дизайна.

Проведенная работа по факту является первой итерацией разработки цифрового продукта, которая начинается с исследований и заканчивается выпуском первой версии продукта. В стартапах это называется «минимально-жизнеспособный продукт» (MVP от англ. Minimum Viable Product), который позволяет без больших временных и финансовых затрат проверить гипотезу и получить обратную связь от пользователей. Далее возможно (и должно быть) повторение всех этапов с целью улучшения продукта и выпуска следующей его версии, и так до бесконечности.

Не важно, что вы проектируете, важно то, что уже давно все придумано и продуманно другими людьми, необходимо просто взять (изучить и пропустить через себя на практике) на вооружение лучшие практики, которые существуют в мире разработки продуктов (будь то цифровых или любых других) и внедрить их в свой рабочий процесс. Необходимо владеть методологиями, благодаря которым дизайнеры-разработчики цифровых сервисов могут делать успешные продукты решающие проблемы пользователей наилучшим образом!

Вот некоторые моменты, которые я отметил для себя в процессе работы над проектом:

Делать проекты нужно разделив его изначально по частям, т.е. «есть слона по кусочкам».

Существует «итерационность» работы. Любой этап может быть проделан позднее повторно с целью улучшить текущее решение.

Продуктовый дизайнер смещает фокус своего внимания с «рисования красивых экранов» на проектирование продукта. Чем эффективнее продукт решает задачу, тем больше пользователей у этого продукта.

Хороший продукт должен изменяться со временем. И это – нормально.

Конечный продукт может не иметь ни чего общего с изначальной идеей, по которой он должен был быть реализован ввиду того, что проблема, которую «видит» Заказчик цифрового решения может существенно разниться с реальной проблемой пользователей.

Неопытный дизайнер начинает придумывать проблемы и потребности которых на самом деле может и не существовать, тем самым отдаляясь от реальности. (в продолжении предыдущего пункта).

UX-дизайнеру нужно потратить туеву хучу времени, чтобы проанализировать реальные проблемы пользователей и найти оптимальное решение будущего цифрового продукта!

Проектирование сервисов — это бесконечный итеративный процесс. В рамках одной итерации проводятся исследования, делается анализ полученных данных, строятся гипотезы, предлагается и реализуется оптимальное решение. Потом это решение нужно протестировать на живых людях, провести анализ результатов и выявить проблемы, предложить новое решение и протестировать его, и так до бесконечности…На вопрос «когда остановиться улучшать?» отвечает, в первую очередь для себя, Заказчик (собственник бизнеса), который заказывает цифровое решение и должен опираться на показатели своего бизнеса, такие как конверсии из лидов в клиенты, количество кликов, выручка и тд.

Способы связи со мной

+7 917 40 11 909
Mukhamadeevds@gmail.com

Способы связи со мной

+7 917 40 11 909
Mukhamadeevds@gmail.com