ВШЭ / Новый раздел
«Таск-трекер»

Высшая школа экономики — один из крупнейших университетов России. Приложение HSE App X для преподавателей и студентов ВУЗа включает в себя: расписание, раздел с дедлайнами, зачётку студента с оценками и рейтингом, поиск по студентам, сотрудникам, преподавателям, аудиториям и проектам.

‍

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

‍

Задача: На основе раздела «Дедлайны» и всего приложения в целом продумать новый раздел «Таск-трекер» для студентов и внедрить его в существующее мобильное приложение HSE App X с опорой на дизайн-систему НИУ ВШЭ.

Ссылка на Figma

Клиент

Яндекс Практикум

Вид работы

Продуктовый дизайн

Год

2023

Видеопрезентация работы

Исследования

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

  • Приложение HSE App X открыто только для сотрудников и студентов Высшей школы экономики, поэтому, чтобы изучить то, как работает приложение, как студенты с ним взаимодействуют и выполняют свои задачи, мне пришлось искать студента ВШЭ. Через посредника удалось получить все необходимые мне скрины приложения. Логически связала данные экраны, удостоверившись у студента, что всё верно поняла.
  • Собрала фидбек в App Store не только об HSE App X, но и о его конкурентах, чтобы выявить боли и наиболее востребованные среди пользователей функции в сервисах планирования личного и рабочего времени.
  • Выявила, что прямые конкуренты HSE App X (приложения ВУЗов) выполняют чисто информационную функцию, никак не помогая студентам с планированием своего учебного времени, а тем более с отслеживанием дедлайнов по их домашним заданиям, они отображают расписание, информируют студентов о событиях и новостях университетской жизни. Поэтому я сконцентрировалась на исследовании приложений косвенных конкурентов: таск-менеджера Todoist, студенческого планера iStudiez Pro, Google Calendar и Google Tasks.
  • Для выбора респондентов тезисно текстом описала целевую аудиторию.
  • На основании полученных инсайтов с анализа существующего приложения, конкурентного анализа и фидбека сформировала гипотезы, чтобы проверить их в рамках проведенных мною глубинных интервью с 3мя представителями целевой аудитории (студентов ВУЗов). Гипотезы подтвердились.
  • Сформулировала задачи на проектирование интерфейса в виде User Stories:
  • Как студент, я хочу видеть расписание, новости и все мои домашние задания в одном месте, чтобы не тратить время на их поиски, комфортно распределять нагрузку и чтобы не забыть ни про одно из них.
  • Как студент, имеющий множество различных занятий и дел помимо учёбы, я хочу получать заранее уведомления о приближающихся дедлайнах, чтобы сохранить свою успеваемость по предметам и испытывать меньше стресса.
  • Как студент, я хочу иметь возможность добавлять к домашним заданиям дополнительные материалы, комментарии, чтобы вся необходимая для выполнения задания информация была у меня в одном месте, и я мог бы спокойно сконцентрироваться над заданием.
  • Как студент, я хочу разбивать свои текущие задачи на подзадачи, чтобы понимать, из каких этапов состоит домашнее задание, и сколько требуется мне времени на её выполнение.
  • Как студент, я хочу при выполнении подзаданий видеть прогресс выполнения того или иного задания, чтобы мотивировать себя двигаться все дальше и дальше.

Более подробную информацию о проведенных UX-исследованиях (описание процесса, анализ и инсайты) можно найти в файле Figma.

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

На схеме отражены основной, дополнительные и экстренные сценарии взаимодействия пользователя с приложением (User Flow).

Дизайн

Дополнение дизайн-системы

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

Стартовый экран основного сценария

Поиск и просмотр заданий по всем предметам по основному сценарию начинается с раздела заданий («Таск-трекер») приложения HSE App X. Функционал раздела:‍
  • С помощью элемента iOS Segmented control можно просматривать текущие и готовые задания.
  • Можно создать новое задание.
  • С помощью календаря можно отфильтровать задания в том или ином сегменте для быстрого поиска нужного.
  • Задания с задизабленными чекбоксами созданы преподавателями, их можно завершить, только отправив на проверку на странице задания, а личные задания можно завершить в любой момент, нажав на чекбокс.
  • Можно отследить прогресс выполнения каждой задачи.

Дополнительный стартовый экран — раздел расписания

Поиск и просмотр задания возможен так же и из раздела расписания (переход в карточку с предметом, а затем в карточку с заданием). Функционал раздела:
  • С помощью банера о новом разделе можно активировать пошаговое знакомство студентов с новым разделом.
  • С помощью календаря можно отфильтровать предметы для быстрого поиска нужного.
  • В карточке с предметом можно изучить всю необходимую по предмету информацию и посмотреть все домашние задания, текущие и завершенные.
  • В блоке «Домашние задания» карточки с предметом можно перейти в карточку выбранного задания.

Дополнительный стартовый экран — раздел поиска

Поиск по приложению так же может помочь найти студенту задание по тому или иному предмету. Искать можно не только задания, но и дисциплины, студентов, сотрудников (в том числе и преподавателей) и аудитории.

Карточка задания

При проектировании карточки задания все пожелания заказчика, отраженные на изображении справа, были учтены. Дополнительно, исходя из инсайтов, полученных при проведении UX-исследований, был предусмотрен следующий функционал:
  • Установка напоминаний и выбор участников может осуществляться как преподавателем (тогда изменить установленное может только он/она), так и студентом.
  • Отслеживание прогресса выполнения задания (прогресс-бар заполняется по мере выполнения подзаданий).
  • Подзадания может устанавливать как преподаватель (тогда удалить подзадания нельзя), так и студент.
  • Возможность оставлять комментарии, прикреплять фотографии, файлы, записывать аудио и делать снимки.
  • При загрузке работы на сторонний ресурс путем нажатия на кнопку «Отправить готовое задание», задача автоматически перейдет в статус «Выполнено».

Дополнительный сценарий — создание задания студентом

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

Фичи для удобства пользования

Действия по свайпу ускоряют работу с задачами.
‍
Функции комментирования и прикрепления различных типов файлов, судя по отзывам пользователей и ответам респондентов, очень важны, особенно для студентов, ведь они постоянно работают с различными документами, преподаватели скидывают различные ссылки для ознакомления, им приходится часто фотографировать книги, конспекты и проч. Удобно, когда всё необходимое для выполнения задания находится в одном месте.

Помощь пользователю

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

Результат

Новый раздел «Задания» («Таск-трекер») стал усовершенствованной версией «Дедлайнов». Теперь домашние задания, созданные как преподавателями, так и самими студентами, собраны в одном месте и распределены по датам дедлайнов. К этим заданиями ещё и все материалы, необходимые в работе, можно прикрепить. Ничего не потеряется, студенту не нужно запоминать, где и что находить, до какого числа сдать ту или иную работу.

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

‍

Создание нового задания осуществляется в 5 кликов: в разделе «Задания» нажать на кнопку добавления задачи, ввести название, установить дедлайн и нажать на галочку («Готово»).

Просто свяжитесь со мной в Telegram

@ChristinaShatskikh