Проектирование веб-сервиса по поиску репетитора

Parvina
8 min readApr 9, 2021

--

Привет! Меня зовут Парвина в этой статье я хочу рассказать о том, как я проектировала сервис по поиск репетитора рамках курса UX Design в Tilda School.

Covid-19 /2020 год для меня был очень полезный год. Я начинала менять свою жизнь и в том числе профессию — я начинала учиться читать книгу о успешный людей как

Наполеон Хилл, Джорж Клейсон, Роберт Кийосаки и тд.

Искала себя что то новое чтобы найти себя что именно по душе это было не легкий пут попробовала разные бизнес сделала ошибки потеряла деньги но я рада за этого опить я получила достойный опить и нашла свою профессию!

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

Определение целей и потребностей бизнеса. Анализ конкурентов.

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

Trello
Проектный документ

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

Зачем (цель): сделав удобный веб-сервис мы помогаем легко и просто выбрать репетитора, при этом будем получать процент с оплаты за обучение.

Для кого (ЦА): люди в возрасте от 18-ти до 60-ти лет, активные пользователи мобильных телефонов и Интернета, которым периодическу нужна помощь репетитора в обучении.

Бизнес-требования к продукту:

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

После определения основных пожеланий клиента и тому, как он видит свой будущий продукт мы переходим непосредственно к исследованиям.

Исследования (сбор информации)

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

Анализ конкурентов

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

Исследования целевой аудитории

Я применила два метода сбора информации, которые принесли максимум пользы: это было онлайн-анкетирование через Google Forms и живые интервью. Подопытными стали родителей который их детей 5–6 лет в садике ходит с моим дочкой , за что им отдельное спасибо.

Опросник составила в виде Google Forms

Формат интервью для меня был совершенно новым.

Опрос дал мне информацию о проблемах которий при поиске репетитора возникнет и что важен для выбора репетитора.

По итогам опроса:

  • Ключевые факторы при выборе репетитора - опыт и цена
  • Самый удобный расписание и форматы обучение - онлайн и офлайн
  • Самые распространенные цели обучение - улучшение английский язык или репетитор для ребёнка
Диаграмма ответов на опросник Google Forms

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

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

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

Customer Journey Map

Customer Journey Map помогает увидеть то, как человек использует услугу, показывает точки контакта. Чаще всего CJM применяют когда есть готовый продукт, чтобы увидеть проблемные места взаимодействия.

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

  • Поиск репетитора;
  • Пробный урок;
  • Обучение;
  • Обратная связь.

Всего я выделила 4 шагов!

CJM можно посмотреть здесь

Customer Journey Map

В итоге я получила о ключевых проблемах, которые возникают на различных шагах пользования при поиске репетитора

Анализ проблем и генерация идей

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

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

Анализ решений помогает разбудить мозг и подготовить его к самому креативному этапу проектирования- генерации идей.

Проблем и генерация идей

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

Требования и ценность. Функциональные требования

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

Функциональные требования

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

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

Ценность продукта

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

Логика работы (user flow) и пользовательские сценарии

User Flow — это инструмент, который даёт возможность продумать логику работы будущего продукта, при этом не погружается во все тонкости и детали.

Эту задачу я выполняла в программе XMind

User Flow

Ссылка на User Flow

Расширения могут быть отличным помощником не только, когда мы пишем бизнес-логику, но и когда у нас есть другие задачи!

Структура и детализация

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

User Flow — детализированный вариант

Ссылка на User Flow — Детализированный вариант

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

Прототип — это фундамент будущего сервиса. В прототипе все элементы интерфейса обозначены в виде блоков и не имеют цвета. Он наполняется актуальным контентом, а основной сценарий (который был описан в user flow) должен быть кликабельным и готовым к пользовательскому тестированию. Ты показываешь его заказчику, и если что-то не так, то ты либо исправляешь на месте, либо переделываешь.

Как сказал куратор курса Den Potapov: Набросите прототип на бумаге! Я начинала первым делом набросала прототип на бумаге, это помогает разбудить мозг и то чего даже не думаешь приходить идея как магия при генерации идей. После того, как ты увидишь его на бумаге, будет легче перенести все в графический редактор Фигма или др.

Посмотреть кликабельный прототип здесь по ссылке

Главная страница
Страница: Каталог репетиторов
Страница: Подробнее о репетиторах
Страница: Форма заявка
Страница: Отзыв
Страница: О компании
Страница: Для репетиторов
Страница: Регестрация репетиторов
Страница: Упрощенную регистрация
Страница: Зарегистрировать в ЛК

Юзабилити и пользовательское тестирование

  1. Сценарий: Перейти на главную страницу сервиса, посмотрите как пользоваться сервисом. Далее вы нажимаете кнопку выбрать город/район и предметом, нажимаете кнопку найти или оставите заявку опытный администратор лично поможет в выборе репетитора.
  2. Сценарий: Перейти на главную страницу сервиса, зайти в раздел “Все репетиторы ”здесь изучаете информацию о репетиторе, нажимаете кнопку подробнее вы можете выбрать подходящий день для пробный урок.

Отправите связаться репетитору.

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

Заключение и выводы

Обучение за 6 недель для меня было очень сложно в первые мне было трудный временно мой мозг запуталось психологический, отказывался анализировать и принимать. Было временно очень сильно рыдала потому что я хотела не сдаваться у меня был цель понят суть обучение получить новые знание. Не хотела чтобы боль, страх и окружающий которий мешает и хотят я сдавался и они победила. Я написала своим куратором Alex Voloshyn и Den Potapov они помогали меня не сдаваться что у меня все получиться и дали психологический советов, и за этого не сдавалось и Я ЗДЕСЬ напишу эту СТАТЬЮ.

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

Больше спасибо за терпение и помощь. Alex Voloshyn и Den Potapov

Может кто то из вас замечаете мою грамматические ошибки да я не Русская но работаю над этом всегда самое главное Уважаю всех и ВСЕ МЫ “Гражданин Мира”

Instagram

Сангинова Парвина — UX/UI дизайнер, делаю сайты на Tilda

--

--