Почему интернет-магазины такие неудобные?

Для проработки дизайна у владельцев определённо есть деньги. Не зря компания ОЗОН.ру занимает шестое место в России по дороговизне, как считает российский Форбс.

Но почему сайт сделан небрежно?

Эта заметка — не о том, что Озон (или другой магазин) плох. У каждого сайта есть просчеты.

Заметка о том, что нужно стремиться быть лучше.

Кратко

• Мобильная версия не для всех.
• Непродуманная работа фильтров
• Сортировка не работает.
• Мусор на главной.
• Сложная навигация (у Амазона).

Подробно

ОЗОН.ру и Amazon — непохожие друг на друга магазины, с разной идеологией, разными владельцами и историей, но общими проблемами. В примерах я буду говорить о них, но других магазинов это тоже касается.

Проблема №1: мобильная версия не для всех

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

Два решения проблемы:

1. Показывать для планшетов телефонную версию. Телефоны Galaxy Note имеют экран с диагональю почти 6 дюймов, им Озон подставляет мобильную версию. Почему на 7-дюймовом Nexus 7 сайт предлагает установить мобильное приложение, но не включает мобильный сайт?

А если я не хочу ставить программу, потому что просто хочу ознакомиться с ценами?

2. Сделать сайт адаптивным. Это сложно, но возможно.

Меньше экран — сместить часть элементов вниз, сделать меню слева выезжающим. Но у Озона сайт в принципе не адаптивный:

У Амазона точно такая же проблема:

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

Как я узнал про «больше трети»? Доля мобильного трафика в Яндексе и Гугле составляет 27 и 50 процентов:

Проблема №2: непродуманная работа фильтров

Дьявол кроется в мелочах. На Озоне есть странные косяки, усугубляемые при работе с планшетов:

1. Проблема ввода в текстовые поля.

Попробуйте в фильтре максимальной цены ввести, например, 343 рубля (именно столько у меня было бонусных «Спасибо» на карточке). Ну как, легко стереть изначальные цифры?

Ответ: это осуществимо, но требует определенной ловкости. Нужно выделить весь текст и на клавиатуре набрать цифры. Backspace и Delete тут не помощники.

Интересно, как менять цену на планшете с сенсорной клавиатурой?

2. Второй косяк связан со слайдерами. Попробуйте с помощью слайдера поставить адекватную максимальную цену. Например, 300 рэ в книжном разделе. У меня можно выставить минимум 20073 рублей. А у вас?

То есть, когда в каталоге есть хотя бы один дорогой товар, слайдер становится бесполезным.

Проблема №3: сортировка работает некорректно

Доказать легко. От чего зависят значение максимальной цены? По логике Озона, это максимальная цена в каталоге. Но:

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

То же самое, если искать самый дешёвый товар. На первой странице пароварка за 2023 рубля и цена идёт по убыванию, за исключением рекламной книжки:

Но на следующей странице есть две пароварки лучше и дешевле, а сортировка вовсе ломается:

Как же выбирать товар? Похоже, только внимательно изучив весь каталог.

У Амазона другая проблема, о ней будет позже.

Проблема №4: неэффективная главная страница

Я не специалист в области продаж, но, мне кажется, на главной странице интернет-магазина должен быть товар, который выгодно продать в первую очередь. Или нет?

Что здесь не так?

1. Сладкая парочка. Это сотрудники Озона? Почему они хотят познакомиться? Почему причиндалы к камере ближе, чем лицо?

2. Слово «Выбирайте» повторяется восемь раз. Человеческое внимание ограничено, остальной текст не прочитают:

Что, на мой взгляд, нужно исправить:

1. Убрать неуклюжее слово и упростить надписи:

2. Избавиться от требования регистрации. Это можно сделать перед оплатой. Дешевое фото со стока долой. Выглядит чище:

Теперь мозг не взрывается при первом заходе. Но сразу стало пусто. Поэтому…

3. Товары на главной.

Во-первых, нужно отделить рекомендации от каталога в меню слева.

Во-вторых, добавить баннер, который сейчас почему-то виден только для зарегистрированных. Получится как-то так:

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

Проблема №5: запутанная навигация

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

Итак, как посмотреть ноутбуки на Амазоне? Создатели придумали целый квест. Прохождение:

1) Продираемся через меню, сосредоточенно водя мышкой:

2) Амазон, похоже, лучше нас знает, что мы должны купить. Но есть маааленькая ссылка для слишком умных:

3) Страница перезагружается, на первый взгляд изменений не видно. Но они есть — в меню. Теперь выбираем цену, которую готовы отдать за ноутбук.

Как если бы в магазине было три входа: для бедных, среднего достатка и состоятельных:

И только тогда открывается долгожданный каталог ноутбуков:

Кто-нибудь расскажет о более быстром способе попасть в него?

Проблема в том, что Амазон предлагает товар слишком агрессивно.

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

Каким должен быть Интернет-магазин?

Сделанным с душой. Тянущимся к покупателю. Чтобы хотелось в день зарплаты открыть и посмотреть: чего новенького?

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

Кстати, о лучших книгах по Photoshop я уже рассказывал.

В магазине нет фильтров по издательству, году выпуска и рубрики явно не в порядке.

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

Вопрос к читателям: какие магазины вы считаете лучшими?