Полный список для проверки удобства интернет-магазина

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

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

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

1. При использовании федерального номера 8-800 обязательно нужно указать контакт на месте, то есть в городе или регионе. Глобальный номер обычно является многоканальным и ассоциируется у клиента с долгим ожиданием, поэтому, скорее всего, он откажется от связи.
2. Больше двух номеров указывать в шапке сайта нельзя, их нужно сократить до этого показателя при любом количестве. Тут подойдут любые методы оптимизации, но учитывается размер интернет-магазина. К примеру, для крупного магазина нужно прописать бесплатный федеральный телефон, а также сделать выпадающий список, в котором клиент выберет нужный регион.

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

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

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

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

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

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

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

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

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

Поэтому стоит упростить задачу для потенциального клиента: можно реализовать выпадающий список с встроенным поиском конкретного города или региона. Очень полезным является модуль геопозиционирования клиента, в том числе и по IP-адресу. Это избавит пользователя от необходимости искать свой город из длинного списка, то есть он сразу перейдет к покупке.

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

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

1. Корзина должна быть заметной – добавив товар в корзину и желая продолжить оформление, клиент может попросту не обнаружить кнопки. Обычно это происходит, если корзина находится в нестандартном месте, допустим, посередине шапки либо не выделена визуально. Можно даже предложить тест модуля покупок своим друзьям и знакомым, чтобы они оценили удобство корзины.
2. Мобильная версия – корзина должна хорошо отображаться при просмотре сайта с мобильных телефонов. Часто об этом забывают; в итоге, зайдя на площадку со смартфона, клиент не сможет сделать заказ.
3. Корректная работа – корзина покупок должна динамически обновляться после каждого добавленного товара. Если этого не происходит – стоит задуматься об удобстве посетителя, которому придется обновлять страницу. Кроме того, корзина должна правильно быстро рассчитывать цену, ведь часто не учитывает дополнительно выбранные параметры.

Чтобы пользователь получал максимум комфорта, страницы должны прокручиваться корректно, не скрывая корзину, но вместе с тем и сам модуль покупки не может мешать просмотру контента. С заметностью важно не переборщить, ведь в противном случае клиент будет раздражаться из-за корзины размером на половину дисплея.

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

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

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

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

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

1. Заметность – клиенты, которые не поняли из главной страницы направленности интернет-магазина и его особенностей, часто обращаются к меню. Его нужно сделать максимально заметным, сохранив при этом комфортную стилистику.
2. Стабильность – под этим подразумевается отсутствие торможений, неточного распознавания курсора и глюков. Поскольку большинство клиентов работает именно с модулем меню, его корректная работа - залог комфорта.
3. Структурированность – кроме разбития меню на подразделы и более мелкие сегменты нужно прописать каждый из разделов так, чтобы он отображал свою специфику. Это задача для специалистов, создающих сайт, которые должны посоветоваться с менеджерами или владельцем бизнеса.

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

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

На главной странице используются 3 основных подхода к размещению текста:

• текстовых данных нет вовсе;
• размещен рассказ о компании и ее истории;
• раскрывается тематика магазина, его направленности и главных позиций ассортимента.

Именно в этих блоках прописываются основные ключевые слова для продвижения, но тексты при этом должны быть читабельными.

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

Высокая вариативность все же требует соблюдения нескольких критериев, позволяющих добиться высокого качества блока навигации:

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

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

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

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

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

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

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

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

Это наиболее недооцененная часть страницы, которую редко прорабатывают в макетах, даже владельцы сайтов редко обращают на них внимание. По сути, блок текста задействуется только для разнообразия на странице, при этом его стилистика не проверяется, как и читабельность материала. Оправдание при этом следующее –  на странице человек смотрит конкретный товар и не хочет ничего читать.

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

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

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

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

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

• поиск по базе магазина;
• результаты использования фильтра;
• общее меню.

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

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

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

Если графика открывается в новом окне – это худшее, что можно придумать! Прекрасным выходом будет увеличение области картинки при увеличении курсора. Также картинки важно оптимизировать, чтобы они открывались после клика, а не загрузки всей страницы. Чтобы клиенту было удобнее, можно сжать их и настроить загрузку в браузерный кэш, это позволит ускорить скачивание страницы в будущем.

Прежде всего, обратить внимание нужно на блок с расценкой на товар, ведь он – самый важный элемент страницы. Стоимость должна быть видна в верхней половине экрана, при этом контрастируя со всем остальным текстом. Вся остальная работа с сайтом будет построена на том, понравится ли клиенту цифра.

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

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

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

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

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

Требования к наполнению здесь такие же, как и в карточке товара. Нужно предлагать только схожие варианты – как по тематике, так и характеристикам. В графе “С этим покупают” можно предлагать аксессуары для товара, допустим, к телефону подойдут зарядные устройства, чехлы и пленки.

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

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

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

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

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

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

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

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

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

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

Сделать хороший текст, посвященный компании – это важная задача. Шаблонные копирайтерские фразы уже не котируются, поскольку в них все стандартно: рассказами о “высоком качестве”, “профессиональных сотрудниках” и “официальных поставщиках” никого не удивить.

Нужно идти по фактам, которые можно подтвердить, при этом раскрывая все особенности деятельности магазина. При указании качественного сервиса стоит отметить, что под этим подразумевается (бесплатная доставка, гарантия качества), говоря о нескольких годах опыта, это нужно подтвердить сертификатом, фотографией коллектива, фото с открытия торгового предприятия.

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

Таким образом, нужно следовать ряду критериев:

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

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

При наличии на сайте личного кабинета клиента нужно проработать страницу входа и регистрации, с которых, собственно, и начинается работа с ЛК.

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

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

Регистрационное окно тоже важно, поскольку многие клиенты не хотят заводить аккаунт из-за множества полей. Нужно определиться, действительно ли ФИО пользователя или его дата рождения настолько важны на первом этапе. Дело в том, что клиент сам не видит необходимости в регистрации для совершения покупки, но если будет нужно пройти короткую процедуру – он это сделает.

Дополнительные области работы с личным кабинетом могут быть разными. Так, в истории заказов стоит проработать их статусы, то есть “Обработан”, “Оплачен”, “Получен”, “Отказ” и другие. Желательно добавить ссылки на каждый товар для понимания, что именно купил пользователь.

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

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

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

Из-за нехватки места в “подвале” следует переносить туда лишь главную информацию, к примеру, пару предложений о компании. Это могут быть нейтральные предложения, слоган фирмы, интересные факты из жизни магазина.

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

Кнопка “Наверх”, позволяющая быстро перейти в верхнюю часть сайта, особенно полезна при наличии длинных списков товара. Нужно обеспечить ее следующие качества:

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

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