Назад к списку проектов
Проектирование личного кабинета и цифрового портфолио студента Политеха
О задаче
ПолиКапитал - это сервис созданный, в первую очередь, для представления достижений студентов в более удобном для потенциальных работодателей виде. Работа над данным проектом включала в себя глубокую проработку и анализ технического задания. Во время принятия структурных и дизайнерских решений уделялось большое внимание унификации используемых элементов и продумыванию возможных вариантов взаимодействия пользователя с интерфейсом.
Кейс разрабатывался в команде с менеджером, отвечающим за связь с клиентом. Моя часть обязанностей заключалась в непосредственной разработке каждой части интерфейса, анализе входных данных и формулировании уточняющих вопросов.
Веб
UX/UI дизайнер
4 месяца
Контекст
Инвестирование в молодых специалистов может приносить компаниям долгосрочные выгоды, позволяя им привлекать и развивать талантливых сотрудников, способных к инновациям и успеху в будущем. Однако поиск подходящих для этого кандидатов - непростая задача, так как результаты и достижения на этом уровне различны и с трудом поддаются оценке.
Цель
Реализовать систему для сбора и представления результатов и достижений студента с целью предоставления доступа к этой информации потенциальным работодателям.
Решение
Агрегатор достижений
Система обрабатывает всевозможные активности и достижения студента превращая их в количественные данные. Визуальная репрезентация полученных данных в профиле студента способствует упрощению и ускорению оценки кандидатов работадателями.
Профиль студента
Наглядное представление сложных данных
Главной особенностью профиля стала так называемая “паутинка компетенций”, позволяющая визуализировать достижения кандидатов отдельно по каждой, интересующей работадателя компетенции.
Диаграмма "Паутинки компетенций"
Рейтинг со сложной фильтрацией
Еще одна ососбенность, помогающая работадателям - это формирование рейтинга студентов на основе заданных параметров. При этом некоторые из них содержат в себе сотни опций, что продиктовало необходимость добавления в них поиска.
Страница рейтинга студентов по параметрам
Обширные возможности редактирования профиля организации
Для того, чтобы заполучить интересующие кадры, организациям необходимо также предлагать интересные для студента возможности. Организация в данной системе имеет возможность добавлять свои мероприятия, активы и компетенции, а также предлагать товары к продаже. Каждая из этих сущностей имеет свои особенности и статусы, от которых зависит доступный представителю организации функционал.
Страницы профиля организации
Мессенджер с возможностью регулирования конфликтов
Прямо в системе можно сразу связаться с интересуемыми людьми с помощью мессенджера. Интересным функционалом является то, что в него добавлена возможность пригласить в чат администратора для урегулирования конфликтов.
Мессенджер
Панель администратора
Добавление, редактирование и удаление данных в подавляющем большинстве случаев реализуется командой администраторов. Для их удобства был спроектирован специальный раздел системы, основой которого стала редактируемая таблица.
Панель администратора
Процесс
Техническое задание к данному проекту расширялось и уточнялось параллельно с разработкой интерфейса. Для соблюдения всех требований заказчика и совпадения ожиданий и реальности каждая итерация работы над проектом сопровождалась тремя этапами: анализ запроса и уточнение деталей, разработка и согласование низкоуровневых прототипов, разработка дизайна.
Анализ
На основе анализа предъявленных к системе требований в первую очередь были выделены три три типа пользователя: Студент, Организация и Администратор и с учетом этого разработана структура разделов системы и механизм их взаимодействия.
Карта сайта
Прототипирование и согласование
Все решения, предлагаемые для реализации конкретного функционала визуализировались при помощи низкоуровневых прототипов, после чего они презентовались, и при необходимости обсуждалось внесение изменений.
Низкоуровневые прототипы
Дизайн
Визуальное решение интерфейса формировалось итерационно. Однако при его разработке было принято во внимание два фактора: программная реализация была поставлена в параллель с разработкой интерфейса и задача предполагала реализацию большого количества различного функционала. Необдуманный подход мог привести к созданию большого количества элементов, что замедлило бы процесс разработки.
Подход к дизайну был построен таким образом, чтобы реализовать максимальную переиспользуемость компонентов для ограничения количества элементов. Большое внимание уделялось их визуальной унификации. Так, вид и состояния поля ввода визуально совпадает со строкой поиска, выпадающим списком и комбобоксом. При этом введение новых элементов происходило только после анализа всех существующих элементов на пригодность для решения поставленной задачи. Каждое состояние элементов документировалось в UI-kit.
UI-kit
Подготовка к разработке
Сценарии взаимодействия пользователя с интерфейсом уточнялись в том числе на макетах для наглядного объяснения.
Передача макетов в разработку
Елисеева Елена | Продуктовый дизайнер