Платформа для абитуриентов
Основная информация
Результат
Создала UI-kit, дизайн интерфейса и кликабельный прототип.
Спроектировала пользовательский путь и основные сценарии.
Выявила проблемы онлайн-поступления и сформировала продуктовые гипотезы.
Исследовала опыт абитуриентов через глубинные интервью.
Спроектировала концепт платформы, которая объединяет процесс поступления в вузы в одном сервисе.
Создан прототип полного процесса подачи заявлений в вузы.
Подтверждены ключевые пользовательские боли через исследования.
Сформирована концепция единой платформы для поступления в университеты.
2024
Figma
Study Case
Контекст
Такой сценарий отнимает много времени, вызывает путаницу и стресс.
Проблема: выпускникам приходится регистрироваться отдельно на сайте каждого вуза, загружать свои документы множество раз, а в последствии отслеживать своё место в разных списках на зачисление.
Более 500 тысяч выпускников сдают ЕГЭ ежегодно, и по результатам экзаменов подают документы максимум в 5 университетов на 5 направлений в каждом из них, для чего им необходимо регистрироваться на каждом сайте соответствующего университета. После чего отслеживать своё место в списке поступающих на 5 разных сайтах.
В рамках курса Bang Bang Education я реализовала сценарий: регистрация абитуриента в сервисе, выбор университетов и подача в них заявлений. Ссылка на полный бриф.
Исходя из обозначенной выше проблемы и результатов исследований, мне пришла идея создать платформу для всех университетов, студентов и абитуриентов страны — UniWay.
Исследование
Я разбила проблему на более мелкие, исходя из них составила гипотезы и исследовательские вопросы к ним. Получилась следующая таблица.
Исследование конкурентов, персоны, user stories
Провела три глубинных интервью с выпускниками школы, которые уже сдали ЕГЭ. К сожалению, этап регистрации и подачи документов на сайтах ВУЗов на момент интервью они ещё не проходили, т.к. этот этап ещё не начался. Тем не менее, мне удалось с ними немного поговорить и на эту тему. Ниже приведены цитаты и проблемы респондентов.
После чего создала две реальные персоны на основании абитуриентов, участвовавших в интервью. А для того, чтобы систематизировать потребности пользователей, я расписала различные User Stories.
Изучила данные и функции, которые они предоставляют, выделила достоинства и недостатки, сопоставила с отзывами респондентов.
У данного сервиса нет аналогов, т.к. такая платформа разрабатывается с нуля. Однако есть сервисы-агрегаторы онлайн-поступления, а также сайты университетов — первоисточники информации о поступлении.
Результаты интервью я внесла в следующую таблицу:
Я немного раскрутила эту идею и она стала звучать так: ИИ рассчитывает шанс поступления абитуриента, исходя из баллов предыдущих лет, спроса на специальность и прочей статистики. В дальнейшем она отразилась в интерфейсе как «шанс поступления».
В результате проведения интервью все гипотезы подтвердились, кроме того, удалось выявить другие потребности пользователей. В процессе проведения интервью я предлагала участникам пофантазировать на тему функций, которые они бы хотели увидеть в сервисах-агрегаторах поступления, с которыми они уже знакомы. Так, один из респондентов сказал: «Я добавил бы на сайт расчет шанса на поступление с помощью искусственного интеллекта, потому что средний балл, как показывает практика, не имеет ничего общего с реальными баллами, необходимыми для прохода»
Процесс работы
После исследования я спроектировала взаимодействие пользователя с помощью Task Flow. Сначала он получился очень обширным, стал больше похож на информационную архитектуру, поэтому я сократила его до основного функционала.
Изначально платформа не предполагала главного экрана, после регистрации пользователь сразу попадал на страницу поиска университетов. Однако позднее мной было принято решение добавить главный экран, на котором пользователь сможет ознакомиться с функционалом площадки, так как интерфейс новый и аналогов нет.
По этой же причине в боковую навигационную панель мной был вынесен включатель онбординга: чаще всего, пользователи прокликивают онбординг с целью быстрее перейти к пользованию интерфейсом, чтобы пользователь не чувствовал себя потерянным на новой площадке, он всегда может обратиться к подсказкам.
В процессе создания дизайна, мной был собран UI-kit. Некоторые его компоненты представлены ниже.
Далее я приступила к созданию дизайна. Стоит напомнить, что в рамках курса я разработала сценарий выбора направлений и университетов и подачи заявлений: если быть точнее, 3 направлений в одном университете, Санкт-Петербургском горном университете императрицы Екатерины II.
Также подобрала референсы; стиль иконок: минималистичный, линейные; стиль иллюстраций: нарисованные от руки в фирменных цветах платформы, в такой стилистике они разбавили строгий интерфейс, но не перетянули внимание на себя.
В типографике выбор сразу пал на гротеск. Изначально планировала использовать один шрифт — Mulish, удобочитаемый гротеск, однако позже нашла идеальную шрифтовую пару — Unbounded. Это гротеск с неярко выраженным характером, который разбавил скучный процесс подачи документов и заполнения заявлений лёгкой игривостью и акцидентностью, характерными для подростков, целевой аудитории платформы.
Итак, в качестве цветовой палитры выбрала оттенки чёрного и серого, в качестве акцентного цвета — синий монохром, т.к. он ассоциируется со всякими официальными, профессиональными учреждениями, взывает доверие. К этим цветам добавила оттенки белого и голубого, отражающие свободу и спокойствие.
После чего я приступила к созданию дизайн-концепции. С самого появления идеи о создании такого сервиса я решила, что он будет государственным, поэтому я ориентировалась на дизайн ГосУслуг. Платформа сама по себе предоставляет сложный функционал, поэтому важно было не перегрузить интерфейс сложным дизайном.
Опираясь на результаты исследований я собрала low-fi прототипы.
Дизайн и Ui-kit
Результаты и выводы
В ходе исследования удалось подтвердить основные боли абитуриентов: необходимость работать с несколькими сайтами университетов, многократно загружать документы и самостоятельно отслеживать процесс поступления. На основе пользовательских интервью и анализа конкурентов я спроектировала концепцию единой платформы, которая объединяет ключевые этапы поступления в одном сервисе.
Финальным результатом стал кликабельный прототип в Figma, демонстрирующий полный пользовательский путь от регистрации до подачи заявления в университет. Проект позволил мне пройти полный цикл продуктового проектирования: от исследования и формирования гипотез до разработки интерфейса и создания интерактивного решения.
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website