Kokoc Group в очередной раз проверяет, как российский бизнес заботится об удобстве пользователей. На этот раз под прицелом мобильные приложения магазинов «Леруа Мерлен» и OBI. 

Правила игры прежние: приложения оцениваются по значимым для пользователей параметрамтиэтому вместо традиционных 0; 0,5 и 1, мы оцениваем приложение по шкале от нуля до трех:

  • 0 — шеф, все пропало;
  • 1 — надежда есть;
  • 2 — нет предела совершенству;
  • 3 — огонь! 

Ярослав Ясаков, руководитель проектов мобильной разработки Mobisharks (Kokoc Group) пыбть.

Туториал

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

У OBI туториал отсуттоов. Ребятам необходимо выдеи ределить, какую пользу оно несет для конечного потребителя, и на основании этих данных создать туториал. Так пользователи будут лучше понимать, как им пользоваться. Спойлер: это не всегда очевидно.

А вот приложение «Леруа Мерлен» начинается с туториала, который при необходимости можно пропустить. Четыре самых важных преимущества с лаконичным описанием и иконками приносят заслуженные три балла.

Главный экран

Это то, что первым делом видит человек, каждый раз открывая приложение. У OBI c ним беда — пользоваться крайне неудобно, потому что происходит все что угодно, кроме того, что нужно. 

Скроллишь экран вниз — прокручивений. Хочешь пролистать предложения — экран «ползет» вниз. При любом неосторожном движении появляется боковое меню. 

К тому же приложение дважды показывает выбранный пользователем гипермаркет: одной строчкой в самом верху экрана и большим блоком с картой и контактами под списком популярных категорий из пяти строчекarго информации об офлайн-магазине на главном экране приложения? Чаще всего эти сведения нужны только при завершении оформления заказа, во время выбора пункта самовывоза, поэтому с главной страницы их лучше убрать.

ble”>
Фото: Unsplash

В приложении «Леруа Мерлен» ситуация на главном экране получше: первым делом пользователь видит строку поиска, ближайшие магазины, кнопки каталога и сканера QR-кода товара. Но мелкие nbgraph –>

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

ПоказательOBI«Леруа Мерлен»
Главный экран12

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

OBI использует tab-bar (меню в нижней части экрана) — хороший выбор, который приносит приложению один балл. Но на этом плюсы заканчиваются, потому что акценты на категории выбраны не лучшим образом и создают проsp –>

Например, если пользователь кликнет на раздел «Каталог» в tab-bar, то перейдет туда, куда собирался, — здесь все в порядке. Но при этом tab-bar пропадает и, чтобы вернуться обратно, необходимо зайти в сэндвич-меню и оттуда перейти на «Гя очевидные действия. 

Как минимум стоит добавить в каталог кнопку «Назад», а в идеале сделать tab-bar статичным на всех страницах приложения.

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

В итоге нижнее меню будет лучше выглядеть так:

  • «Главная», 
  • «Каталог»,
  • «Адреса» («Карта»),
  • «Списки» («Избранное»),
  • «Личный кабинет».

Еще один минус tab-bar в приложении OBI — неудачное дизайнерское оформление. Стоит затемнить неактивные иконки, значок активного экрана выделить цветом, а шрифт в названии категорий сделать меньше.

Кроме того, OBI использует классические меню drilldown (погружение в раздел вниз по иерархии), но п дт этот тип меню, но оно выполнено как интересное гибридное решение.

У «Леруа Мерлен» вообще с навигацией дела обстоят лучше. В приложение также встроен tab-bar, но, в отличие от конкурента, здесь он статичен на всех страницах. 

К тому же есть кнкоться к исходной позиции из любого раздела. Там же каталог, списки покупок, карта магазинов и личный кабинет — нормальный набор. Пользователю очевидно, в каком разделе он находится — активный экран tab-bar выделен белым, неактивные — темно-зеленым. Хорошая навигация приносит «Леруа Мерлен» три балла.

С фильтрацией в обоих приложениях все хорошо, удобно и понятно. Оба полу <

НавигацияOBI«Леруа Мерлен»
Нижний tab-bar13
Drilldown23
Разделы. Фильтрация33

Авторизация / Регистрация

исв приложении — по номеру телефона. Это быстро – пользователю не нужно покидать приложение. 

Однако такой вариант не всегда можно реализовать. Например, если приложтата, а сам сайт был создан на стандартном движке типа «Битрикса», где обычно используется авторизация пользователей по email. 

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

Фото: Unsplash

И в «Леруа Мерлен», и в OBI войти в аккаунт можно тольнелне приемлемый вариант, поэтому они получают по два балла. А вот в регистрации есть различия.

У OBI регистрации как таковой в приложении нет, там можно только ввести данные бонусной карты, а завести личный кабинет — только на сайте. Это максимум один балл.

Узаиложении, но приходится заполнять слишком много полей: указать имя, фамилию, почту и придумать пароль. За небольшой допрос с пристрастием приложение получает два балла.

1
ПоказательOBI«Леруа Мерлен»
2

Путь пользователя от авторизации в приложении до покупки

Прогуляемся по при

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

Фильтрация по категориям. Тут все окей. Пользователь «проваливается» в категорию => подкатегорию => подкатегорию категорий. 

Карточка товара. В порядке. Элементы расположены удобно, фотографии товара и описания есть, цена и кнопка «Добавить в корзину» вполне заметны на первом экране.

Добавление товара в «Корзину». После клика на соответствующую кнопку на странице товара появляется ич. Но при нажатии на «-» невозможно полностью удалить товар из «Корзины», одна штука все равно остается. Получается, если пользователь передумал покупать товар, ему приходитнуragraph –>

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

И вишенка на торте — переход обратно в приложение по кнопке назад невозможен. Приходится сворач оnbsp;

Фото: Unsplash

А что там у «Леруа Мерлен»?

Фильтрация по категориям. Здесь все в порядке. Разделы расположены логично, есть фильтрация по типам товаров, брендам и другим параметрам. 

ДобКо;Аналогичная проблема, как у OBI: с помощью кнопок «+» и «-» можно выбрать количество добавленного товара, но нельзя его полностью оттуда удалить.

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

y>ПоказательOBI«Леруа Мерлен»Поиск товара23Фильтрация по категориям33Карточка товара33Добавление товара в корзину22Оформление товара13 итоге?
<
ПоказательOBI«Леруа Мерлен»
Туториал03
Главный экрана113
Навигация. Drilldown23
Навигация. Раd>d>Авторизация22
Регистрация23
Фильтрация по категориям33
Карточка товара33
Добавление товара в корзину22
Оформление товара13
ИТОГО2132

Приложение «Леруа Мерлен» одержало уверенную победу.

Создается впечатление, что приложение OBI написано с помораных приложений. В том числе потому, что и на Android, и на iOS оно выглядит одинаково. Именно поэтому сделать классное приложение, удобное для пользователей разных платформ, у OBI не получилось. 

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

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

«Устарел» — это общее впечатление от приложения OBI. Ребята, пора что-то менять.

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

Конечно, есть мелкие «косяки»скальная авторизация, но пользоваться им гораздо удобнее. В том числе благодаря небольшим, но полезным мелочам, как туториал и возможность сравнить товары, показав только различающиеся параметры. 

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