Навигация в магазине: через дополненную реальность к нужной полке
Недавно мы запустили пилотный проект: в 10 наших московских магазинах вы можете с помощью маленького приложения дополненной реальности M.Go быстро сориентироваться в торговых залах и сразу найти стеллажи с нужными группами товаров. Насколько нам известно, это первый подобный проект в мировой практике розничной торговли. Я хочу рассказать поподробнее об этом приложении, как оно устроено и во что может разрастись этот проект, если покупателям придётся по душе.
Лет 8-10 лет назад на смартфонах впервые появились различные проекты дополненной реальности. Они позволяли находить на изображении, статическом или видео, определенный плоский маркер, похожий на QR-код. Приложение могло распознать его размеры и положение в пространстве. С тех пор эта технология активно развивалась. Самый громкий пример продукта с дополненной реальностью — это игра Pokemon GO, которая взорвала все чарты несколько лет назад. Также сегодня на рынке есть решения, сильно облегчающие сторонним разработчикам создание AR-продуктов.
Как работает M.Go
При запуске приложение автоматически определяет ваше местоположение и предлагает выбрать магазин, в котором вы находитесь. После этого M.Go попросит вас откалиброваться на маркере. Они наклеены на полу во всех 10 магазинах, которые сегодня поддерживают приложение (по два маркера в каждом, кроме большого двухэтажного магазина на Садовой-Спасской — в нём вы найдёте уже три маркера):
Нужно навести камеру смартфона на эту наклейку на полу, приложение её распознает и «поймёт», где именно вы стоите.
И через пару секунд на экране появится список категорий товаров и услуг, доступных в этом магазине.
Нажмите на нужную иконку, и на экране появятся два указателя. Один «висит» вдалеке над тем местом, куда вам нужно попасть (он может исчезать с экрана, если камера наведена в другую сторону), а второй указатель всегда внизу экрана — это стрелка, показывающая направление, как навигатор.
Почему в каждом магазине наклеено по несколько маркеров? Дело в том, что приложение работает правильно, пока оно активно. Как только вы его свернёте или активным станет другое приложение (например, вам кто-то позвонит), навигация внутри магазина прервётся. И чтобы снова использовать M.Go, нужно калиброваться. А чтобы покупателям не приходилось каждый раз возвращаться в начало, мы наклеили по дополнительному маркеру в магазинах.
Как устроен M.Go
Когда мы начали создавать приложение, то опирались на своё видение и здравый смысл. Ведь других похожих решений в сфере ритейла тогда не было. Были лишь удачные примеры использования стека технологий для создания приложений с дополненной реальностью. Мы провели несколько закрытых пилотов. На них проверяли работу технологии AR и разные варианты интерфейса, что особенно важно для таких приложений.
Первый вариант был со стрелкой, показывающей направление. Во втором варианте был летающий бот, который двигался по предварительно заданному маршруту. Мы выбрали вариант со стрелкой, так можно прийти в нужный отдел магазина, выбрать другую категорию товаров и отправиться дальше. А в варианте с ботом нужно было опять вернуться к калибровочному маркеру, выбрать следующую категорию товаров и только после этого идти по новому маршруту. Неудобно. К тому же наши магазины и так устроены довольно просто, это не лабиринт продуктовых гипермаркетов, в которых устанешь добираться до выхода.
Сегодня на рынке есть две библиотеки ARKit и ARCore, созданные в недрах Apple и Google. Библиотеки могут распознать не только маркеры, но и само пространство, в котором находится устройство пользователя. Каждый кадр с камеры, переводится в черно-белый режим c высокой контрастностью, так что на изображении остаются только линии контуров. Система находит ключевые точки (места пересечения контуров на изображении) и превращает их в «облако точек». Это пространственные маркеры.
Эта технология и легла в основу нашего приложения.
Поверх движков ARCore и ARKit мы сделали специальную архитектуру для работы именно с помещениями магазинов. У них своя специфика — ряды товаров достаточно однородны и не всегда визуально уникальны. Чем дольше покупатель ходит по магазину, тем больше накапливается погрешность позиционирования. Мы корректируем её разными способами. Одно из решений — это дополнительные маркеры, позволяющие перекалиброваться, не возвращаясь в начало.
Кстати, калибровочные маркеры мы сначала сделали красно-белыми, в фирменных цветах. Они были очень красивые, но очень быстро пачкались. Пришлось подобрать другое сочетание цветов, после чего маркеры даже стали надёжнее распознаваться приложением.
По нагрузке на процессор M.Go сопоставимо с каким-нибудь мессенджером. Основной потребитель энергии — камера. M.Go может работать на большинстве iOS- и Android-устройств, начиная с Android 7.0 и iOS 11. Такое ограничение накладывают на SDK сами Google и Apple.
Почему наше AR-приложение «знает» только 10 магазинов? Внедрение поддержки каждого магазина требует много труда:
Что дальше?
Если пилот будет успешным, мы встроим AR-функциональность в наше основное приложение и добавим новые возможности. Вариантов много. Например, упростить изменение размещения товаров в магазине. Чтобы администратор в планшете просто указывал на схеме магазина, где теперь лежат те или иные категории. А эти данные синхронизировались бы с установленными у пользователей приложением.
Можно создать полноценную универсальную систему для руководителей магазинов, чтобы в ней:
Автоматизация с умом!
Наши партнеры в действии.
Презентации и успехи.
Магазин рядом с Вами!
Подписаться на новости
Внутренняя навигация в магазине. Способы привлечения внимания покупателей.
Вы наверняка ознакомились с нашими рекомендациями о том, как сделать свой магазин привлекательным. В этой статье мы хотим остановиться подробнее на некоторых пунктах и рассказать Вам о пользе хорошей внутренней навигации и о способах привлечения внимания покупателей в целом.
. как сделать так, чтоб клиенту было проще найти необходимое и не потеряться среди огромного выбора этикеток, упаковок и названий?
Каждый из нас ежедневно или даже ежечасно сталкивается с различного рода рекламой. Хотим мы того или нет, но она оседает в нашей голове, хотя бы частично. Направляясь в магазин, мы в первую очередь обращаем внимание на известные марки продуктов: те, которые нам рекламируют наши кумиры, умиляющие карапузы или просто те, в которых присутствует нотка юмора, любимые места или цвета. Зачастую, даже самые нелепые подходы имеют результат.
Поэтому, отправляясь в магазин, покупатель уже обдумал список необходимых продуктов, и сразу направляется к нужным полкам. Как сделать так, чтоб ему было проще найти необходимое и не потеряться среди огромного выбора этикеток, упаковок и названий?
Основные рекламные подходы
Для начала давайте обратим внимание на результаты очень интересного опроса, в котором приняли участие обычные посетители одной отдельной сети супермаркетов. За 100% респондентов приняли тех, кто заметил рекламную информацию в магазине, при этом они имели право отмечать несколько вариантов.
Давайте рассмотрим более детально некоторые виды. В чем их преимущества и уникальность.
1. Реклама на входе.
Уже на входе в магазин можно начинать ориентировать посетителя к тем или иным товарам. Можно размещать красочные баннеры и постеры, наклейки на окна и двери магазина.
Объемные стойки и стеллажи сразу у входа размещать не стоит – вход должен быть свободным, чтобы войдя, покупатель мог зрительно оценить пространство магазина и определить, какую часть зала ему нельзя пропустить.
2. Стикеры.
Это разнообразные наклейки, которые можно размещать на дверях магазина, на полках с товаром, витринах, на полу и многие другие варианты. Могут быть разных форм, однотонные или с рисунками, с текстом и без.
Стикеры на полу призваны направлять покупателя к полкам с тем товаром, на который хотим акцентировать внимание. Обычно они более крупного размера и ярких цветов. Часто представлены целой серией.
Рекомендуются для стимуляции продаж отдельного бренда и повышения его узнаваемости, навигации.
3. Тележки, корзинки, пакеты.
Это главные инструменты покупателя, которые всегда под рукой и отлично подходят для рекламы. Без них не обходится ни один приличный магазин, пусть даже самых небольших размеров.
4. Shelf-talcks
. или, если буквально, «говорящие полки» – обычно, это небольшие яркие плакаты или постеры, которые размещают на полках с нужным продуктом.
Рекомендуются для выделения товара из общей массы, особенно во время действия акций, сезонных распродаж и для популяризации новинок.
5. Постеры и лайтбоксы.
Лайтбоксы – это те же самые плакаты, только объемные. Обычно, представлены в виде коробки, подсвеченной изнутри, и размещаются непосредственно рядом с товаром (играют роль «маяка»).
Рекомендуются для направления покупателя к нужным полкам и повышают узнаваемость бренда. Если у Вас небольшой магазин, то не стоит устанавливать постеры/плакаты высоко над головой посетителей – им будет неудобно их рассматривать и пользы от них будет практически никакой.
6. Сэмплинг и мобильные витрины.
Сэмплинг (с англ. sample – образец) – демонстрация и раздача образцов – сегодня это один из самых популярных способов продвижения товаров. Эксперты утверждают, что этот вид рекламы способен увеличить продажи рекламируемого товара на 300% во время проведения акции.
Чтобы добиться таких результатов, необходима серьезная подготовка.
Мы рекомендуем следующее:
7. Видеоэкраны. Помощь телевидения в продажах.
Здесь подразумеваются – телевизоры, мониторы и плазменные панели в магазине. На них можно транслировать рекламные ролики предлагаемых продуктов или просто видеоклипы. Также, можно транслировать рекламные ролики товаров и услуг, предлагающиеся покупателям и за пределами магазина.
Что транслировать в Вашем магазине, решаете Вы или специализированное агентство, с которым можете заключить договор.
Записывать необходимые ролики самостоятельно вполне возможно, если приобрести необходимое оборудование или заказать съемки роликов по Вашему сценарию. Но это выходит дорого и требует свободного времени, воображения, изучения потребностей клиентов и определенных правил для качественно результата и т.д.
Чтобы упростить задачу, и даже немного подзаработать на этом, можно заключить договор с агентством, развивающим ритейл-телевидение. Обычно они сами готовы инвестировать в установку экранов и менеджмент системы, да и рекламодателям проще обратиться в подобное агентство, чем связаться с руководством магазина.
Рекомендуем:
8. Реклама на кассе.
Касса – это одно из самых эффективных рекламных мест в магазине. Здесь можно применить большую часть рекламных подходов, т.к. стоя в очереди (пусть даже и небольшой), людям, обычно, нечем заняться и они с удовольствием рассматривают все доступное:
Обратите внимание:
9. Радиореклама.
Очень долго этот полезный инструмент использовался только для небольших объявлений или внутренних сообщений для сотрудников. Сегодня, радио активно используется для полноценной рекламы продуктов.
Обратите внимание:
Подведем итоги.
Описанные выше возможности подходят не только продуктовым магазинам или крупным супермаркетам. Большую часть из них совсем не сложно адаптировать под любой другой вид магазина или целую сеть.
Какую именно рекламную стратегию выбрать – решать только Вам. Помните, что достаточно трудно привлечь интерес рекламодателей только к одному отдельному магазину, выгоднее присоединиться к целой рекламной сети, поэтому обращайтесь в специализированные рекламные агентства. Но даже в этом случае, согласно статистике, доходы от рекламы вряд ли составят больше 1-2% оборота Вашего магазина.
Школа мерчандайзинга. Выпуск 3. Навигация в торговом зале
Чем больше магазин, тем больший вклад вносит система навигации в формирование суммы чека, посещаемость отделов и удовлетворенность покупателя. Однако и в магазинах площадью 300-400 кв. м ее роль достаточно велика.
Система указателей, знаков и символов помогает быстро найти нужную секцию, категорию, товар, минимизировать время на поиск товаров из обязательного списка, напомнить покупателю о некоторых категориях, вдохновить на импульсную покупку.
Важно и то, что кроме удобства, символы, цвета и формы, используемые в навигации, создают настроение и особую атмосферу торгового зала, то есть формируют бренд розничной сети.
Именно поэтому система навигации это один из топ-10 факторов, которые влияют на выбор магазина покупателем.
– магазинный, который нужен покупателю при входе в магазин, чтобы сориентироваться, где расположена та или иная зона (например «Товары для красоты», «Товары для детей», «Фрукты и овощи» и т.п.).
– зональный, или система указателей внутри зоны (Например, внутри зоны «Фрукты и овощи» можно выделить «зелень», «овощи», «фрукты», «нарезанные овощи» и т.п. Внутри «Молочного отдела» – «молоко», «кефир», «сметану» и т.п.) Он начинает работать тогда, когда покупателю нужно найти категорию внутри зоны.
Чтобы ваши вывески и указатели работали, необходимо помнить об основных принципах психологи покупателя:
Человек у входа в магазин решает, какие категории ему нужны, а куда он не пойдет. Только директор магазина ставит перед собой цель обойти весь торговый зал.
Картинка стоит тысячи слов.
Человек гораздо быстрее понимает картинку, чем слово, поэтому оптимально использовать символы вместе со словами.
Иногда красивая выкладка может сама по себе помогать ориентироваться в магазине, например красивая витрина с головками сыра ясно говорит, какой это отдел.
Чем меньше, тем лучше.
Известный бренд работает как «маячок», помогающий найти категорию. Даже если мы имеем дело с покупателем кофе Jacobs Monarch, по фирменным цветам банки Nespresso человек находит категорию.
Ирина Чиркова, бизнес-консультант и тренер
Навигация интернет-магазина: разработка структуры, типичные ошибки и удачные примеры
Удобная площадка, на которой можно легко сориентироваться и быстро отыскать нужную информацию, привлекает гораздо больше покупателей, чем сложный, запутанный сайт. Именно поэтому владельцы популярных интернет-магазинов уделяют так много внимания навигационной системе.
Что такое навигация и какие функции она выполняет
Навигация – ключевой критерий удобства сайта, своеобразная «карта местности». Представляет собой набор специальных приемов, методов и элементов, дающих возможность посетителям перемещаться между различными страницами ресурса. В большинстве случаев данная система предопределяет успешность продвижения и конверсионные показатели проекта.
Степень ее значения часто сравнивают с функциями планировки дома. Простое и логичное расположение комнат, санузла, кладовых, входов/выходов позволяет гостям свободно ориентироваться, не заблудиться в новом помещении. Похожее предназначение имеют и указатели на вокзалах, в метрополитене, которые подсказывают пассажирам верный путь к нужному месту.
То же и с сайтом. Плохая навигация с множеством ссылок путает, пугает пользователя, усложняет процесс поиска информации. Тщательно продуманная и грамотно реализованная навигационная структура, напротив, помогает клиенту быстрее разобраться, перейти на искомую страницу и ознакомиться с интересующим материалом. Это важно и для поисковых машин, которые благодаря понятной навигации правильнее оценивают роль конкретной страницы на сайте.
Навигационная система состоит из разных типов гиперссылок. Отображаясь на каждой странице онлайн-магазина, они отвечают за:
Учитывая критерии качественного юзабилити, навигация должна давать четкие ответы на такие вопросы:
Необходимое количество ссылок определяется задачами площадки, объемом текстового, графического контента. Грамотная структура вмещает столько элементов, сколько требуется для удобного и оперативного перемещения по сайту. Однако нельзя и перебарщивать, чрезмерно загромождая пространство. Оптимальный объем – не более 5-15% от общей площади ресурса.
При разработке навигации магазина учитывают ряд обязательных требований:
Удачная, правильно сформированная навигация мотивирует пользователя зайти на нужную страницу, подталкивает к определенным действиям, удерживает и заинтересовывает случайных посетителей, не отпуская их к конкурентам. Проекты с логичным оформлением и структурой могут рассчитывать на множество постоянных клиентов и высокую конверсию.
Типы и виды навигации
Исходя из конкретно выполняемых функций, навигация подразделяется на следующие разновидности:
Не обязательно использовать на сайте интернет-магазина все вышеперечисленные виды навигационных компонентов. Достаточно выбрать целесообразные в конкретном случае, скомпоновать несколько разновидностей. В процессе выбора следует руководствоваться объемом информации, тематикой, позиционированием ресурса. Главное – создать клиентам удобства, необходимые для поиска нужной информации.
Чтобы выбранные элементы работали, нужно соответствующим образом их оформить и реализовать на сайте. Существует несколько форм реализации:
Форма реализации основной и вспомогательной навигационной структуры должна соответствовать целям, задачам проекта, обеспечивать максимальное удобство для юзеров, а также вписываться в бюджетные рамки. Наиболее простой считается текстовая навигация. Реализовать интерактивные компоненты на порядок сложнее.
Ключевые навигационные элементы для интернет-магазина
Главное меню
Центральный навигационный компонент коммерческой площадки – главное меню. Его видно без прокрутки страницы. Традиционно меню делают горизонтальным и располагают прямо под шапкой, что наиболее удобно и привычно для пользователей.
В главном меню должны присутствовать ссылки на основные страницы интернет-магазина:
Не стоит стремиться вкладывать в данный блок полное содержание, исчерпывающую информацию о ресурсе. Это своего рода краткая выжимка, помогающая быстро ознакомиться с сутью и политикой проекта. Оптимальное количество разделов на панели – 5-7. При необходимости можно добавить второй ряд, подпункты, выпадающие списки, дополнительные уровни. Если к какому-либо из пунктов нужно привлечь внимание, следует выделить его шрифтом или цветом. Также желательно визуально отмечать активный раздел меню, в котором находится пользователь.
Дополнительное боковое меню
Если ресурс обладает расширенной структурой, стоит снабдить его дополнительным боковым меню. В этот блок выносят подразделы и рубрики, на которые делятся главные категории площадки. Боковое меню размещают в соответствующих разделах, не дублируя на всех веб-страницах. Рекомендуемое место для данного элемента – слева от основного содержимого. Благодаря фактически неограниченному пространству вертикального меню, с его многоуровневостью не возникает проблем. Главное – соблюдать умеренность и не перестараться.
Хлебные крошки
Локальная навигация, называемая «хлебными крошками», представляет собой цепочку ссылок, ведущую от текущей веб-страницы к главной. Символичное название позаимствовано из знаменитой сказки, где Гензель бросал для Гретель крошки, чтобы указать путь, по которому следует его искать. Так и на сайте: независимо от местонахождения юзера навигационная цепочка позволяет в любой момент вернуться на шаг/два/три обратно. Строка отражает архитектуру ресурса, текущее место, его вложенность.
Хлебные крошки присутствуют на каждой странице, не считая главной. Обычно их располагают вверху слева. Кликабельные ссылки должны иметь не слишком выразительный, не крупный шрифт, отводящий элементы на второй план относительно основного контента.
Футер
Футер – подвал сайта, занимающий пространство внизу страницы. После полного ознакомления с текущим материалом он помогает покупателю быстрее перейти в искомые разделы или найти другую нужную информацию.
В пространстве подвала размещают следующие полезные компоненты:
Чтобы быстрее сориентировать посетителя в множестве ссылок на разделы, целесообразнее размещать их столбцами, предварительно разбивая на понятные, логические подгруппы.
Кнопка для возврата
Для большего удобства пользователей в онлайн-магазинах используют кнопку для возврата в начало страницы. Обычно она оформляется в виде указывающей наверх стрелки. Кнопка дает возможность обойтись без долгих прокручиваний, быстро переводит клиента в шапку ресурса. Компонент особенно необходим площадкам с объемным информационным содержанием.
Системные иконки-пиктограммы
На вспомогательной панели инструментов часто размещают набор системных иконок-пиктограмм. Это кнопки, оформленные в виде привычных графических изображений. Элементы предназначены для перехода на главную (домик), к поиску или карте (лупа), к контактной информации (почтовый конверт). В зависимости от активности раздела иконки меняют цвет.
URL-адрес
URL, выносимый в адресную строку, также является важным навигационным элементом ресурса. Он должен быть простым, понятным обычному пользователю, отражать не искаженную суть конкретной веб-страницы. Желательно прописывать адреса на латинице: https://site.ua/internet-magazin/glavnaya/.
Карта сайта
Карта онлайн-магазина выполняет роль путеводителя по веб-сайту. Инструмент выносится на отдельную страницу и вмещает гиперссылки на все разделы/подразделы, представляя подробную структуру площадки. Клик по выбранному пункту карты мгновенно переносит клиента в определенную часть ресурса.
Помимо перечисленных, к навигационным элементам относятся шапка, фирменный логотип магазина с ссылкой на главную страницу, форма поиска.
Типичные ошибки в навигации
Навигационная система успешно справляется со своими функциями и создает «уютную обстановку» на сайте только при условии правильной реализации. Разрабатывая и внедряя ее элементы, необходимо избегать типичных ошибок, распространенных в сфере электронной коммерции:
Как оптимизировать навигацию
Поскольку навигационная система является основной причиной высокого процента отказов от покупок, следует уделять достаточно внимания ее оптимизации. Рекомендуем:
Предложенные действия помогут облегчить навигационную систему и существенно улучшить юзабилити онлайн-магазина.
Примеры удачной навигационной системы
Продумывая навигацию собственного интернет-магазина, можно и нужно учитывать положительный опыт популярных, востребованных на рынке отечественных и зарубежных компаний. Приведем несколько примеров с удачно проработанной системой, отлично проявившей себя на практике.
Rozetka
Несмотря на огромнейший ассортимент, крупный украинский онлайн-супермаркет бытовой техники имеет достаточно понятную, четко организованную навигационную систему. Основные разделы ресурса вынесены в главное верхнее меню. В правом верхнем углу присутствуют иконки, которые отвечают за оформление заказа и помогают в выборе. Слева реализовано боковое меню, разделенное на логичные категории товаров. Каждый раздел оснащен выпадающим списком из дополнительных категорий. Активный пункт подсвечивается цветом. Товарные карточки содержат ссылки на списки совместимых продуктов. В нижней части веб-страницы присутствует футер, кнопка для быстрого возврата наверх.
Всемирно известный магазин одежды и обуви Zara также радует клиентов интересной, довольно удобной навигационной системой. На главной странице видны только основные разделы. При выборе конкретной категории перед пользователем открывается расширенное боковое меню. В нижней части перед зоной футера размещены ссылки на аккаунты в соцсетях. Веб-сайт отличается оригинальной формой поиска: при вводе данных в строку содержимое ресурса исчезает.
Whistles
Английский онлайн-магазин современной одежды – отличный пример минималистичной навигационной системы. Все разделы, включая поиск, вынесены в главное верхнее меню. Бокового меню нет. Площадка не загромождена лишними ссылками, все просто и понятно.
Выводы
Правильная навигация в интернет-магазине укажет посетителю верный путь, запомнит пройденную им дорогу, не даст запутаться в спешке. В процессе ее разработки не стоит тратить время на создание неординарных вещей. Достаточно соответствовать ожиданиям потенциальных покупателей и не сбить их с толку. Помните, что качественно проработанная навигационная система – эффективный инструмент, работающий на пользу компании.