10 минB2CCase StudyMobile2022

HSE Task Tracker: задачник для студентов ВШЭ

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

О проекте

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

В рамках проекта был спроектирован новый раздел — «Задачник». Его задача — помочь студентам видеть все текущие задания и информацию к ним в одном месте.

Контекст

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

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

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

Что было сделано

  • Анализ текущих сценариев планирования учебных задач студентами;
  • Проведение опроса целевой аудитории для выявления привычек и проблем;
  • Проведение интервью со студентами для уточнения болей, сценариев и ожиданий;
  • Формирование ключевых инсайтов и пользовательских сценариев;
  • Проектирование User Flow для раздела «Задачник» и разных типов задач;
  • Разработка вайрфреймов ключевых экранов и проверка структуры сценариев;
  • Проектирование итоговых экранов.

Проблема

1. Задания разбросаны по разным каналам

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

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

2. Сложно увидеть приоритеты и дедлайны

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

Обычные списки задач не учитывают учебный контекст: предмет, преподавателя, вложения, подзадачи, процент задания и дедлайн.

3. Изменения легко пропустить

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

Это приводит к путанице и повышает риск сдать работу позже срока или выполнить её по устаревшим требованиям.

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

Опрос

На первом этапе был проведён опрос. В нём приняли участие 76 человек.

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

Интервью

После опроса были проведены интервью с 12 респондентами, среди которых были студенты ВШЭ.

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

Основные наблюдения:

  • Задания и материалы часто находятся в разных местах;
  • После выполнения задания студент может забыть, куда его нужно отправить;
  • В обычных таск-трекерах не хватает простоты;
  • Редактирование задач в некоторых инструментах кажется сложным;
  • Студентам не хватает визуального способа распределить задания по времени;
  • Изменения от преподавателей сложно вовремя заметить.

Главный инсайт

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

Поэтому решение должно быть частью HSE App. Так студенту не придётся переключаться между разными сервисами и собирать информацию по кусочкам — всё необходимое будет доступно в привычном приложении.

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

User Stories

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

User Flow

Для проектирования сценариев был построен User Flow, который помог посмотреть на опыт студента целиком и понять, как он взаимодействует с разделом «Задачник» в разных ситуациях — от знакомства с задачами до их выполнения и управления ими в процессе.

Wireframes

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

Решение

Онбординг нового раздела

Для запуска нового раздела предусмотрен короткий онбординг. Его задача — быстро объяснить ценность «Задачника» при первом знакомстве.

Раздел «Задачник»

«Задачник» объединяет учебные и личные задачи в одном месте. Внутри предусмотрено разделение задач по разным категориям для удобной навигации и быстрого доступа к нужному типу задач.

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

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

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

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

Страница учебной задачи

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

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

Страница своей задачи

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

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

Создание задачи

Создание задачи выполнено в виде bottom sheet. Окно снижает ощущение сложности: студент остаётся в контексте списка и может быстро добавить задачу без перехода на отдельный экран.

Студент может указать название, описание, дедлайн, подзадачи, напоминания, вложения и участников.

Редактирование выглядит аналогично, поэтому сценарий остаётся простым и предсказуемым.

Календарь и фильтры

Для удобства навигации и отслеживания доступен календарь, где можно оценить нагрузку по дням, неделям и месяцам.

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

Виджет на главном экране телефона

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

Итог

В результате был спроектирован новый раздел «Задачник» для HSE App — учебный таск-трекер, который помогает студентам держать задания, дедлайны, материалы и напоминания в одном месте.

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