AI

Веб-сервис

EdTech

B2С

ИИ-помощник

Задача

Спроектировать интерфейс проприетарного ИИ-помощника (End-to-end, from 0→1)

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

О продукте

Процесс работы

Затем я проанализировала обращения
студентов к текущему ИИ -помощнику: изучила категории вопросов, частоту обращений, глубину диалогов и повторяемость сценариев.
Анализ позволил:

• выявить ключевые и самые частые категории пользовательских запросов,
• понять, какие запросы можно закрыть
с помощью ИИ-помощника,
• понять, какие сценарии дают реальную ценность, а какие можно исключить
на этапе MVP

На старте я изучила имеющиеся и собрала недостающие данные, сформировала и согласовала Vision продукта

01

Discovery (исследование)

02

Анализ конкурентов

Дополнительно я прочла ряд профильных статей по UI/UX для AI (ИИ)-продуктов и EdTech, чтобы учесть проверенные паттерны взаимодействия AI(ИИ) с пользователем

Затем я проанализировала существующие AI(ИИ)-решения

03

Решение

На основе ранее полученных данных зафиксировала и согласовала ключевые пользовательские сценарии и их приоритетность

Сценарии

Сценарий: продолжение диалога при навигации

Сценарий: получение ответа на типовой запрос/быстрая формулировка

Сценарий: понимание материала/уточнение задания

Сценарий: первое открытие и активация ИИ-помощника

Гипотезы

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

Разметка (Markdown)

Статус: ошибка генерации

Статус: думаю

Поле ввода + скролл

Поле ввода заполненное

ИИ-помощник понимает, где находится студент, и помогает ему формулировать запросы, опираясь на контекст

Контекстные подсказки

ИИ-помощник в увеличенном состоянии намеренно не закрывает всю рабочую область, чтобы сохранялось погружение в урок

Увеличенный помощник

Свёрнутый помощник

ИИ-помощник хранит историю всех диалогов пользователя, которые можно удалить при необходимости

История диалогов

Разработала wireframe

Wireframe

04

Впервые открыв ИИ-помощника, пользователь видит вводное приветствие

Первое открытие

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

Действия с сообщениями

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

Активный диалог

Сформировала UI-кит, подробную спецификацию, создала цветовые токены для разработчиков

UI-кит/спецификация

Адаптивы

Спроектировала контекстный ИИ-помощник, который:

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

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

Результат

HR-платформа

SkyMetric: сервис аналитики товаров

Ещё больше проектов

Связаться со мной: