Проектирование веб-сервиса по поиску репетитора
В этой статье я расскажу о том, как проектировала сервис по подбору репетитора в рамках курса UX-Design в Tilda School.
Создавать сайты с пользой для заказчика, а точнее для его пользователей — всегда было приоритетом в моей работе. Но, знать и уметь — это, как говорится, две большие разницы.
Продуктовое мышление — помогает дизайнеру изменить подход к рабочему процессу и посмотреть на него как на процесс проектирования некоего продукта, который решает конкретную задачу живых людей.
Про курс UX-дизайн я узнала в школе Тильда. Сомнений “идти” или “нет” не было, ибо доверие к школе и к её преподавателям стопроцентное и безоговорочное. Ждала только начала курса. И вот он момент magic настал.
Новые нейронные связи сформировались при освоении новых задач и неизвестных прежде сервисов — Trello, XMind, Figma, Medium, Google-Календарь и Google-Документы. На этапе создания User Flow и Прототипа сформировалось чёткое понимание того, что должно быть на сайте и как провести клиента до нужного нам результата. Это и есть пользовательское поведение. Но, обо всем по порядку.
- Описание задачи (цели бизнеса и бизнес-требования)
При проведении исследований для понимания реальной ситуации на первом этапе проводится анализ бизнес-требований, проблем пользователей и анализ конкурентов. Таким образом я определила:
Что нужно сделать (результат): спроектировать веб-сервис с помощью которого человек может выбрать для себя репетитора для обучения (по нужной теме).
Зачем (цель): сделав удобный веб-сервис мы помогаем легко и просто выбрать репетитора, при этом будем получать процент с оплаты за обучение.
Для кого (ЦА): люди в возрасте от 18-ти до 60-ти лет, активные пользователи мобильных телефонов и Интернета, которым периодически нужна помощь репетитора в обучении.
Бизнес-требования к продукту:
- пользователи должны иметь возможность искать репетитора по теме;
- пользователи должны иметь возможность получить всю необходимую информацию о репетиторе:
- имя, фамилия;
- опыт;
- стоимость;
- отзывы.
Все проведённые исследования зафиксированы в ПРОЕКТНОМ ДОКУМЕНТЕ.
2. Исследования целевой аудитории
При определении ЦА были проведены онлайн-анкетирование через Google Forms и живые интервью. Участие приняли мои друзья, коллеги, frends и подписчики в социальных сетях.
В процессе исследования сформировались основные цели поиска репетитора:
- освоить или подтянуть разговорный иностранный язык,
- подготовка к экзаменам,
- общее развитие ребенка,
- для сдачи теста на ВНЖ.
Большая часть предпочитают занятия онлайн индивидуальные и в мини-группах. А для занятий детей мелкогрупповые оффлайн.
С какими проблемами сталкивались люди при поиске репетитора:
- плохое произношение преподавателя,
- мало отзывов,
- старая или неподходящая методика,
- большое количество школ преподавателей,
- занятость преподавателя.
Определяющими факторами в выборе репетитора являются опыт и стоимость урока.
3. Профиль пользователя
На основании проведенных опросов я сформировала один профиль пользователя — потребителя услуг. Это собирательный образ, описывая который, я собрала воедино все основные проблемы и пожелания к сервису, которые озвучивали респонденты.
В рабочем проекте здесь было бы еще два портрета — сами репетиторы и административный персонал.
Не смотря на разные задачи пользователей, по результатам исследований сложились примерно общие проблемы и пожелания того, что должно быть на сайте:
- понятный интерфейс;
- видеоприветствие репетитора;
- личная информация о педагоге;
- наличие бесплатного пробного урока или за символическую цену;
- достоверные отзывы;
- возможность отбирать репетиторов и записываться на пробный урок без регистрации на сайте;
- наличие онлайн-расписания у каждого педагога;
- большое количество фильтров при отборе: предмет изучения, опыт, цена, форма обучения и др.;
- фиксирование обязательств в виде договора;
- личный кабинет для взаимодействия с репетиторами, и для решения организационных и технических проблем на сервисе;
- виртуальный класс или несколько мессенджеров на выбор для проведения занятий.
ИНСАЙТ — личность преподавателя имеет приоритетное значение над дипломами, отзывами, опытом и другими критериями. Поэтому так важно размещать на сайте видеообращение репетитора!
4. Анализ конкурентов
В процессе исследования я провела аудит десяти сайтов конкурентов, которые детально были изучены с точки зрения плюсов и минусов.
Весь анализ зафиксирован в Проектном документе со скриншотами и комментариями. Более 50-ти страниц. Здесь уже сформировалось чёткое понимание того, какой сервис должен быть.
5. Customer Journey Map
Даёт возможность систематизировать полученную информацию, разбить процесс решения задачи на чёткие шаги и сфокусироваться на главном.
Я разложила CJM на шесть шагов:
- переход на сайт из Google;
- просмотр и отбор анкет репетиторов;
- выбор репетитора и заявка на пробный урок;
- пробный урок;
- обучение;
- после обучения.
Весь документ можно посмотреть по ссылке.
6. Анализ решений и генерация идей
Когда я готовила СХЕМУ UX-design по курсу, был такой пункт в контексте генерации идей — как можно решить проблему — дурацкие идеи. Увлекаюсь нейрофизиологией и скажу, что дурацких идей не бывает. Все их генерирует мозг на основании проведенного исследования.
Так родилась идея внедрить на сервисе помощника по типу Скрепки из word-документа. Он станет проводником по сайту, поможет пройти тестирование и будет отвечать на любые технические вопросы.
7. Формирование требований к будущему продукту
Функциональные требования помогли соединить бизнес-требования и пользовательские требования. Я чётко поняла какой функционал должен входить в текущую версию сайта. Думаю, что на этапе согласования с заказчиком это поможет избежать большого количества правок.
UX-дизайнер может не делать сам сайт, а передать проект UI-дизайнеру для воплощения. В данном проекте я посчитала важным соблюсти следующие технические требования:
- Сайт должен быть адаптивным, корректно отображаться на стационарных компьютерах, ноутбуках, планшетах и мобильных устройствах.
- Сайт должен быть на двух языках: на русском и английском.
- Сайт должен быть оптимизирован для поисковых систем (SEO): HTTPS — протокол для передачи данных с криптографическим SSL-соединением; заголовки Н1-Н3, title и description для каждой страницы; редиректы для www и https; ЧПУ и Favicon.
- Контент на сайте должен быть уникальным.
- Сайт должен загружаться не более, чем за 3–4 секунды.
- Наличие дополнительной навигации на каждой странице ( «хлебные крошки»)
- Наличие HEADER и FOOTER на всех страницах сайта.
- Наличие страницы 404.
- Возможность регистрации на сайте с помощью аккаунтов Google, Facebook, Vkontakte.
- Возможность совершения оплат с помощью VISA, MASTERCARD, PAYPAL, Apple Pay и Google Pay.
- Подключение виджета JivoSite или аналога для чата технической поддержки.
- На сайте должна быть конвертация валют ₽, $, €.
После этого этапа родилась и ценность продукта:
“Сервис по подбору репетиторов для детей и взрослых по всему миру. Занятия проводятся удалённо и очно”
8. Логика работы (user flow) и пользовательские сценарии
USER FLOW помогает спроектировать понятное и простое чередование действий пользователя, показывает его путь при решении задач на сайте.
Скажу честно, этот этап был один из самых трудных в работе. Но именно эта схема дала мне понять какая задача стоит перед пользователем сайта, какие шаги должен пройти человек и какой он получит результат. Было важно все действия разбить на этапы, каждый из которых заканчивается действием, а на сайте кнопкой. Уже здесь понимаешь какой Call-to-action будешь использовать на сайте.
Более детально посмотреть User Flow можно по ссылке.
9. Прототипирование
UX-исследования — это фундамент.
Прототип — это стены.
UI-дизайн — это интерьерный дизайн стен.
Так сказал наш гениальный учитель Денис Потапов. А я бы сказала, что прототип — это вершина айсберга UX-исследования.
Это был мой первый прототип в жизни. Тем не менее, чёрно-серо-белые странички получились “с точки зрения инструмента, который позволяет быстро визуализировать свои мысли, отлично и детально”. Слова не мои, а куратора и преподавателя Александра Волошина. Доверяю его мнению на 100%, ведь он один из лучших UX-дизайнеров.
Для согласования с заказчиком, прототип должен быть кликабельным и готовым к пользовательскому тестированию.
Посмотреть прототип можно по ссылке.
ИНСАЙТ — прототип нужно делать всегда! Он тут же вскрывает все косяки и моментально меняет взгляд на разработку, внося в нее качественные дополнения.
10. Юзабилити и пользовательское тестирование
здесь будет приведен отчет о тестировании
11. Заключение и выводы
За 6 недель я прошла полный цикл шагов, которые предпринимает UX дизайнер при проектировании интерфейса.
- 1,5 месяца
- 18 стримов с крутейшими преподавателями
- Проектный документ на все случаи жизни
- Новые навыки в работе с Trello, XMind, Figma, Medium, Google-Календарь и Google-Документы
- Квадриллион новых нейронных связей и столько же погибших нервных клеток от дедлайнов и неизвестных задач :)
Могу сказать, что UX полностью поменял мой подход к дизайну, за что я искренне благодарю своих кураторов — Den Potapov и Alex Voloshyn.