Kokoc Group в очередной раз проверяет, как российский бизнес заботится об удобстве пользователей. На этот раз под прицелом мобильные приложения магазинов «Леруа Мерлен» и OBI.
Правила игры прежние: приложения оцениваются по значимым для пользователей параметрам. Но в мобильном маркетинге много нюансов, поэтому вместо традиционных 0; 0,5 и 1, мы оцениваем приложение по шкале от нуля до трех:
- 0 — шеф, все пропало;
- 1 — надежда есть;
- 2 — нет предела совершенству;
- 3 — огонь!
Ярослав Ясаков, руководитель проектов мобильной разработки Mobisharks (Kokoc Group) проверял, где удобнее выбирать и заказывать.
Туториал
Цель туториала – на старте рассказать пользователям об основных преимуществах и возможностях приложения, чтобы максимально эффективно его использовать. Это может быть быстрый слайд-обзор основных функций, перечисление преимуществ продукта или процесс создания учетной записи.
У OBI туториал отсутствует в принципе, поэтому ставим ноль баллов. Ребятам необходимо выделить основные функции своего приложения, определить, какую пользу оно несет для конечного потребителя, и на основании этих данных создать туториал. Так пользователи будут лучше понимать, как им пользоваться. Спойлер: это не всегда очевидно.
А вот приложение «Леруа Мерлен» начинается с туториала, который при необходимости можно пропустить. Четыре самых важных преимущества с лаконичным описанием и иконками приносят заслуженные три балла.
| Показатель | OBI | «Леруа Мерлен» |
| Туториал | 0 | 3 |
Главный экран
Это то, что первым делом видит человек, каждый раз открывая приложение. У OBI c ним беда — пользоваться крайне неудобно, потому что происходит все что угодно, кроме того, что нужно.
Скроллишь экран вниз — прокручивается горизонтальная лента выгодных предложений. Хочешь пролистать предложения — экран «ползет» вниз. При любом неосторожном движении появляется боковое меню.
К тому же приложение дважды показывает выбранный пользователем гипермаркет: одной строчкой в самом верху экрана и большим блоком с картой и контактами под списком популярных категорий из пяти строчек.
Зачем так много информации об офлайн-магазине на главном экране приложения? Чаще всего эти сведения нужны только при завершении оформления заказа, во время выбора пункта самовывоза, поэтому с главной страницы их лучше убрать.
В приложении «Леруа Мерлен» ситуация на главном экране получше: первым делом пользователь видит строку поиска, ближайшие магазины, кнопки каталога и сканера QR-кода товара. Но мелкие проблемы все же есть.
Например, по-хорошему, страница должна скроллиться по блокам: листанул вверх — экран подвинулся ровно на один блок, пролистал дальше — еще один блок появился. Но пользователи «Леруа Мерлен» не смогут быстро рассмотреть список товаров с лучшей ценой на главной, потому что на первом экране его еще не видно, а на следующем — уже не видно, приходится скроллить вверх-вниз в надежде его поймать.
| Показатель | OBI | «Леруа Мерлен» |
| Главный экран | 1 | 2 |
Навигация
Удобство навигации — один из важнейших факторов, который напрямую влияет на желание потребителей пользоваться приложением.
OBI использует tab-bar (меню в нижней части экрана) — хороший выбор, который приносит приложению один балл. Но на этом плюсы заканчиваются, потому что акценты на категории выбраны не лучшим образом и создают проблемы с навигацией.
Например, если пользователь кликнет на раздел «Каталог» в tab-bar, то перейдет туда, куда собирался, — здесь все в порядке. Но при этом tab-bar пропадает и, чтобы вернуться обратно, необходимо зайти в сэндвич-меню и оттуда перейти на «Главную». Приходится совершать лишние и неочевидные действия.
Как минимум стоит добавить в каталог кнопку «Назад», а в идеале сделать tab-bar статичным на всех страницах приложения.
Поскольку «главный» экран является стартовым и содержит основные триггеры для пользователей, его также необходимо добавить в tab-bar. А вот разделы «Акции» и «ОБИ Клуб» стоит убрать, потому что они дублируются в сэндвич-меню.
В итоге нижнее меню будет лучше выглядеть так:
- «Главная»,
- «Каталог»,
- «Адреса» («Карта»),
- «Списки» («Избранное»),
- «Личный кабинет».
Еще один минус tab-bar в приложении OBI — неудачное дизайнерское оформление. Стоит затемнить неактивные иконки, значок активного экрана выделить цветом, а шрифт в названии категорий сделать меньше.
Кроме того, OBI использует классические меню drilldown (погружение в раздел вниз по иерархии), но получает за него только два балла. Потому что «Леруа Мерлен» тоже использует этот тип меню, но оно выполнено как интересное гибридное решение.
У «Леруа Мерлен» вообще с навигацией дела обстоят лучше. В приложение также встроен tab-bar, но, в отличие от конкурента, здесь он статичен на всех страницах.
К тому же есть кнопка «Главный экран», которая позволяет вернуться к исходной позиции из любого раздела. Там же каталог, списки покупок, карта магазинов и личный кабинет — нормальный набор. Пользователю очевидно, в каком разделе он находится — активный экран tab-bar выделен белым, неактивные — темно-зеленым. Хорошая навигация приносит «Леруа Мерлен» три балла.
С фильтрацией в обоих приложениях все хорошо, удобно и понятно. Оба получают по три балла.
| Навигация | OBI | «Леруа Мерлен» |
| Нижний tab-bar | 1 | 3 |
| Drilldown | 2 | 3 |
| Разделы. Фильтрация | 3 | 3 |
Авторизация / Регистрация
Оптимальный способ регистрации и авторизации в приложении — по номеру телефона. Это быстро – пользователю не нужно покидать приложение.
Однако такой вариант не всегда можно реализовать. Например, если приложение было разработано уже после сайта, а сам сайт был создан на стандартном движке типа «Битрикса», где обычно используется авторизация пользователей по email.
В этом случае можно создавать нового пользователя для мобильного приложения в базе данных либо запрашивать почту существующего пользователя и привязывать его к номеру телефона. Но ни в одном приложении этого не сделано.
И в «Леруа Мерлен», и в OBI войти в аккаунт можно только по email. Это не самый лучший, но вполне приемлемый вариант, поэтому они получают по два балла. А вот в регистрации есть различия.
У OBI регистрации как таковой в приложении нет, там можно только ввести данные бонусной карты, а завести личный кабинет — только на сайте. Это максимум один балл.
У «Леруа Мерлен» можно зарегистрироваться в приложении, но приходится заполнять слишком много полей: указать имя, фамилию, почту и придумать пароль. За небольшой допрос с пристрастием приложение получает два балла.
| Показатель | OBI | «Леруа Мерлен» |
| Авторизация | 2 | 2 |
| Регистрация | 1 | 2 |
Путь пользователя от авторизации в приложении до покупки
Прогуляемся по приложению OBI
Поиск. Строка поиска закреплена в верхней части экрана на всех страницах. Это плюс. Но при вводе текста не даются подсказки — это минус. В то же время, если ввести слово частично, например, «рулет» вместо «рулетка», приложение все равно находит нужные товары. Совет: при тапе на поиск стоит реализовать переход на отдельный экран.
Фильтрация по категориям. Тут все окей. Пользователь «проваливается» в категорию => подкатегорию => подкатегорию категорий.
Карточка товара. В порядке. Элементы расположены удобно, фотографии товара и описания есть, цена и кнопка «Добавить в корзину» вполне заметны на первом экране.
Добавление товара в «Корзину». После клика на соответствующую кнопку на странице товара появляется возможность выбора количества с помощью «+/-». Но при нажатии на «-» невозможно полностью удалить товар из «Корзины», одна штука все равно остается. Получается, если пользователь передумал покупать товар, ему приходится переходить в «Корзину» и там его удалять. Лишние клики.
Оформление заказа. Здесь пользователя ждет самый большой сюрприз — это невозможно сделать в приложении, только на сайте. Из «Корзины» человек попадает на страницу оформления заказа на мобильной версии сайта. К гадалке не ходи — на этом этапе уровень конверсии в заказы резко падает. Внедрить возможность покупок в приложении несложно. Но если для OBI это все-таки проблема, вместо перевода на сайт можно реализовать схему звонка оператора после оформления заявки в приложении. Не говоря уже о том, что при завершении заказа покупателю предлагается заполнить семь полей, четыре из которых обязательны.
И вишенка на торте — переход обратно в приложение по кнопке назад невозможен. Приходится сворачивать браузер и заново открывать приложение.
А что там у «Леруа Мерлен»?
Поиск. Строка также расположена в «шапке» всех страниц. При поиске подсказывает категории и даже угадывает некоторые запросы, написанные не полностью или с ошибками.
Фильтрация по категориям. Здесь все в порядке. Разделы расположены логично, есть фильтрация по типам товаров, брендам и другим параметрам.
Карточка товара. На первом экране видно максимум информации: фотографии, описание, рейтинг, наличие, цена и часть описания. Здесь же можно добавить товар в «Корзину» или сравнить его с другими. Все окей.
Добавление товара в «Корзину». Аналогичная проблема, как у OBI: с помощью кнопок «+» и «-» можно выбрать количество добавленного товара, но нельзя его полностью оттуда удалить.
Оформление заказа. Проще, чем у конкурента. Во-первых, потому что процесс происходит в приложении. Во-вторых, потому что занимает немного времени и требует минимум информации. Сначала пользователь выбирает доставку или самовывоз. Допустим, если нужна доставка, нужно заполнить шесть полей, четыре из которых обязательные и открываются во всплывающих окнах.
| Показатель | OBI | «Леруа Мерлен» |
| Поиск товара | 2 | 3 |
| Фильтрация по категориям | 3 | 3 |
| Карточка товара | 3 | 3 |
| Добавление товара в корзину | 2 | 2 |
| Оформление товара | 1 | 3 |
Что в итоге?
| Показатель | OBI | «Леруа Мерлен» |
| Туториал | 0 | 3 |
| Главный экрана | 1 | 2 |
| Навигация. Нижний tab-bar | 1 | 3 |
| Навигация. Drilldown | 2 | 3 |
| Навигация. Разделы, фильтрация | 3 | 3 |
| Авторизация | 2 | 2 |
| Регистрация | 1 | 2 |
| Поиск товара | 2 | 3 |
| Фильтрация по категориям | 3 | 3 |
| Карточка товара | 3 | 3 |
| Добавление товара в корзину | 2 | 2 |
| Оформление товара | 1 | 3 |
| ИТОГО | 21 | 32 |
Приложение «Леруа Мерлен» одержало уверенную победу.
Создается впечатление, что приложение OBI написано с помощью фреймворка для разработки кроссплатформенных приложений. В том числе потому, что и на Android, и на iOS оно выглядит одинаково. Именно поэтому сделать классное приложение, удобное для пользователей разных платформ, у OBI не получилось.
Это чувствуется не только в глобальных проблемах, вроде невозможности оформить заказ в приложении и сложной навигации, но даже в мелочах. Например, у айфонов есть собственный формат выбора элементов — готовый «барабан», привычный и удобный для пользователей.
При обновлении операционной системы элементы также обновляются в приложениях, разработанных специально под нее. Но в приложении OBI для iOS ни «барабана», ни других аналогичных фишек нет, поэтому «яблочникам» приходится мучиться с классическим универсальным функционалом, который давно устарел.
«Устарел» — это общее впечатление от приложения OBI. Ребята, пора что-то менять.
У «Леруа Мерлен» приложение получше: информативный и удобный главный экран, хорошая навигация, легкое оформление заказа. Насколько мне известно, недавно они его существенно доработали, и результат очевиден.
Конечно, есть мелкие «косяки», вроде отсутствия подсказок в поиске и неидеальная авторизация, но пользоваться им гораздо удобнее. В том числе благодаря небольшим, но полезным мелочам, как туториал и возможность сравнить товары, показав только различающиеся параметры.
Конечно, если пользоваться приложением так же часто, как Instagram, то проблемы найдутся. Но для периодического заказа товаров для дома приложение вполне хорошее.