Новые кассы самообслуживания в Магните: история редизайна интерфейса

от автора

Привет, Хабр! В этой большой статье расскажу о причинах и целях редизайна интерфейса касс самообслуживания в «Магните», а также об основных результатах, достигнутых за полтора года. Мы провели серию исследований, обновили парк касс и внедрили ключевые улучшения, которые уже изменили работу магазинов. Поехали! 🚀

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

Что мы делали после исследований

Догнали конкурентов

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

  1. Возможность сканирования бонусной карты на старте и в корзине.

  2. Выделение на экране товаров со скидкой по программе лояльности.

  3. Упрощенная система печати чеков.

  4. Отказ от весовых платформ.

  5. Сокращение участия сотрудников — только подтверждение возраста при продаже алкоголя, табака и получение скидки пенсионера.

Новый функционал

В первую очередь мы доработали возможность отсканировать бонусную карту Магнит Плюс перед началом покупки и при формировании корзины. Это нововведение позволило улучшить пользовательский опыт: покупатели стали в полтора раза чаще использовать карту Магнит Плюс, что привело к росту среднего чека на 10%. Повышение удовлетворенности клиентов отразилось на лояльности и выручке.

В корзине добавили акцент на промо-товарах и отображение цены со скидкой. Это дало прирост в чеках с добавленной бонусной картой. Появилось дополнительное окно с вопросом «Печатать ли чек?». Это добавило лишнее нажатие, но зато облегчило жизнь сотрудникам, так как чеки перестали копиться у касс самообслуживания, а покупатели стали проявлять заботу о природе.

Чтобы уменьшить время покупки, убрали платформы контроля веса товаров. Это позволило сэкономить пространство магазина и установить больше касс самообслуживания.

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

Полноценный процесс Discovery

Процесс Discovery позволил команде фокусироваться на задачах, которые оказывают наибольшее влияние на ключевые показатели продукта. Мы поставили перед собой амбициозную цель — внедрять 80% задач, прошедших этап исследований. Это дало возможность оперативно реагировать на потребности рынка и оптимизировать кассы под реальные запросы клиентов.

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

Помимо вопросов о жалобах покупателей, мы также отслеживали лояльность сотрудников к кассам самообслуживания. Вот как изменились их мнения до и после внедрения новых функций. Мы спросили, как они отреагируют, если кассы самообслуживания уберут завтра. В начале года результаты распределились следующим образом: 17% сильно расстроятся, 40% немного расстроятся, а 43% не испытают никаких эмоций. После внедрения новых функций картина изменилась: 47% сообщили, что будут сильно расстроены, 36% — немного расстроены, и лишь 15% не будут обеспокоены вовсе.

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

Экспансия, оборудование и бизнес

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

В конце 2022 году Магнит принял решение о первой волне оснащения магазинов у дома — покупке 10 000 касс. В адресную программу оснащения вошли более 2500 магазинов, или 13% от всей сети. Это означало запуск большого проекта по закупке оборудования, редизайна и переоборудования кассовой зоны по всей сети.

Кассы самообслуживания в гипермаркете Магнит

Кассы самообслуживания в гипермаркете Магнит

Непростым был выбор производителей и поставщиков оборудования — нужно было найти партнеров способных давать массовый продукт со стабильным качеством за минимальную стоимость. При этом оборудование должно быть стандартизированным по сети, быть адаптивным к стандартам мебели и сопутствующего оборудования для касс, быстро монтироваться и быть заменяемым. Выбирали между 10 поставщиками и более чем 15 моделями.

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

Новые кассы самообслуживания Магнит

Новые кассы самообслуживания Магнит

При закупке таких объемных партий стало очевидно, что инвестиции в свой программный продукт — это не просто уход от внешней зависимости и управление клиентским опытом — это экономическая нецелесообразность, позволяющая за счет расширения модельного ряда существенно влиять на контрактную цену закупки. Уменьшение стоимости закупки оборудования при переходе на свой программный продукт окупил расходы на всю продуктовую команду за первый год, еще до того, как мы начали получать эффект от изменения операционной модели в магазинах.

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

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

 Редизайн зон с кассами самообслуживания

 Редизайн зон с кассами самообслуживания

Концепция нового интерфейса

Консистентность

После Discovery с гипотезами на руках я спроектировал концепцию нового интерфейса используя общую дизайн-систему, которую используют команды мобильного приложения и web-a Магнит. Важно было соблюсти узнаваемость и преемственность интерфейса. Это помогает быстрее понять, что пользователю нужно сделать на каждом экране и снижает стресс от использования нового устройства, а также формирует привычку. 

Версии сайта и приложения актуальны на июнь, 2023 г.

Версии сайта и приложения актуальны на июнь, 2023 г.

Особенности проектирования интерфейсов устройств самообслуживания

Размер экранов

Многие конкуренты грешат тем, что устанавливают кассы самообслуживания с огромными экранами 24”, где покупатели делают шаг назад, чтобы охватить взглядом весь экран в поиске нужной информации. Я настоял, чтобы в Магнит закупали экраны не больше 21” и не меньше 15”, потому что такими экранами удобнее пользоваться — в фокусе больше информации на экране, меньше движений головой для поиска информации глазами, при этом размеры элементов и шрифтов не страдают. Такое ограничение снизило косты на закупку оборудования. Например, в магазины с небольшой проходимостью, где большая часть корзин содержит 3–7 товаров, лучше ставить компактные 15” экраны. На таком экране вся нужная информация находится в фокусе зрения покупателя.

 Новая модель касс самообслуживания Магнит с экраном 15” в своей естественной среде обитания

 Новая модель касс самообслуживания Магнит с экраном 15” в своей естественной среде обитания

Фокус внимания 

Сосредоточен в основном в нижней части экрана — там, где находится сканер и происходит сканирование, то есть фактическое добавление товара в корзину. Поэтому все важные элементы находятся в нижней части экрана — навигация и самые важные кнопки. Тут работает правило «не поднятой руки» — чтобы вернуться назад не нужно тянуться рукой в верхний левый угол экрана и искать взглядом эту кнопку внизу, а не вверху.

Бенчмарки и референсы

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

Помимо бенчмарков я изучал референсы и исследовал зарубежный опыт. У касс самообслуживания нет своего сервиса типа «Моббина». Я просил друзей и знакомых из разных стран ходить на кассы и снимать видео процесса покупки. За год скопилась приличная база — что-то раздобыл сам на просторах разных форумов и редитах, что-то прислали друзья и знакомые. Когда-нибудь я выложу этот архив в открытый доступ…

Фотографии и видео экранов конкурентов со всего мира по месяцам

Фотографии и видео экранов конкурентов со всего мира по месяцам

Формирование привычки

Касса самообслуживания — это не персональное устройство, покупатель взаимодействует с ней всего 30 секунд, до 15 минут в неделю. У него нет времени на изучение экранов, процессов и сценариев. Привычка и паттерн поведения формируются через несколько использований, и даже один негативный опыт может серьёзно повлиять на то, вернётся ли покупатель к кассе в следующий раз. Поэтому важно действовать осторожно, постепенно улучшая восприятие продукта и добавляя новые функции. Это поможет максимально приблизить кассу самообслуживания к опыту оплаты покупок на обычной кассе, что в будущем обеспечит плавный переход от касс с кассирами к кассам самообслуживания.

Тестирование нового интерфейса

Подготовка

Вместе с исследовательницей Дашей Смольской, с которой мы проводили первые оффлайн исследования (о них я рассказывал в прошлой статье), инициировали первые в Магните оффлайн UX-тесты кассы самообслуживания. Подготовили тестовый стенд с прототипом, имитацию сканера и добавления товара, включили звуки кассы и магазина, сделали бутафорские товары со штрихкодом и принесли настоящие. Это позволило погрузить респондента максимально глубоко в контекст.

Большой сенсорный экран. Слева — часть экрана респондента. Справа — панель добавления товара с подсказками по сценариям, которой управлял исследователь.

Большой сенсорный экран. Слева — часть экрана респондента. Справа — панель добавления товара с подсказками по сценариям, которой управлял исследователь.

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

Во время тестовой покупки исследователь находился рядом с респондентом и давал разные задания. «Пробивали» несколько типов продуктов с разной дополнительной информацией. Время прохождения сценария мы не засекали, так как товары добавляли на экран в ручном режиме. Акцент сделали на прохождении основного сценария покупки и еще захватили подтверждение возраста сотрудником. 

После выполнения заданий проводили интервью. Чтобы проанализировать сценарии и удобство весь процесс покупки записывался на видео.

Сначала протестировали систему на коллегах, выявили все недочёты и ошибки, которые быстро исправили. После этого приступили к тестированию с респондентами.

Чеклист с вопросами до и после всех интервью

Чеклист с вопросами до и после всех интервью

Респонденты

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

 Помимо записи на камеру велась запись звонка в тимсе, чтобы потом расшифровать диалоги

 Помимо записи на камеру велась запись звонка в тимсе, чтобы потом расшифровать диалоги

Результаты

По результатам UX-тестов, 95% гипотез показали высокую степень достоверности. Среди ключевых выводов респонденты особенно отмечали:

  1. Преемственность дизайна — «Это то, что я вижу у себя в приложении!».

  2. Процессы стали намного понятнее, а интерфейс — интуитивнее.

  3. Отметили «фишечки», которых нет у конкурентов: подтверждение веса при взвешивании, картинки товаров в списке в корзине, информация по акционным товарам.

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

После презентации результатов UX-теста стейкхолдерам многие гипотезы превратились в идеи и истории в беклогах Discovery и Delivery. Далее вместе с продактами приоритизировали беклоги по фреймворку ICE, который подкорректировали под свои потребности.

Целевой дизайн

Защита концепции развития продукта

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

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

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

  1. Продолжаем закупать только вертикальные экраны.

  2. Предрелизы — показываем стейкхолдерам готовые end-to-end сценарии, чтобы на ранних этапах отловить всю критику (забегая вперёд — ничто не заблокировало раскатку редизайна на всю сеть, все пользователи тепло приняли изменения).

  3. До, во время и после релиза редизайна активно валидируем новые фичи в Discovery.

Этапы развития интерфейса и сценариев кассы самообслуживания Магнит в сравнении с ключевым конкурентом

Этапы развития интерфейса и сценариев кассы самообслуживания Магнит в сравнении с ключевым конкурентом

Сборка макетов для разработки

Но есть один нюанс!

Размеры элементов и типографики в дизайн-системе, которая использовалась для web-интерфейсов, совсем не подходили под специфику взаимодействия с кассой самообслуживания. Экраны здесь намного больше смартфонов и ноутбуков — 21” и 15”, находятся на большом расстоянии от глаз. Нужны были большие и жирные начертания шрифтов и огромные кнопки, которые удобно нажимать. В дополнение ко всему у продукта не web-стэк — использовать наработки коллег мы не могли. Я собрал свою дизайн-систему с блэкджеком, токенами и адаптацией под разные форматы магазинов и размеры экранов.

 У кассы самообслуживания своя дизайн-система

 У кассы самообслуживания своя дизайн-система

Улучшения пользовательского опыта

С разработкой договорились — аннигилировать старый фронт и собрать новый, на свежей дизайн-системе. Основные сценарии не меняем, но максимально фиксим всё, что недорого и недолго. Так обновилась навигация — теперь кнопка «Назад» ведёт на предыдущий шаг или отменяет действие, а раньше она вела в корзину. Многие сценарии сократились: удаление товара уменьшилось с 5 до 1 нажатия, и изменение количества превратилось из сложного сценария в одно нажатие. Улучшили сценарии работы с бонусами и картой Магнит Плюс, сократив лишние действия. 

Корзина

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

Размер шрифта в строке добавленного товара адаптируется под размер экранов диагональю 21” и 15”. Там появились кнопки удаления и изменения количества товара. Чтобы добавить сразу 10 одинаковых товаров теперь можно ввести вручную количество между кнопкой удаления и плюсом. Если покупатель добавляет больше трех товаров — нажатием на плюс или сканируя, — то появляется подсказка о ручном вводе количества, рассказывая о новом функционале. Блок быстрого добавления с карточками товаров пока решили не убирать, оценим востребованность и будем решать его судьбу.

Кнопка перехода к оплате стала главным объектом на экране. Выделил кнопку поиска весовых товаров и товаров без штрихкода: выпечку, хлеб, горячие напитки и готовая еда. Появилось состояние пустой корзины, в него можно попасть нажав на стартовом экране кнопку «Начать покупки» (от которой мы пока не можем избавиться) или отсканировав бонусную карту Магнит Плюс. Иконка бонусной карты Магнит Плюс плавно анимируется, призывая покупателя отсканировать её, чтобы получить дополнительную выгоду. Появились всплывающие подсказки и лейблы у акционных товаров, по нажатию на которые открывается подробная информация об акции. Если требуется подтвердить возраст или покупатель нажал кнопку «Позвать сотрудника» появится ненавязчивое уведомление о том, что перед оплатой подойдёт сотрудник.

Корзина с обновлённым списком добавленных товаров и новым функционалом

Корзина с обновлённым списком добавленных товаров и новым функционалом

Поиск весовых товаров и товаров без штрихкода

Каталог обновился. Появилась удобная клавиатура, которую можно скрыть. Картинки и названия товаров стали больше. Размер шрифта в названиях товаров адаптируется под экраны разных размеров — 21” и 15”. Если поиск по названию не дал результатов, то система предлагает поискать по штрихкоду товара. Здесь исключён любой фрод, так как поиск штрихкода происходит только по актуальной базе товаров.

 Поиск по штрихкоду стал более очевидным

 Поиск по штрихкоду стал более очевидным

Взвешивание

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

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

 Новый сценарий взвешивания товара

 Новый сценарий взвешивания товара

Выбор из нескольких видов пакетов и условия предложения пакета перед оплатой

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

Теперь система анализирует корзину, и если в ней уже есть пакет или менее 4 товаров, или вес добавленных товаров меньше 2 кг, то система не предлагает пакет перед оплатой. Это сократило общее количество нажатий в усредненном сценарии покупки до трёх и уменьшило время покупки.

Система предлагает на выбор нескольких видов пакета и учитывает состав корзины

Система предлагает на выбор нескольких видов пакета и учитывает состав корзины

Подтверждение возраста и контур сотрудника

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

Белые полосы анимируются, это хорошо заметно из зала

Белые полосы анимируются, это хорошо заметно из зала

Чекаут, оплата и конец покупки

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

Необязательно списывать все бонусы сразу

Необязательно списывать все бонусы сразу

Улучшения UI

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

Тексты

Дмитрий Лазарев, UX-редактор Магнит ОМНИ. Tone of Voice, специфика КСО, дизайн словами:

Первоначальная коммуникация в интерфейсе вызывала значительные затруднения у покупателей и сотрудников, так как тексты писали разработчики. Мы с Егором провели несколько встреч, чтобы понять, как синхронизировать логику работы и стиль с приложением Магнит, опираясь на правила редполитики и Tone of Voice. После этого я обновил тексты в макетах с дизайном и протестировал их на пользователях, общаясь с людьми в коридорах и посещая магазины Магнит.

В процессе работы мы корректировали сценарии, учитывая технические ограничения. Коридорные тесты и UX-исследования помогли выявить проблемные моменты: например, кнопку “Поиск” заменили на “Найти товар”, что устранило путаницу. Первые отзывы после раскатки редизайна подтверждают, что мы добились значимых улучшений, и это круто.

Иллюстрации

Екатерина Хлёсткина, иллюстратор Магнит ОМНИ:

Сначала я создала пакет иллюстраций для редизайна касс самообслуживания в старой стилистике, но после обновления мобильного приложения Магнит их пришлось переработать. Это было необходимо для поддержания единого стиля: покупатели редко взаимодействуют с кассами, поэтому знакомый интерфейс помогает избежать стресса. Я адаптировала иллюстрации под новые требования, подогнала их под размеры экранов, убрала «светящиеся» элементы, так как фронт кассы не «кушал» их в формате .SVG, и добавила больше деталей. Метафоры стали точнее, а общий стиль сохранился единым с приложением OMNI, что упростило использование касс и поддержало согласованность всех точек контакта с брендом.

Адаптация под форматы магазинов и размеры экранов

Кассы самообслуживания устанавливаются в магазины Магнит разных форматов: Магнит у дома, гипермаркеты Семейный, Экстра, магазины Магнит Косметик и хард дискаунтеры. У каждого формата свой брендовый цвет (красный, розовый и зеленый). При разработке мы заложили разделение по форматам и унифицировали добавление новых форматов, как со стороны дизайна, так и на стороне фронта — описали требования и процессы по добавлению новых форматов. При смене формата магазина в интерфейсе адаптируются логотип, цвет главных (Primary) кнопок и некоторые картинки — на стартовом экране и иллюстрации пакетов.

Помимо формата ПО адаптируется под диагональ экрана кассы самообслуживания — на маленьком экране 15” кегль шрифта больше, на 21” «стандартный». Кассы с маленьким экраном 15” стоят в зонах выпечки и горячих напитков, в формате Магнит Косметик, где пользуются большим спросом.

Улучшения Happy Path

В рамках редизайна мы сократили количество обязательных нажатий при средней покупке до трёх для трети корзин. Стандартный сценарий включает: сканирование товара на старте, сканирование до 3 товаров в корзине, которые не требуют дополнительного взаимодействия с экраном, и выбор способа оплаты. Использование карты Магнит Плюс и списание бонусов остаётся опциональным, что ускоряет процесс для тех, кто этим не пользуется.

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

Разработка

Для такой объёмной задачи в команду вливались свежие силы фронтов и тестировщиков, в том числе из других команд, которые проходили ускоренный онбординг. Я записал видео о нашей дизайн-системе и атомарном подходе, объяснил, как и куда мы движемся и на что закоммитились. Разработчики фронта собрали свой Story Book для демонстрации работы элементов и токенов дизайн-системы.

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

Карта экранов всех сценариев кассы самообслуживания без корнер кейсов

Карта экранов всех сценариев кассы самообслуживания без корнер кейсов

Пилотный запуск

Прежде чем катить редизайн на всю сеть необходимо было протестировать его на живых покупателях, понаблюдать за ними в естественной среде и собрать фидбек, чтобы понять, а не фигню ли мы сделали. Для этого установили ПО с редизайном на небольшое количество магазинов в трёх городах и группой исследователей сходили понаблюдать в зоны касс самообслуживания за нашими покупателями. У нас была анкета со сценариями, где мы отмечали проблемы и выставляли субъективную оценку. Это было невключенное наблюдение, без вмешательства в процесс покупки. Итоги исследования — всё хорошо: нагрузка на сотрудников снизилась, потому что интерфейс стал интуитивно понятным, редизайн нравится и покупателям (из анализа оценок в конце покупки на кассе самообслуживания), и сотрудникам (ежеквартальный опрос). Негатив был только в сторону тех проблем, о которых мы уже знали.

Заключение

В начале октября 2024 года мы успешно внедрили редизайн системы самообслуживания по всей сети магазинов Магнит. За 4 месяца команда из более чем 15 человек смогла реализовать полное обновление, тогда как аналогичные проекты у других команд могли бы занять до 2 лет. Благодаря нашему подходу и слаженной работе, количество покупок через кассы самообслуживания увеличилось на четверть, а удовлетворённость от взаимодействия с ними выросла более чем в полтора раза.

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

Упоминания редизайна кассы самообслуживания Магнит в профильных сообществах

Упоминания редизайна кассы самообслуживания Магнит в профильных сообществах

Планы на будущее

Далее мы будем реализовывать стратегию развития продукта, не снижая темпы, и продолжим поставлять ценность как покупателям, так и бизнесу. У нас есть амбиции стать лидерами в области оснащения и клиентского опыта. Планируем запустить эксперименты по замене обычных касс в магазинах на кассы самообслуживания с обязательным участием ассистента в зоне касс. Это нововведение позволит улучшить обслуживание и поддержать клиентов в процессе покупок. Будем адаптировать подход в зависимости от обратной связи. Что получится – расскажу в следующих сериях. А за обновлениями можно следить в моём Телеграм-канале — t.me/egorbeliy, где пишу о своём пути из продуктового дизайна в продуктовый менеджмент.


ссылка на оригинал статьи https://habr.com/ru/articles/853130/


Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *