Дизайн — статьи о сайтах
У книжного сайта своя специфика: тысячи позиций, много изданий одного произведения, предзаказы, серии и подборки. Поэтому «устаревший вид» — плохой повод для редизайна, а «покупатели не могут выбрать нужное издание» — хороший. Ниже — признаки, по которым можно отличить задачу для переработки сайта от задачи для точечных правок.
На каком шаге покупатели уходят с сайта
Начните с цифр, а не со вкусовых оценок. В Яндекс.Метрике или Google Analytics настройте цели для цепочки: каталог → карточка книги → корзина → оформление → подтверждение заказа. Посмотрите, где отваливается больше всего посетителей. Если основная потеря происходит на оформлении, дело в форме заказа и доставке. Если люди открывают карточки, но не кладут книгу в корзину, проблема в самой карточке или в доверии к магазину. Вебвизор и карта кликов покажут, доходят ли посетители до блока с ценой и наличием и нажимают ли на то, что не является ссылкой.
Карточка книги не помогает выбрать издание
Одно и то же произведение выходит у разных издательств, в разных переводах, переплётах и сериях. Если карточка этого не показывает, покупатель уходит сравнивать на другой сайт. Вот условный фрагмент слабой карточки:
- название и фамилия автора;
- обложка в маленьком размере;
- цена и кнопка «Купить»;
- описание на три строки, скопированное с сайта издательства.
А вот набор элементов, который реально отвечает на вопросы покупателя: издательство и серия, переводчик, год издания, переплёт, формат, число страниц, ISBN, возрастная отметка, понятный статус («в наличии», «под заказ», «ожидается»), фрагмент для чтения, ссылки на другие издания этого произведения и книги того же автора. Если ваш шаблон не позволяет добавить такие поля без переписывания половины сайта, это аргумент в пользу редизайна.
Поиск и каталог не знают, как ищут книги
Проверьте поиск на реальных запросах. Возьмите из Метрики отчёт по поисковым фразам с сайта, а если его нет — запишите, что спрашивают у продавцов. Введите: фамилию автора с опечаткой, название без «ё», часть названия, ISBN, «книги для ребёнка 6 лет», название серии. Если выдача пустая или первым идёт не то, поиск требует доработки. Затем посмотрите фильтры: есть ли переплёт, издательство, возраст, наличие, год? Можно ли сортировать так, чтобы сначала показывались книги в наличии? Если каталог устроен только по жанрам, а покупатели приходят за подарком или по школьной программе, нужна иная структура разделов.
Мобильная версия формально есть, но пользоваться ею тяжело
Оформите заказ со своего телефона от главной страницы до подтверждения. Обратите внимание на следующее: умещается ли фильтр на экране и можно ли его закрыть одним касанием; видна ли кнопка покупки без долгой прокрутки; не приходится ли увеличивать текст в описании; удобно ли выбирать способ получения и вводить адрес. Если вы на каждом шаге хотите что-то поправить, значит, посетители испытывают то же самое.
Что можно исправить точечно, а что требует переработки
Точечных правок достаточно, если проблема локальна: нечитаемая кнопка, неудачный текст про доставку, отсутствие фильтра по переплёту, который легко добавить. Редизайн оправдан, когда:
- структура карточки и каталога не расширяется без ломки вёрстки;
- страницы выглядят по-разному, потому что их делали в разное время;
- сайт нельзя нормально открыть на смартфоне;
- каждое изменение требует вмешательства разработчика и занимает недели;
- интеграция с учётной системой выгружает остатки с задержкой, а дизайн не умеет показать статус «под заказ».
Если решите менять сайт, заранее зафиксируйте цели и текущие показатели, а также договоритесь, как будут сохранены адреса страниц или настроены перенаправления со старых на новые. Это снижает риск потерять посетителей, которые приходят по уже известным ссылкам, но результатов в поиске никто гарантировать не может.
Короткий проверочный список
- Известно, на каком шаге пути к заказу уходит больше всего посетителей.
- В карточке видны издательство, переплёт, год, ISBN и статус наличия.
- Поиск находит книгу по ISBN, автору с опечаткой и части названия.
- Есть фильтры, соответствующие тому, как выбирают у вас: возраст, серия, переплёт.
- Заказ можно оформить с телефона без увеличения экрана.
- Новый раздел, подборку или поле можно добавить без помощи разработчика.
- Остатки и цены на сайте совпадают с учётной системой.
Если не выполняются один-два пункта, начните с исправлений. Если не выполняется большинство, а причина в самой конструкции сайта, пора обсуждать редизайн и составлять для него техническое задание.
