Оформление онлайн-магазина мебели и декора: аудит юзабили ikea.ru

Когда мы говорим о создании онлайн-магазина для мебели и предметов декора, достаточно просто было бы составить перечень необходимых требований и ограничится этим. Но что, если мы разберём реальный пример? Рассмотрим, как справился с этой задачей крупнейший мебельный бренд, отметим наиболее удачные решения и заберём их себе. По-моему, отличная идея! Согласны?

Итак, Поехали.

Адрес официального интернет-магазина Ikea в России:
https://www. ikea. com/ru/ru/

Основное меню

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

Товары

Выпадающий список в категории Товары даёт нам доступ к трём подкатегориям: Товары — Популярное — Прямо сейчас в Икеа. Считаю ли я, что такая градация оправдана? Не уверен. Скорее всего это нагромождение излишне. Абсолютное большинство посетителей магазина будет искать конкретный товар, не нужно сбивать их с толку. Для рассказа о популярных продуктах и интересных предложениях есть гораздо более подходящие участки пользовательского пути.

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

Комнаты

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

Вдохновение

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

Услуги

И здесь у меня сразу возникает вопрос, почему наш список убежал влево и находится не под соответствующей категорией меню?

Дополнительные опции

Вверху над названиями основных категорий мы видим вкладки Геолокация — Доставка и самовывоз — Наличие товара — ИКЕА для бизнеса — Ikea Family — Каталог 2020 — Контакты — Магазины. Этот контент действительно может быть интересен пользователю, он может даже являться причиной визита на сайт, поэтому, возможно, стоило бы сделать его чуть ярче.

Справа мы видим стандартные иконки Мой профиль — Список покупок — Корзина. Что касается меня, я гораздо больше люблю вкладку избранное с иконками в форме звёзд или сердечек. Но, если не быть субъективным, весьма вероятно, что многие пользователи просто накидают товаров в список и отправятся в физический магазин. Так что здесь я не буду категоричен.

Дизайн

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

И да, и нет, друзья.

Если убрать скромный логотип в левом верхнем углу экрана, мы окажемся на довольно безликом онлайн-ресурсе, ничего не говорящем о личности бренда. А ведь перед нами сайт крупнейшей мебельной компании! Кроме того, будем откровенны, этот сайт непростительно дешев для такого гиганта. Стандартный макет разбитый на типовые блоки не лучший вариант для лидера отрасли. Не поймите меня неправильно, я вовсе не сторонник кричащих, напыщенных и перегруженных веб-ресурсов. Но у аскетичности тоже есть границы, особенно в привязке к масштабу бизнеса.

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

1 шаг — страница группы товаров

2 шаг — страница подкатегории

3 шаг — страница категории

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

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

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

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

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

Очень странное и нелогичное решение.

При нажатии на иконку Корзина мы попадаем… в список покупок. Это вызывает недоумение. Пользователь теряется: может быть я нажал не туда? Жмёт на иконку списка покупок и видит то же самое. Снова возвращается в корзину, да… просто на этом сайте корзина называется списком покупок несмотря на то, что здесь же есть специальная отдельная вкладка. Путано, напрасно.

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

Итак, мы указали адрес и выбрали способ доставки, нажимаем кнопку Купить. Перед нами появляется всплывающее окно с предложением ввести номер карты IKEA FAMILY. У меня нет карты, понятное дело, что сейчас я займусь её оформлением и вернусь ли для того, чтобы завершить свою покупку — вопрос открытый.

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

Но, предположим, нам этот шкаф нужен прямо сегодня, прямо вот кровь из носа, и мы всё-таки намерены совершить нашу покупку онлайн. Итак, идём дальше.

Здесь у нас есть возможность выбрать дату и время доставки. Это классно.

Необходимо указать дополнительную информацию по доставке.

Нажимаем кнопку оплата.

Бинго! Шкаф наш. Ждём доставку.

Итак, что я могу сказать по итогу? К сожалению, интернет-магазин Ikea вызвал у меня скорее вопросы, чем восторги. Чего не скажешь об их маркетинге, вот ему то у них поучится стоит: 7 уроков маркетинга от IKEA

Я думаю, у вас есть все шансы, сделать более удачный онлайн-ресурс для вашего мебельного магазина. Дерзайте!