Figma, Figma Mirror
Инструменты
UX/UI дизайнер
Моя роль
Март 2022
Даты

Голосовой ассистент «Самокат»

2

Обзор проекта

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

О сервисе «Самокат»

Основной рост компании пришёлся на начало пандемии. Самокат первыми дали людям то, что им нужно: быстрая и бесплатная доставка.
Самокат — сервис доставки продуктов на дом. Фишкой «Самоката» является время доставки (15−10 минут). Доставка бесплатная. Приложение простое и понятное.

О проекте

Анализ шагов покупки

Перед разработкой я изучила процесс оформления заказа в «Самокате»: сколько шагов он занимает, какие сложности могут возникнуть и как его улучшить.
4. Умный поиск: ассистент понимает вариации названий и исправляет неточные запросы, упрощая процесс выбора.
3. Удобен для людей с особыми потребностями: голосовые команды и ответы делают интерфейс доступнее, а подтверждение заказа голосом снижает количество ошибок.
2. Помогает при ошибках предлагает альтернативы товаров и способы оплаты.
1. Сокращает количество шагов и упрощает управление заказами, позволяя выполнять все действия — от оформления до отмены — в одном окне.
Я разработала концепцию голосового ассистента, который:

Решение: голосовой ассистент

1. Множество шагов: длинные списки покупок увеличивают количество действий, особенно при поиске через каталог.
3. Недостаточная инклюзивность: в интерфейсе пока не предусмотрено голосовое управление, которое бы помогло пользователям с нарушениями зрения и моторики.
2. Нет решения ошибок: при неудачной оплате или отсутствии товара не предлагаются варианты исправления.
4. Сложности поиска: поиск не распознаёт опечатки или неточные запросы.
Анализ шагов покупки помог найти точки для улучшения.

Проблемы текущего опыта

Проблемы и решение

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

Яндекс «Алиса»

3. Полезная функция напоминания о содержимом корзины.
2. Универсальная кнопка помощника, объединяющая функции записи, обработки запроса и остановки речи.
2. В случае проблем с распознаванием речи не всегда есть доступ к клавиатуре для ручного ввода запроса.
1. Не все ошибки в запросах пользователя обрабатываются с рекомендацией решений.
1. Зачитывание текста голосовым помощником и возможность остановки этой функции.
Минусы:
Плюсы:

Сбер «Салют»

3. Не показаны детали ценообразования, что нарушает эвристику Нильсена «на виду, а не в памяти».
2. На некоторых шагах пропадает возможность вручную ввести данные, что ограничивает гибкость использования.
2. Анимация кнопки голосового помощника при распознавании речи, обработке ответа и его озвучивании помогает пользователю понять, что ассистент работает и обрабатывает запрос.
1. Полезная функция маркировки товаров цифрами для упрощения выбора.
1. Отсутствие онбординга и подсказок делает функцию голосового помощника менее заметной и понятной для пользователя.
Минусы:
Плюсы:

Анализ конкурентов
с голосовыми помощниками

Я изучила решения конкурентов, у которых уже внедрены голосовые ассистенты для заказов продуктов: Сбер «Салют» и Яндекс «Алиса» (тестовая версия).

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

Определены основные сценарии взаимодействия пользователей с голосовым помощником: от стандартных ситуаций до критических случаев. Это помогло учесть разнообразные потребности и контексты использования.
3. Критический сценарий. Во время оплаты возникает ошибка и помощник предлагает варианты решения проблемы.
2. Дополнительный сценарий. Пользователь не уверен, что ему нужно, и просит голосового помощника порекомендовать товары.
1. Основной сценарий. Пользователь заказывает продукт через голосового помощника и завершает покупку, оплатив заказ.
На основе собранных данных созданы вайрфреймы, которые помогли определить примерный дизайн и оптимизировать пользовательский путь.

Вайрфреймы

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

Дизайн

Респонденты оценили голосового помощника как полезный инструмент и помогли выявить ключевые точки для повышения удобства и доступности.
3. Кнопка клавиатуры: улучшение визуального дизайна (иконки, размеры) для повышения интуитивной понятности.
2. Альтернативные товары: сразу предлагать альтернативные товары, а не спрашивать пользователя нужно ли это ему.
1. Сокращение онбординга: уменьшить количество экранов с трёх до одного, чтобы сделать процесс проще и повысить вовлечённость.
Предложенные улучшения после тестирования:
Для оценки удобства разработанного решения было проведено тестирование с активными пользователями сервисов доставки. Участники взаимодействовали с прототипом в Figma Mirror, проходя три сценария: стандартный, дополнительный и критический.

Тестирование

  • Тестировала интерфейс на пользователях с помощью Figma Mirror для подтверждения/опровержения гипотез.
  • Интегрировала новое решение в существующую дизайн-систему.
  • Прокачала навыки мобильной разработки
Работа над проектом позволила создать голосового помощника для заказа продуктов.
В процессе я:

Выводы

vasilchenko.daria@yandex.ru
+972 50-755-9062
Хайфа, Израиль

Контакты