Оптимизация поведенческих факторов интернет-магазина

(13) Содержание сайта:
За первые 5 секунд просмотра главной страницы, посетитель может составить представление о том, чем занимается компания. —
В шапке сайта указан номер телефона с кодом города, телефон расположен в одном месте на всех страницах, его видно в первые 3 секунды. +
В шапке сайта присутствует указание на вид деятельности компании: лозунг, слоган, расшифровка названия, перечисление основных услуг, краткое пояснение в свободной форме. —
Вопросы доверия к компании должны быть решены на соответствующих страницах: «О компании», «Наши клиенты», «Отзывы», «Как мы работаем», «Фото сотрудников», «Дипломы», «Публикации» и т.д. +/-
Присутствует публикации в формате «Истории успеха клиентов» —
Наличие ненавязчивого онлайн-консультанта: у посетителя должна быть возможность задать вопрос. Менеджер по продажам не пытается навязчиво завязать диалог самостоятельно. +/-
На сайте указаны реквизиты компании и адрес с почтовым индексом. В некоторых случаях шаблон договора или договор оферта. +
Любая страница загружается менее, чем за 5 секунд. —
На выбор посетителя предоставляется несколько вариантов доставки: самовывоз, стандартная, срочная. +
Корректно используется модуль «Товарные рекомендации»: «с этим товаром покупают», «новинки», «похожие товары», «товары со скидкой». —
На странице «Контакты» указаны телефоны, email-адреса, адреса офисов, карта проезда, часы работы персонала, при необходимости указывается информация о контактных лицах. +/-
Присутствует функционал, являющийся тематическим стандартом: калькулятор расчета цен на пластиковые окна, открытие демо счета для игры на Форексе, сравнение товаров в интернет-магазине ноутбуков и т.п. +
На сайте отсутствуют функциональные и контентные элементы, которые не оказывают положительного влияния на конверсию сайта или не являются обязательными для свершения ключевых действий. —
(14) Формы
Пользователю на выбор предлагается форма быстрой регистрации, ссылка на стандартную регистрацию, а также ссылка на авторизацию. —
Возможна авторизация через соц. сети, с последующим указанием контактов (email + телефон) непосредственно при оформлении заказа +
Если случайно нажать «Backspace» при заполнении формы, а потом вернуться – введенные данные должны сохраняться. Данные сохраняются в полях даже в случае, если пользователь случайно закрыл страницу. -/+
Можно вернуться на шаг назад, чтобы откорректировать введенные ранее данные. +
Для авторизованных пользователей происходит автоматическое заполнение форм. +
Обязательные поля выделены; если все поля являются обязательными – выделение отсутствует. +
Формы регистрации и оформления заказа содержат только обязательные поля. —
Функционируют быстрые кнопки: «Tab» = «Следующее поле», и «Enter» = «Отправить форму». —
В полях приведен пример текста, который необходимо туда ввести —
Настроена валидация полей, проверка происходит в реальном времени, сообщения об ошибках информативны, при правильном заполнении формы выводится «зеленая галочка» —
Возможность выбора дат ограничена, чтобы люди не могли ввести несуществующие значения —
При заполнении многошаговых форм сообщается номер шага и количество шагов до конца +
Кнопка отправки данных становится активной, когда все введенные данные проходят валидацию. +
Определять автоматически регион; при выборе региона в начало списка ставить крупные города +
(12) Корзина
Страница корзины не содержит ничего лишнего, только то, что нужно для оформления заказа. —
При добавлении товара в корзину выводится визуальное подтверждение, указывается, какое количество единиц товара добавлено, можно увеличить это количество простым действием (+/-). +/-
На странице корзины можно простым действием увеличить или уменьшить количество товаров. +
Поле «количество» должно иметь валидацию, не позволяющую вводить буквы и не адекватные значения, в случае ошибки подставляется значение по умолчанию, например 1. —
При вводе в поле «количество» значения «0» должен появляться запрос на подтверждение удаления товара из корзины, после чего товар должен быть удален из корзины. —
При изменении количества товаров сумма заказа должна пересчитываться без обновления страницы. —
При прерывании заказа товары не удаляются из корзины. В личном кабинете хранится история заказов, можно повторить заказ, сделанный ранее. +
Разнообразие способов оплаты: наличные, карта, электронные деньги, безнал, мобильный кошелек +
Наличие функции «купить в 1 клик». +
Ссылка на корзину текстом + картинкой. +
Наличие «миникорзины». В миникорзине отображается количество товаров, которые добавлены в корзину и сумма заказа, можно нажать кнопку «оформить заказ» без перехода на страницу корзины. +/-
После добавления товара в корзину на странице каталога товаров показываем ненавязчивое предложение «перейти в корзину». —
(4) Подтверждения
После оформления заказа на почту отправляется письмо с подтверждением, открывается страница «Спасибо за заказ» с предложением продолжить изучение ассортимента сайта. +
Подготовлены шаблоны писем: «вы зарегистрировались», «вы оформили заказ», «вы оплатили заказ», «проблемы с оплатой», «вы сформировали заказ, но не оформили». +
Капча должна вводиться с первого раза, желательно использовать автоматическую капчу reCAPTCHA. +
Страница ошибки 404 должна содержать ссылки на самые важные страницы, оформляется в дизайне сайта.
(10) Контент
Тексты основаны на достоверных источниках, в полной мере отвечают на поставленные вопросы, предлагаемые решения применимы и актуальны. +/-/+
В контенте нет ничего лишнего, но объем информации достаточен для свершения ключевого действия. —
Отсутствуют грамматические и орфографические ошибки. —
В тексте не используется транслит, верхний регистр и спец. символы. —
Максимально емкое содержание слоганов, аннотаций и анкоров ссылок. —
Для наглядности текст дополняется фотографиями, видео, иллюстрации, таблицами, диаграммами и т.п. —
Для картинок прописаны ALT на случай, если пользователь будет просматривать кэш страницы. —
Скорость загрузки изображений оптимизирована, для больших иллюстраций используется предпросмотр. -/+
Фотогалерея имеет функции «вперед» и «назад», не нужно открывать каждую картинку в отдельном окне. +
Самую важную информацию можно прочитать на первом экране без вертикальной прокрутки. —

Содержание сайта

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

Считаю необходимым сделать логотип крупнее и добавить к «интернет-магазин» фразу «антикварных книг». Между логотипом и телефонами разместить (на выбор):

— меню сайта вкратце,
— любую другую информацию, расшифровывающую деятельность сайта,
— ссылку на текст вроде «5 причин купить у нас».

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

Вопросы доверия к компании слабо проработаны. Информацию раздела «О нас» можно сделать более расширенной + отформатировать полученный расширенный текст. Разделы «Отзывы», «Наши клиенты», «Дипломы» и «Публикации», думаю, будут неуместны в контексте тематики сайта. Хотя если где-то есть публичная информация о сайте, это можно поместить в раздел «Публикации». «Как мы работаем» и «Фото сотрудников» имеет смысл поместить на сайт для демонстрации «живой» работы сотрудников сайта. Можно разместить фото из офиса или сделать постановочные кадры работы с книгами + неофициальные (в рамках допустимого) фотографии сотрудников. На мой взгляд, разделы «О нас» и «Контакты» не стоит помещать на одну страницу, поскольку информация в этих разделах отвечает разным запросам. Разделы «Обмен и возврат» и «Гарантии» имеющиеся на сайте, отвечает вопросам доверия пользователей. К сожалению, есть проблема – раздел «Гарантии» находится в разработке. С другой стороны, информация по поводу гарантий имеется в «О нас». Словом, здесь требуется наведение, прежде всего, логического порядка (грамотное построение структуры сайта).

Есть некоторые проблемы с формой заказа: при первом открытии сайта в браузере появляется форма крупных размеров (занимает почти всю обозримую левую часть сайта, это примерно ¼ экрана). Если зайти в неурочное время, на мрачном чёрном фоне высвечивается сообщение для пользователя: «К сожалению, мы сейчас не в офисе 🙁 Давайте, перезвоним вам в рабочее время в … (здесь предлагается указать даже не дату и время, а день недели и время). При повторных загрузках сайта появляется только небольшой подвижный значок трубки, обозначающий бесплатный звонок.

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

Не каждая страница загружается менее, чем за 5 секунд. Возможно, проблема в «тяжёлых» фотографиях.

«Товарные рекомендации» вовсе не используются. Можно добавить их в количестве 6-8 штук в «подвал» страницы, на которой находится полное описание товара (книги). Название модуля: «Другие книги этого автора», или «Популярные книги», или «Рекомендуем».

На страницу «Контакты» правильно будет добавить адреса офисов. Телефон и email-адрес необходимо визуально выделить, чтобы этот блок информации замечался на странице одним из первых. К телефону желательно приписать имя и должность того, кто принимает звонок.

На сайте присутствует функция сравнения выбранного товара.

Формы

Кнопки «Зарегистрироваться» и «Войти», а также ссылки на стандартные регистрацию и авторизацию не видны. Первые две открываются при нажатии на ссылку «Мой профиль». Думаю, вместо этой ссылки можно сделать 2 или 3 кнопки: «Вход на сайт», «Регистрация» или «Вход на сайт», «Регистрация», «Личный кабинет».

Настроить сайт таким образом, чтобы при закрытии страницы с заполнением формы введённые данные сохранялись. Все поля можно сделать обязательными или сократить их число, оставив самые необходимые. Вряд ли имеет смысл добавлять кнопку «Tab» (следующее поле), большее значение имеет отсутствующая пока кнопка «Enter» (отправить форму). Также не стоит размещать примеры текстов, которые необходимо ввести в пустое поле (если, к примеру, не имеет принципиального значения через 7-ку или 8-ку указывается номер телефона).

К сожалению, отсутствуют сигналы о правильном/неправильном заполнении полей. Это стоит настроить. Дату вообще невозможно выбрать, и это странно. При оформлении заказа появляется фраза «Время доставки рассчитано в рабочих днях», но время не указано вообще. Этот момент нужно проработать и сделать форму выбора удобной даты с ограничением выбора даты, чтобы пользователи не могли указать недействительное время.

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

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

Кнопку «Итого» лучше разместить под выбранными товарами с указанием общего количества товаров. Кнопка «Пересчитать» позволяет обновить страницу, но хорошо бы настроить автоматическое обновление итоговой суммы при добавлении нового товара.

Если корзина непустая, зайти на эту страницу можно через клик, т.е. при нажатии на кнопку предлагаются два варианта: «Корзина» и «Оформить заказ». Думаю, это вносит излишние сложности и некоторую путаницу (у многих пользователей «Корзина» и «Оформить заказ» как действия идентифицированы друг с другом), поэтому следует упростить действие, позволяя пользователю переходить в корзину одним щелчком мышки. Функцию «Оформить заказ» можно сохранить для любой страницы. Для этого настроить функцию её появления при наведении курсора на кнопку «Корзина» (без нажатия).

Кнопка корзины поначалу и вовсе не нажимается, поскольку в ней нет товаров. Можно убрать со значка на главной фразу «Корзина пуста», она не побуждает к действию, как, вероятно, было задумано. Лучше разместить на значке (предварительно сделав его более крупным, ярким и кликабельным) контрастную цифру 0, которая бы изменялась в онлайн-режиме в момент добавления товара в корзину. Думаю, что в качестве кнопки «Корзина» для главной нужно разместить более узнаваемый рисунок корзины.

Нужно доработать поле «количество», сделав возможным только выбор из представленных цифр (т.е. чтобы нельзя было стереть цифры и написать, к примеру, буквы). Настроить следующую функцию: при вводе цифры «0» должен появляться уточняющий вопрос на подтверждение удаления товара из корзины, после подтверждения товар должен быть удален из корзины.

В каталоге под каждой книгой кнопки «Купить» и «Просмотр» можно заменить на «Быстрый просмотр» и «В корзину». Так немного понятнее. Кнопка «Купить» вызывает мысли скорее о моментальном оформлении заказа, чем о добавлении в корзину. Кнопку «Оформить заказ» мне кажется лишним размещать при клике на каждый товар. Можно, как я писала выше, настроить её появление при наведении курсора на кнопку «Корзина» (без нажатия) с любой страницы сайта. Т.е. в каталоге пользователь спокойно выбирает товар, рассматривает, оценивает, откладывает в корзину, а уже непосредственно в «Корзине» принимает окончательное решение о покупке и оформляет свой заказ.

Контент

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

На мой взгляд, текст на главной этого сайта должен быть либо минимальный (объяснить тематику сайта и призвать пользователя к действиям на сайте может логотип, кликабельные кнопки и буквально пара фраз), либо текст на следует разместить перед каталогом, но он должен содержать информацию не о том, почему нужно выбрать именно эту компанию, а о том, чем вообще компания занимается и на каких условиях (текст д.б. очень простым, доступным, ёмким и оформленным в соответствии с требованиями к SEО-текстам).

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

Примеры:

«Мы выкупим Ваши книги или примем Ваши товары или услуги взаимозачетом» (нет запятой перед вторым словом или).

«Мы поможем составить пресс-релиз и презентации Вашей коллекции» (зависимое слово презентация не просклоняли).

«Сформировать устойчивый, открытый, современный и профессиональный рынок премиум товаров и услуг» (более целесообразный и грамотный вариант построения этого предложения: Участвовать в формировании современного премиум-сегмента рынка антикварных книг).

«интернет магазин» (правильно интернет-магазин).

Текст почти везде не отформатирован (разбивание на абзацы, выделение основных слов/фраз жирным/курсивом/подчёркиванием). Пример: http://kniganika.ru/knigi/sobraniya-sochineniy-i-podpisnye-izdaniya/antonov-s.-sobranie-sochineniy-v-3-tomah/ . К сожалению, такие тексты больше похожи на винегрет и требуют исправлений и даже переписывания.

В текстах сайта есть проблемы со шрифтами и стилями: они смешиваются в теле тексте, что создаёт впечатление «неряшливости» текста, т.е. выделении заголовков и подзаголовком здесь не при чём, речь идёт о различных шрифтах и стилях в блоке текста. Пример: http://kniganika.ru/kupim-vashi-knigi/ . Также следует убрать повторяющиеся части текста и фразы, написанные в режиме Caps Lock.

Многие ссылки на сайте никак не выделены визуально, т.е. наличие ссылки обнаруживается только при наведении курсора на текстовую ссылку. Пример: http://kniganika.ru/o-kompanii/ (собрание сочинений Пушкина, полное собрание сочинений Достоевского, литературные памятники, собрания сочинений – это всё действующие ссылки). Все ссылки необходимо корректно оформить (выделить подчёркиванием и синим цветом). Фразы типа «нажмите на ссылку» следует убрать.

Возможно, на этой странице http://kniganika.ru/obmen-i-vozvrat/ следует убрать выделение красным в тексте, поскольку это ошибочно создаёт впечатление ссылки. Если важно выделить слово(а) в тексте, можно сделать это жирным шрифтом.

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

«Простыни» текста (пример: http://kniganika.ru/o-kompanii/chasto-zadavaemye-voprosy-faq/ )желательно разбавить фотографиями/изображениями , видео и небольшими таблицами. Желательно прописать ALT для картинок. Оптимизировать скорость загрузки изображений.