Я Екатерина Батина

Задача

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

Проблематика

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

Основными проблемами текущего сценария были:

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

Основные пользователи — студенты, которые хотят видеть, какие задания даны по предмету, не пропускать дедлайны и планировать своё время. Вторая аудитория — преподаватели: им проще загружать задания и проверять их со смартфона в дороге.

[Экраны AS IS: раздел «Дедлайны»]

Гипотезы и решения

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

[Экраны создания задачи]

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

[Экран уведомлений]

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

[Экраны списка и поиска]

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

[Экраны календаря: свёрнутый и развёрнутый]

Из Job Stories: студенту нужны чёткие критерии оценки и возможность отчитаться о работе. Карточка задания состоит из двух частей: краткое содержание и вводные от преподавателя и заметки, которые студент ведёт во время работы. Работа отправляется из карточки: после отправки статус меняется на «На рассмотрении», в списке появляется отправленная ссылка. Если ссылка оказалась неверной, можно отправить другой файл.

[Экраны просмотра и отправки задания]

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

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

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

Краткие результаты интервью:

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

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

[Таблица сравнения конкурентов]

На основе интервью и анализа сформулировала 5 Job Stories, например: «Учусь в университете, я хочу видеть все свои задания в одном месте, чтобы оценить нагрузку и спланировать время». По ним собрала User Flow и вайрфреймы, вайрфреймы протестировала до отрисовки макетов.

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

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

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

Дизайн-система

Раздел собран на Design System HSE: типографика HSE Sans, кнопки во всех состояниях, сегментированный контрол, таб-бар. Недостающие компоненты спроектировала в логике системы: календарь в свёрнутом и развёрнутом виде, выпадающий список, карточку задачи со статусами. Всего в UI-кит вошло 25 компонентов.

[Блок с типографикой, кнопками, табами, календарём]