![](https://mobisharks.com/wp-content/uploads/2020/03/david-siglin-uuw4psob388-unsplash.jpg.895x400_q95_crop_darken_upscale.jpg)
Kokoc Group в очередной раз проверяет, как российский бизнес заботится об удобстве пользователей. На этот раз под прицелом мобильные приложения магазинов «Леруа Мерлен» и OBI.
Правила игры прежние: приложения оцениваются по значимым для пользователей параметрамтиэтому вместо традиционных 0; 0,5 и 1, мы оцениваем приложение по шкале от нуля до трех:
- 0 — шеф, все пропало;
- 1 — надежда есть;
- 2 — нет предела совершенству;
- 3 — огонь!
Ярослав Ясаков, руководитель проектов мобильной разработки Mobisharks (Kokoc Group) пыбть.
Туториал
Цель туториала – на старте рассказать пользователям об основных преимущстмаксимально эффективно его использовать. Это может быть быстрый слайд-обзор основных функций, перечисление преимуществ продукта или процесс создания учетной записи.
У OBI туториал отсуттоов. Ребятам необходимо выдеи ределить, какую пользу оно несет для конечного потребителя, и на основании этих данных создать туториал. Так пользователи будут лучше понимать, как им пользоваться. Спойлер: это не всегда очевидно.
А вот приложение «Леруа Мерлен» начинается с туториала, который при необходимости можно пропустить. Четыре самых важных преимущества с лаконичным описанием и иконками приносят заслуженные три балла.
Главный экран
Это то, что первым делом видит человек, каждый раз открывая приложение. У OBI c ним беда — пользоваться крайне неудобно, потому что происходит все что угодно, кроме того, что нужно.
Скроллишь экран вниз — прокручивений. Хочешь пролистать предложения — экран «ползет» вниз. При любом неосторожном движении появляется боковое меню.
К тому же приложение дважды показывает выбранный пользователем гипермаркет: одной строчкой в самом верху экрана и большим блоком с картой и контактами под списком популярных категорий из пяти строчекarго информации об офлайн-магазине на главном экране приложения? Чаще всего эти сведения нужны только при завершении оформления заказа, во время выбора пункта самовывоза, поэтому с главной страницы их лучше убрать.
ble”>![](https://mobisharks.com/w20-htblqdxfg9k-unsplash31-1024x576.jpg)
В приложении «Леруа Мерлен» ситуация на главном экране получше: первым делом пользователь видит строку поиска, ближайшие магазины, кнопки каталога и сканера QR-кода товара. Но мелкие nbgraph –>
Например, по-хорошему, страница должна скроллиться по блокам: листанул вверх — экран подвинулся ровно на один блок, пролистал дальше — еще один блок появился. Но пользователи «Леруа Мерлен» не смогут быстро рассмотреть список товаров с лучшей ценой на главной, потому что на первом экране его еще не видно, а на следующем — уже не видно, прих-ймать.
Показатель | OBI | «Леруа Мерлен» |
Главный экран | 1 | 2 |
Удобство навигации — один из важнейших факторов, который напрямую влияет на желание потребителей пользоваться приложением.
OBI использует tab-bar (меню в нижней части экрана) — хороший выбор, который приносит приложению один балл. Но на этом плюсы заканчиваются, потому что акценты на категории выбраны не лучшим образом и создают проsp –>
Например, если пользователь кликнет на раздел «Каталог» в tab-bar, то перейдет туда, куда собирался, — здесь все в порядке. Но при этом tab-bar пропадает и, чтобы вернуться обратно, необходимо зайти в сэндвич-меню и оттуда перейти на «Гя очевидные действия.
Как минимум стоит добавить в каталог кнопку «Назад», а в идеале сделать tab-bar статичным на всех страницах приложения.
Поскольку «главный» экран является стартовым и содержит основные триггеры для пользователей, его также необходимо добавить в tab-bar. А «ь, потому что они дублируются в сэндвич-меню.
В итоге нижнее меню будет лучше выглядеть так:
- «Главная»,
- «Каталог»,
- «Адреса» («Карта»),
- «Списки» («Избранное»),
- «Личный кабинет».
Еще один минус tab-bar в приложении OBI — неудачное дизайнерское оформление. Стоит затемнить неактивные иконки, значок активного экрана выделить цветом, а шрифт в названии категорий сделать меньше.
Кроме того, OBI использует классические меню drilldown (погружение в раздел вниз по иерархии), но п дт этот тип меню, но оно выполнено как интересное гибридное решение.
![](https://mobisharks.com/wp-content/uploads/2020/03/cetteup-geh-r9a4rbg-unsplash41-1024x683.jpg)
У «Леруа Мерлен» вообще с навигацией дела обстоят лучше. В приложение также встроен tab-bar, но, в отличие от конкурента, здесь он статичен на всех страницах.
К тому же есть кнкоться к исходной позиции из любого раздела. Там же каталог, списки покупок, карта магазинов и личный кабинет — нормальный набор. Пользователю очевидно, в каком разделе он находится — активный экран tab-bar выделен белым, неактивные — темно-зеленым. Хорошая навигация приносит «Леруа Мерлен» три балла.
С фильтрацией в обоих приложениях все хорошо, удобно и понятно. Оба полу
<
Навигация OBI «Леруа Мерлен» Нижний tab-bar 1 3 Drilldown 2 3 Разделы. Фильтрация 3 3
Авторизация / Регистрация
исв приложении — по номеру телефона. Это быстро – пользователю не нужно покидать приложение.
Однако такой вариант не всегда можно реализовать. Например, если приложтата, а сам сайт был создан на стандартном движке типа «Битрикса», где обычно используется авторизация пользователей по email.
В этом случае можно создавать нового пользователя для мобильного приложения в базе данных либо запрашивать почту существующего пользователя и привязывать его к номеру телефона. Но ни в одном приложении этого не сделано.
![](https://mobisharks.com/wp-cohefg-unsplash21-1024x683.jpg)
И в «Леруа Мерлен», и в OBI войти в аккаунт можно тольнелне приемлемый вариант, поэтому они получают по два балла. А вот в регистрации есть различия.
У OBI регистрации как таковой в приложении нет, там можно только ввести данные бонусной карты, а завести личный кабинет — только на сайте. Это максимум один балл.
Узаиложении, но приходится заполнять слишком много полей: указать имя, фамилию, почту и придумать пароль. За небольшой допрос с пристрастием приложение получает два балла.
Показатель | OBI | «Леруа Мерлен» | 2 |
Путь пользователя от авторизации в приложении до покупки
Прогуляемся по при
Поиск. Строка поиска закреплена в верхней части экрана на всех страницах. Это плюс. Но при вводе текста не даются подсказки — это минус. В то же время, если ввести слово частично, например, «рулет» вместо «рулетка», приложение все равно находит пт реализовать переход на отдельный экран.
Фильтрация по категориям. Тут все окей. Пользователь «проваливается» в категорию => подкатегорию => подкатегорию категорий.
Карточка товара. В порядке. Элементы расположены удобно, фотографии товара и описания есть, цена и кнопка «Добавить в корзину» вполне заметны на первом экране.
Добавление товара в «Корзину». После клика на соответствующую кнопку на странице товара появляется ич. Но при нажатии на «-» невозможно полностью удалить товар из «Корзины», одна штука все равно остается. Получается, если пользователь передумал покупать товар, ему приходитнуragraph –>
Оформление заказа. Здесь пользователя ждет самый большой сюрприз — это невозможно сделать в приложении, только на сайте. Из «Корзины» человек попадает на страницу оформления заказа на мобильной версии сайта. К гадалке не ходи — на этом этапе уровень конверсии в заказы резко падает. Внедрить возможность покупок в приложении несложно. Но если для OBI эмаа сайт можно реализовать схему звонка оператора после оформжетом, что при завершении заказа покупателю предлагается заполнить семь полей, четыре из которых обязательны.
И вишенка на торте — переход обратно в приложение по кнопке назад невозможен. Приходится сворач оnbsp;
![](https://mobisharks.com/wp-content/uploads/2020/03/khara-woods-kr84rpmcb0w-unsplash11-1024x683.jpg)
А что там у «Леруа Мерлен»?
Фильтрация по категориям. Здесь все в порядке. Разделы расположены логично, есть фильтрация по типам товаров, брендам и другим параметрам.
ДобКо;Аналогичная проблема, как у OBI: с помощью кнопок «+» и «-» можно выбрать количество добавленного товара, но нельзя его полностью оттуда удалить.
Оформление заказа. Проще, чем у конкурента. Во-первых, потому что процесс происходит в приложении. Во-вторых, потоо имум информации. Сначала пользователь выбирает доставку или самовывоз. Допустим, если нужна доставка, нужно заполнить шесть полей, четыре из которых обязательные и открываются во всплывающих окнах.
Показатель | OBI | «Леруа Мерлен» | |
Туториал | 0 | 3 | |
Главный экрана | 1 | <1 | 3 |
Навигация. Drilldown | 2 | 3 | |
Навигация. Раd>d>Авторизация | 2 | 2 | |
Регистрация | 2 | 3 | |
Фильтрация по категориям | 3 | 3 | |
Карточка товара | 3 | 3 | |
Добавление товара в корзину | 2 | 2 | |
Оформление товара | 1 | 3 | |
ИТОГО | 21 | 32 |
Приложение «Леруа Мерлен» одержало уверенную победу.
Создается впечатление, что приложение OBI написано с помораных приложений. В том числе потому, что и на Android, и на iOS оно выглядит одинаково. Именно поэтому сделать классное приложение, удобное для пользователей разных платформ, у OBI не получилось.
Это чувствуетсыхозможности оформить заказ в приложении и сложной навигации, но даже в мелочах. Например, у айфонов есть собственный формат выбора элементов — готовый «барабан», привычный и удобный для пользователей.
При обновлении операционной системы элементы также обновляются таее. Но в приложении OBI для iOS ни «барабана», ни других аналогичных фишек нет, поэтому «яблочникам» приходится мучиться с классическим универсальным функционалом, который давно устарел.
«Устарел» — это общее впечатление от приложения OBI. Ребята, пора что-то менять.
У «Леруа Мерлен» приложение получше: информативный и удобный главный экран, хорошая навигация, легкое оформление заказа. Насколько мне известно, недавно они его существенно доработали, и результат очевиден.
Конечно, есть мелкие «косяки»скальная авторизация, но пользоваться им гораздо удобнее. В том числе благодаря небольшим, но полезным мелочам, как туториал и возможность сравнить товары, показав только различающиеся параметры.
Конечно, если пользоваться приложением так же часто, как Instagram, то проблемы найдутся. Но для периодического заказа товаров для дома приложение вполне хорошее.