Редизайн дешборду

Проблема

Інтерфейс головного екрана студента був перевантажений, а частина елементів працювала не так, як очікували користувачі. Головне — домашнє завдання було сховане в іншому розділі: учні його не знаходили й не виконували, а викладачі щоразу пояснювали, де воно, — це забирало час на початку та в кінці уроку. Ті, хто пам'ятав про завдання, але не міг знайти, зверталися в підтримку.

Задача

Задача — оптимізувати UX дешборду студента (головного екрана), спростити інтерфейс, покращити навігацію та змістити фокус на навчання й домашні завдання.

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

Heatmap і записи сесій

Записи поведінки користувачів показали

• Користувачі часто клікали на логотип і аватар студента, очікуючи переходу на головну або в профіль.
• Домашнє завдання часто лишалося непоміченим.
• Деякі пункти меню використовувались рідко.

Опитування студентів

Провела глибинні інтерв'ю з відкритими питаннями серед 10 студентів.

Ключові інсайти

• Візуальні елементи не мали очікуваної функціональності.
• Аватар виглядав як посилання на профіль, але не працював.
• Студентам було складно швидко знайти домашнє завдання.
• Було бажання завантажити власне фото для персоналізації.

User Journey (CJM)

Після збору інсайтів склала Empathy Map, щоб краще зрозуміти мотивації, страхи, потреби та бар'єри студентів. Далі — CJM, який показує шлях користувача й допомагає виявити больові точки.

Сценарії: увійти в дешборд → продовжити навчання; знайти домашнє завдання; перейти до словника.

Больові точки

• Неклікабельні логотип і аватар збивають з пантелику.
• Домашнє завдання не видно одразу.
• Інтерфейс перевантажений і складний для навігації.

Гіпотези

• Якщо розмістити домашнє завдання вище, більше користувачів його виконуватимуть.
• Якщо дати змогу змінювати аватар, це посилить відчуття персоналізації.
• Якщо зменшити логотип, зберігши кнопку «Home», бренд лишиться присутнім, а візуального шуму стане менше.

Тестування нового екрана

Оскільки дизайн-система вже існувала, тестувала на фінальних макетах з оновленими UI та UX — важливо було також перевірити, чи нова інфографіка збігається з очікуваннями користувачів. Створила клікабельний оновлений екран дешборду у Figma.

Тестування з участю 5 користувачів показало:

• Очікувалась можливість кліку по аватару — тепер реалізовано.
• Покращено розуміння структури панелі керування.
• Підвищення залученості користувачів у виконання домашніх завдань.