Улучшение фильтров и юзабилити для Стор Локатора
Store Locator (SL) — место навигации и продаж продуктов и сервисов IQOS. Проще говоря, — важная страница для бизнеса. Благодаря SL пользователь может не только найти ближайший магазин на карте, но и увидеть, какие продукты и сервисы доступны в точках продаж.
👩🏼💻 Моя роль
Дизайнер продукта — погружение в задачу, исследование с кросс-функциональной командой, разработка Ui-kit под проект, проектирование UX/UI, прототипирование, отрисовка экранов для дальнейшей разработки, обзор результатов.
Дизайнер продукта — погружение в задачу, исследование с кросс-функциональной командой, разработка Ui-kit под проект, проектирование UX/UI, прототипирование, отрисовка экранов для дальнейшей разработки, обзор результатов.
👨🏻💻👩💻 Команда
2 Продуктовых дизайнера
1 Продуктовый менеджер
1 UX-исследователь
2 Разработчика
2 Продуктовых дизайнера
1 Продуктовый менеджер
1 UX-исследователь
2 Разработчика
📊 Результат за 3 месяца
- Запросы в Службы Заботы -13%
- Customer Satisfaction Index (CSAT) +14%
- Retention rate +10%
- Время задачи -34% (с 2,5 минуты до 1,5)
Промежуточное решение, которое было реализовано в качестве MVP, имело ряд UX-проблем. Важно создать полноценное функциональное решение для Store Locator, чтобы снизить нагрузку на Службу Заботы и увеличить индекс удовлетворенности использования сервиса
Первоначальная проблема
🔎 Продуктовые гипотезы
- Если мы сделаем удобный поиск по фильтрам, то получим меньше запросов в Службу Заботы
- Если мы на стартовом экране покажем поиск по адресу/ спискам/ фильтрам, то время задачи до цели уменьшится
- Если мы сделаем фильтры с картинками/ иконками, то коэффициент удовлетворенности увеличится
🌟 Решение
Прежде чем приступить к описанию процесса проектирования, вот прямое сравнение редизайна:
Прежде чем приступить к описанию процесса проектирования, вот прямое сравнение редизайна:
Прошлая версия
Прошлая версия
Новая версия
Новая версия
Погружение в задачу
Постановка задачи от бизнеса
Изначальное бизнес предложение — создать функциональный сервис, доступный как в десктопной, так и в мобильной версии, который облегчает и оптимизирует процесс поиска нужных продуктов на карте.
🎯 Создание Оптимального Шаблона Дизайна: спискок продуктов бренда IQOS постоянно расширяется, поэтому важно разработать такой дизайн, чтобы в него было удобно добавлять новые сервисы и продукты. В будущем это значительно сэкономит время и ресурсы.
🎯 Широкий Выбор Фильтров: важно сделать большой и удобный поиск по фильтрам, который объединит в себе все бренды, — как lil SOLID, так и IQOS. Еще необходимо проработать сортировку по стикам, — как для HEETS, так и для Fiit.
🎯 Создание Оптимального Шаблона Дизайна: спискок продуктов бренда IQOS постоянно расширяется, поэтому важно разработать такой дизайн, чтобы в него было удобно добавлять новые сервисы и продукты. В будущем это значительно сэкономит время и ресурсы.
🎯 Широкий Выбор Фильтров: важно сделать большой и удобный поиск по фильтрам, который объединит в себе все бренды, — как lil SOLID, так и IQOS. Еще необходимо проработать сортировку по стикам, — как для HEETS, так и для Fiit.
Исследование и анализ
В чем ценность Store Locator для пользователей?
Вместе с UX-исследователем запланировали серию собеседований, чтобы понять потребности пользователей. Затем определили User Story, которые будем разрабатывать в проекте, чтобы сделать ценный пользовательский опыт.
Проблемы прошлого дизайна
Чтобы наладить структурированный подход к оценке и улучшению пользовательского опыта, я провела аудит прошлой версии дизайна.
User Flow
Проработка пользовательского пути
После исследования и анализа, последовал этап изучения User Jorney Map. Этот инструмент оказался крайне важным для определения ключевых задач, которые решит сервис. Затем сформировала User Flow.
Визуальный язык
Формирование Ui-kit
После завершения этих этапов, перешла к формированию Ui-элементов. В проект внедрила недостающие компоненты, соответствующие требованиями разработки.
Визуализация и итерации
В процессе детальной отрисовки сценариев я взаимодействовала с заинтересованными сторонами и потенциальными пользователями для сбора обратной связи. Этот диалог оказался необходимым для развития и усовершенствования продукта. Используя итерационный подход, постепенно адаптировала и модифицировала дизайн, учитывая полученные замечания и предложения.
В результате, совмещая креативный подход и систематические обновления, было определено окончательное решение. Это решение не только соответствовало требованиям бизнеса и ожиданиям целевой аудитории, но и заложило прочный фундамент для развития продукта.
В результате, совмещая креативный подход и систематические обновления, было определено окончательное решение. Это решение не только соответствовало требованиям бизнеса и ожиданиям целевой аудитории, но и заложило прочный фундамент для развития продукта.
Результаты и влияние
Показатели использования мобильного веб-приложения рассматривались вместе с десктопными. Тем не менее, мы достигли впечатляющих результатов, которые касались мобильной версии.
Время задачи
-34%
+10%
Удержание пользователей
🌟 Достигнуты KPI
Запросы поддержки в Службу Заботы
-13%
+14%
Удовлетворенность пользователей
Приведенные ниже экраны относятся к одной из окончательных итераций, которая была передана для реализации и помогла достичь поставленных целей.
