«Изи» должен был помочь школьникам определиться с профессией не через очередной список специальностей, а через практику. Но до запуска проект долго не доходил: менялись команды разработки, росли затраты, а готового продукта не было. UXART (Юиксарт) пришлось подключиться не только к дизайну, но и к самому запуску — пересобрать первую версию, найти разработчиков и изменить формат продукта.

О проекте

Заказчик проекта: стартап, приложение «Изи».

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

Изображение предоставлено агентством UXART с сайта uxart.ru

Ситуация на старте проекта

«Изи» изначально создавалось как приложение для помощи в профориентации школьников. Ведь именно в школе ты лучше всего можешь начать готовиться к будущей профессии. Но не через «длинное описание» того, что будешь делать в будущем — а через практические задания от топовых компании России.

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

В какой-то момент UXART (Юиксарт) подключился к проекту уже не только как дизайнерская команда. Специалисты взяли на себя арт-дирекцию, а затем и часть продуктовых задач, помогли выбрать новых разработчиков и пересобрать объем первой версии. В результате «Изи» вышел в формате приложения ВКонтакте.

Изображение предоставлено агентством UXART с сайта uxart.ru

Решение

От профессии — к конкретной задаче

Основой продукта стали кейсы.

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

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

Для тех, кто пока не выбрал направление, предусмотрена другая точка входа — отрасли.

Сначала пользователь выбирает область, затем смотрит связанные с ней профессии и кейсы.

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

Название тоже пришлось проверять

Одновременно с интерфейсом команда занималась фирменным стилем.

Изображение предоставлено агентством UXART с сайта uxart.ru
Изображение предоставлено агентством UXART с сайта uxart.ru

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

Для каждого направления собрали собственные варианты.

Всего получилось более 50 ассоциаций.

Изображение предоставлено агентством UXART с сайта uxart.ru

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

В дальнейшем этот принцип продолжили в интерфейсе.

Один тип задания быстро наскучил бы

Для аналитики команда изучила семь похожих проектов.

В них нашли несколько механик, которые можно было адаптировать под «Изи».

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

Изображение предоставлено агентством UXART с сайта uxart.ru

Есть задания с изображениями и текстовыми карточками.

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

Изображение предоставлено агентством UXART с сайта uxart.ru

Но приложение не ограничили тестами.

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

Изображение предоставлено агентством UXART с сайта uxart.ru

Такие сценарии позволяют показать сам характер работы, а не только проверить запоминание информации.

Длинные кейсы потребовали собственной навигации

Отдельная проблема возникла с объемными заданиями.

Если пользователь проходит большой кейс одним длинным списком, он плохо понимает, где находится и сколько осталось.

Для таких сценариев разработали карту прогресса по отрасли (Road Map).

Изображение предоставлено агентством UXART с сайта uxart.ru

Она показывает пройденные этапы и помогает вернуться к нужному месту.

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

Первая версия должна была быть реальной

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

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

Этот этап оказался особенно важным из-за предыдущего опыта проекта.

Изображение предоставлено агентством UXART с сайта uxart.ru

До подключения UXART (Юиксарт) продукт уже пытались разрабатывать несколькими командами, но релиз не состоялся.

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

От интерфейса к управлению продуктом

После пересборки проекта UXART (Юиксарт) помог подобрать команду разработки и подключился к управлению процессом.

В результате изменился и формат самого продукта.

Вместо отдельного мобильного приложения проект вышел как приложение ВКонтакте.

Изображение предоставлено агентством UXART с сайта uxart.ru

Это позволило наконец перейти от прототипов к работающему сервису.

При этом визуальная часть проекта никуда не исчезла.

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

Результат прохождения зависит от задания

Для обычных вопросов результат можно получить автоматически.

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

Такой подход позволяет использовать разные механики для разных профессий.

Изображение предоставлено агентством UXART с сайта uxart.ru

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

Что получилось

В рамках проекта UXART (Юиксарт) разработал фирменный стиль «Изи», структуру продукта, каталог отраслей и профессий, механику профессиональных кейсов и разные типы заданий.

Но основное отличие этого проекта от обычной работы над интерфейсом — в его пути до запуска.

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

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

Изображение предоставлено агентством UXART с сайта uxart.ru