Для проработки дизайна у владельцев определённо есть деньги. Не зря компания ОЗОН.ру занимает шестое место в России по дороговизне, как считает российский Форбс.
Но почему сайт сделан небрежно?
Эта заметка — не о том, что Озон (или другой магазин) плох. У каждого сайта есть просчеты.
Заметка о том, что нужно стремиться быть лучше.
Кратко
- Мобильная версия не для всех.
- Непродуманная работа фильтров
- Сортировка не работает.
- Мусор на главной.
- Сложная навигация (у Амазона).
Подробно
ОЗОН.ру и 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 я уже рассказывал.
В магазине нет фильтров по издательству, году выпуска и рубрики явно не в порядке.
Надеюсь, что в будущем владельцы поймут, в каком направлении двигаться. И это касается всех магазинов: нашего Озона, американского Амазона, всяких китайских ТиниДилов и ПандаВиллов и остальных. Покупателю должно быть удобно независимо от того, продают ли они скороварки, ноутбуки или книжки.
Вопрос к читателям: какие магазины вы считаете лучшими?
