Большой чек-лист для аудита юзабилити интернет-магазина

Шапка сайта – это то, что встречает человека единым) (духом после перехода на сайт (конечно, если несть проблем с иерархией загрузки и внутренней архитектурой кода страницы).

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

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

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

Если ваша милость – крупный магазин по России или всему миру, скорехонько всего у вас несколько номеров телефона.

У меня в отлучке задачи сейчас говорить о поисковом продвижении и специфике реализации каждого с вариантов, но хочу обратить внимание на кое-кто вещи:

А) Если в шапке 2–3 телефона одного региона, руки прочь только один. Есть сотни способов подать информацию о дополнительных номерах, с которых запихать их все в шапку – худший.

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

Помните, что, добавляя 2 гостиница одного региона, вы сбиваете человека с пути возможной конверсии. Нетрудный вопрос, глядя на это непотребство, «На какой-нибудь номер мне звонить?», с вытекающим далее – «То подчищать один может не работать?». Это не самый преимущественный сценарий по обработке посетителя сайта.

Если ваш брат мне не верите и упрямо хотите сделать таким образом, чтобы бы поставьте рядом иконки сотовых операторов интересах удобства посетителя. Вдруг у него, например, на Теле2 будут бесплатные минуты, а нате МТС нет.

Б) Если в шапке только номер 8-800, укажите покамест один местный либо номер представительства на вашей территории. Неравно офис в Москве – укажите под бесплатным номером видеотелефон в Москве (естественно, с пояснением рядом).

8-800 – это удобно в целях посетителя, но не всегда. С этим номером связаны другие психологические установки: «Предстоит долгий разговор, пока меня переключат в нужного человека», «Это долго», «У меня крохотный вопрос, зачем мне 8-800?», «У меня риторический вопрос по товару/наличию, где номер местного выделения чтобы сразу позвонить им?», «Зачем мне «ехать в Москву помощью Китай»?».

В) Если больше 2 номеров в шапке сайта, в ажуре подумайте, можно ли сократить их до 1–2? Равно как пример: если у вас магазин по России, убирать бесплатный номер и куча региональных представительств, сделайте подборка региона (автоматически или вручную) и выводите под бесплатным номером просто-напросто телефон конкретного региона. Вспомните о предыдущих пунктах и мало-: неграмотный заставляйте человека раздумывать там, где он потребно действовать.

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

Логотип – приставки не- обязательная, но желательная часть, поскольку если ваш сайт понравится человеку (я безвыгодный говорю про совершение покупки), есть вероятность, что же он обратит внимание на логотип.

В некоторых ситуациях могут затеяться проблемы с пониманием: если ваша компания в логотипе называется «Рога», а в домене написано «копыта.рф», нехотя возникнет вопрос: «Что, нельзя было название сайта обделать таким же, как и НА сайте?»

Впрочем, незамедлительно наблюдается большая проблема доменов с ключевыми словами: «ремонтник333.рф» в домене и в логотипе в таком случае же самое. А теперь уберите от экранов детей! Часть идут дальше и печатают наружную рекламу с названием организации «ремонтник333».

К чему я аминь это? Да к тому, что логотип может сп на вас, если он правильно преподнесен и компетентно сделан.

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

• Если в логотипе есть фраза, она должна жить(-быть легко читаема.

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

• Если логотип не в стиле сайта, спросите себя, вследствие этого? Может быть, стоит отдать его на доработку специалистам (дизайнеру, на выдержку)?
• Если в логотипе название, отличное от домена сайта, могу намериться, что с высокой вероятностью вам так посоветовали неопытные SEO-шники, аргументировав сие «плюсом для продвижения», либо необходимый домен был занят (яко сомнительно, ведь всегда можно найти приличные варианты до разным зонам в разных вариантах написания).

«Ремонтник333 – отремонтируем пусть даже космический корабль» – нередко можно видеть окаймляющую титул у логотипа.

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

Притом сам текст логотипа чаще всего просто поясняет сферу деятельности компании.

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

Здесь правило простое: чем не столь действий нужно сделать человеку для выбора города/региона, тем выгодно отличается.

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

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

Добавьте сеево умного поиска по введенным буквам в строке, который-нибудь будет динамически выводить варианты, подходящие под сие сочетание букв.

Добавьте кнопки определения геопозиции либо узел автоматического определения по ip.

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

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

Если у вас подчищать модуль личного кабинета, не забудьте его видимо оформить.

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

Вона неудачный пример:

Корзина для интернет-магазина – архи важный элемент. Она может мотивировать на покупку, поднажать к покупке, допродавать и делать многие другие вещи.

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

• Корзина должна лежать заметна

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

Да, такое бывает довольно часто. Благо корзина расположена не в типичном месте (например, в центре левого безграмотный плавающего сайдбара), вы заставите посетителя испытывать негативные эмоции близ ее поиске.

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

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

• Корзина должна быть на виду

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

• Не забудьте про адаптацию корзины под мобильную версию
• Плетюха должна работать корректно

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

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

• Корзина не должна задерживать просмотру страниц

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

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

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

Главная страница сайта чаще всего встречает посетителей.

Сия страница привлекает трафик общего плана, который приставки не- ищет конкретный товар, а хочет его подобрать.

Вследствие подобной общности запросов (типа «магазин сантехники в Москве») главная стадия должна предоставить посетителю следующую информацию (как малое)):

• Чем занимается магазин

Понятно, что человек, набравший модель запроса выше, ожидает увидеть магазин сантехники. Да очень часто магазины могут быть узкоспециализированы (сантехника фирмы «ФИРМА» либо — либо итальянская сантехника), при этом, скорее всего, продвигаются они и дают рекламу в соответствии с общим запросам. Поэтому из уважения к посетителю разрешите сразу понять, что он найдет на сайте.

• Что за товар продается

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

Именно поэтому не заставляйте человека отыскивать товар самостоятельно и потом натыкаться на фразу «ничего приставки не- найдено». Пример реализации:

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

Популярные альтернативы баннеру – слайдер и видеофон (либо видео сиречь один из слайдеров).

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

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

Упражнения баннеров, которые нужно убрать с сайтов как дозволяется скорее:

Чем больше товара на сайте, тем, сиречь правило, обширнее общее меню, обычно расположенное в шапке либо с левой стороны.

Основные мировоззрение, которые нужно соблюдать при проектировании меню получи сайте:

• Меню должно быть заметным

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

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

Вот пояснение «недружелюбной шапки» и меню, «исправляющего ситуацию»:

• Меню пожалуй стабильно работать

Имею в виду, что оно безвыгодный должно тормозить (частая проблема с сайтами за 5 тысяч рублей с школьников), не должно всячески глючить (автоматически убираться восвояси, дергаться), не должно быть никаких дерганых и резких, а да медленных и долгих анимаций. Меню – это один изо самых активных по кликам элементов, недопустимы неудобства и сбои в его работе.

• Листок должно быть правильно структурировано

Важно не как максимально разбить на подразделы (как мог подать совет SEO-специалист), но еще и внести специфику ниши в отдельный из разделов.

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

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

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

Чуточку ниже, в разделе 3.2? я описал несколько вариантов компоновки.

Который касается вариативности – сами блоки могут быть неважный (=маловажный) только разделены по категориям и подкатегориям, но и смотреть к более общим блокам, например, «популярные товары», «горящие скидки», «последние размеры». По части сути, это такие же разделы, как и целое остальные, только содержащие более общую выборку.

Текстовый ассоциация на главной странице обычно бывает 3 видов:

— и следа нет совсем;

— повествует о компании;

— повествует о тематике сайта (либо имеет комбинацию с предыдущим). Большею частью содержит ключи для продвижения.

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

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

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

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

Прототип:

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

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

— ну точно заметны (можно сделать выделением блока, не меняя школа самого текста);

— корректно масштабируются (если на мобильной версии будут в долг) пол-экрана, это плохие хлебные крошки. Ещё бы, даже если человек уже глубоко внутри сайта (3–4 ординар). Решений масса, обратитесь к дизайнеру.

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

Пример (не самый лучший вариация, просто чтобы вы понимали, о чем речь):

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

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

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

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

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

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

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

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

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

А видишь как раз блоки сортировок отлично впишутся.

Весь всегда забывают про текстовые блоки. Иногда их дизайнеры безграмотный прорабатывают в макетах, иногда заказчики не понимают, зафигом они нужны. А и правда, зачем? Обычно, конечно, в целях добавочного веса страницы (читайте – для продвижения), лишь вот делается это для галочки во всех случаях (ведь есть получается уродский шматок символов, совсем невыгодный проработанный на читаемость и стили). Логика простая: куверта зашел на страницу с товаром и смотрит ассортимент, лешим) ему что-то читать?

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

Не непременно размещать их снизу, под товаром. «Юлмарт», на выдержку, размещает в левом сайдбаре. Некоторые – сверху перед товаром (скрывая том текста под спойлер).

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

Совет – попробуйте уникализировать сии блоки относительно страницы. Например, на категории сковородок Tefal напишите плюсы мало-: неграмотный вашего магазина, а самих сковородок: гарантия от производителя 5 полет, РСТ, успешный тест-драйв, не пригорают, состоят изо 5 слоев стали и титана и прочее. Вы делаете суперс для людей, а не для себя, так позвольте им всю полезную информацию. Если они до покупкой захотят о вас почитать, найдут страницу «О компании», инда если она спрятана. Даже если ее в отлучке, вас «пробьют» по поиску по названию компании. Маловыгодный сомневайтесь.

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

Частые ошибки и проблемы:

— Возле выводе на странице от 2 экранных разворотов товара визитер может не захотеть листать вниз до пунктов пагинации, а вернется кверху и перейдет сразу к 5 (ну или к последней) странице. Скажите, ваш сайт позволит ему сие сделать или у вас полосочка с цифрами страниц всего на все(го) снизу?

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

Посетитель может потратить много минут для изучение товара, но не готов тратить и секунды в блуждание по каталогу. В идеале он должен возьми странице подкатегории сразу найти нужную ему группу товаров. Угоду кому) этого проработайте поиск по сайту в стиле страницы категории (в один присест с выборкой товаров) по общим запросам. К примеру, таким: «итальянская сантехника», «розовые сапоги», «сковородки tefal»

Держи страницу категории этих самых «сковородок тефаль» особа должен суметь перейти как минимум 3 способами:

— с поиска сообразно сайту;

— с результатов фильтра;

— с меню (с мегаменю, с быстрой ссылки с общей категории).

Самое важно правило – неважный (=маловажный) перегружать страницу информацией. Если ее много, либо оставляйте в виду самую важную, а остальное скрывайте под спойлеры али всплывающие tooltips’ы, либо оптимизируйте внешний род содержимого.

Перегруз информацией так же опасен, в духе и ее отсутствие. Просто зайдите на один изо таких товаров с нулевым описанием и задайте себе задание: «Готов ли я его купить?».

Пример с почти полным отсутствием характеристик товара:

Зато бунт лишнего пространства съедена информацией о магазине и преимуществах (нормально, общими словами без конкретики).

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

Чем не столь действий для посетителя нужно, чтобы пролистать картинки, тем предпочтительнее. Именно поэтому сейчас на «коне» способ автоматической смены картинки около наведении курсора на превью. То есть никак не нужно даже кликать по изображениям, чтобы их отворить. Однако, по моему опыту, если картинки в полной мере отражают свойства товара (а именно, фото ботинок позволяет просмотреть качество швов alias проклейки), не важно, как эти картинки будут разверзаться. Даже если у вас будет один из самых худших способов – вследствие открытие в новом окне. Тут вопрос в другом: если нет есть возможность сделать нормально, лучше этой возможностью прибегнуть.

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

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

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

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

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

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

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

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

Часто сложные модули калькуляторов и конструкторов делают в отдельных модальных окнах. Безвыгодный забудьте проверить, как они выглядят на мобильных устройствах, так как вам вряд ли захочется лишиться горячего клиента, которому «надело скролить экран» присутствие выборе дополнительных параметров (это в лучшем случае, в худшем – пакет окна может просто уйти за границы экрана и хотя (бы) не дать себя закрыть, считайте, возможная обмен потеряна навсегда).

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

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

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

Должна быть ясной, понятной и целостной. Сие означает, что не нужно на одной странице все все способы связи и проезда к компании. Но тоже не нужно плодить множество страниц.

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

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

Вдобавок не советую делать первый элемент навигационного каталог в виде «домика» (который ведет на главную). Балок на мобильном устройстве почти невозможно нажать пальцем с-за его размера.

Даже если у вас не пара строк в этом блоке, а целые списки номеров и офисов, вообразите над реализацией «карты филиалов», интерактивной или статической.

Упражнения:

И вот пример динамической, просто оформленной карты с филиалами:

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

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

В целом, здесь также справедливы рекомендации от пункта 5.2.

Если есть необходимость в размещении фигура обратной связи, следует предусмотреть максимум удобств пользу кого ее заполнения. А именно:

— «серые» подсказки в полях интересах заполнения;

— «маска» для телефона;

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

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

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

Рекомендации к этому блоку справедливы с пункта 5.1.

Текст о компании – крайне важная вещь. Людям надоели тексты, написанные по части одному шаблону копирайтером по 20 руб. / 1000 с. Никаких «мы работаем бери будущее, внедряем инновационные технологии» и прочего словоблудства.

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

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

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

Нет, нет и нет!

Еще разочек: этот текст – это зеркало вашего отношения к сайту и, точно следствие, к бизнесу, поскольку сайт – это лицо вашей организации в интернете. Ни синь пороха кроме сайта интернет-клиент не видит.

Так:

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

— текст должен содержать конкретные показания и информацию, никаких размытых формулировок;

— текст должен непременничать удобен для чтения и отформатирован. С форматированием может помочь благоустроенный копирайтер и дизайнер.

Также неплохо снабдить информацию мультимедиа-материалами.

Даже если у вас собственное производство, предоставьте фото, если запродажа лицензионных продуктов – сертификаты и лицензии.

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

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

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

Притча по автоматическому расчету стоимости доставки по клику возьми карту (расчет идет от точки офиса):

Как ни говорите помните, бесплатная доставка снимает головную боль посетителя и экономит его миг.

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

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

P.S.: Согласен, с информацией тоже нелады.

Интереснее объединение поводу политики возврата. Есть в интернете ряд статей получи тему «как снизить процент возврата» в интернет-магазине. Водан из пунктов как раз про данную страницу. Ее рекомендуют неважный (=маловажный) размещать на видном месте и усложнять процедуру возврата. Я безграмотный хочу сейчас касаться этой темы и ее целесообразности, демократично напомню, чтобы страница:

— как минимум была получай сайте;

— имела всю необходимую и актуальную информацию перед мелочей, включая отдельный email, куда писать alias звонить;

— имела читаемый вид (вопрос форматирования для вашей совести).

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

Сени

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

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

Прописка

Отдельная головная боль для большинства – много полей в (видах заполнения.

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

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

Разве что присутствует страница с историей заказов, сделайте добро в (видах клиентов и снабдите каждый заказ текущим статусом («Обработка», «Оплачен», «Отправлен», «Получен», «Отказ» и т.п.). В труппа заказа добавьте ссылки на сами товары.

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

Если в кабинете присутствует система скидок и бонусов, до мельчайших подробностей расскажите, как с ними взаимодействовать (как получить, когда-нибудь начислят, как использовать).

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

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

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

1) Попал изо закладок браузера (сохраненных страниц, списка посещаемых и т.д.).

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

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

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

2) Перешел точно по внутренней ссылке на сайте.

3) Самостоятельно ввел гяур адрес.

4) Адрес страницы существует, но не обработаны редиректы (как например, /).

Чаще всего на странице 404 делают либо карту сайта с основными разделами, либо пару кнопок «на главную»/«назад».

В большинстве случаев сего может хватить, но, опять же, не кайфовый всех (см. список выше).

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

Не игра стоит свеч уродовать сайт вот такими вещами:

Есть девать некуда вариантов улучшения индексации сайта, среди которых данный – один из худших (но дешевый и легко реализуемый).

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

Можно также вставить небольшое расстояние с картой.

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

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

Чаще итого виджеты – это то, что всех раздражает. Жаль, это суровая правда. Может казаться, что предоставляете посетителю совокупность вариантов связи с вами, но только напираете, точно продавец в офлайновом магазине бытовой техники. Забудьте о всплывающих окнах держи пол-экрана от виджета обратного звонка минуя 15 секунд после посещения страницы (хорошо, делать что 15). Это не работает так, как нужно вас.

Забудьте о разговорах с менеджерами самих этих систем, затем что они, естественно, заинтересованы в том, чтобы вы были их клиентом.

Истинно, такие виджеты нужны в ряде проектов и тематик, хотя они должны быть в пассивном режиме: показать посетителю ресурс связи, но при этом оставить инициативу по (по грибы) ним.

Смертельный грех вы совершите, если разместите для сайте более 1 активного виджета (который сам пытается взаимодействовать с посетителем). Люкарна чата обратного звонка, трубка телефона, мешающая выжать кнопку «наверх» – это все ставит крест нате сайте и возможной продаже.

Пример неудачной простановки виджетов и их предписание:

Следите после тем, чтобы кнопка «наверх»:

— была на расстоянии с границ экрана;

— не перекрывалась виджетами (чаще общем грешат виджеты обратного звонка с плавающей трубкой и онлайн-чаты);

— была удобна и заметна. Идеальным примером удобства (в доме считаю тот, когда вся область активная присутствие наведении:

Правда, не везде это подойдет.

Тоже можете проработать кнопку «наверх» и на мобильной версии, даже если есть такая необходимость:

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

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

Первый вопрос, кто вы должны задать к этой странице: «Что могут угадать менеджеры?». Если в вашем магазине перезванивают на каждую заявку с сайта, смышленнее будет сократить до минимума количество полей (выключение – оформление с мгновенной оплатой).

Очень неприятно, к примеру, поздно ли после заполнения адреса, вам перезванивает менеджер и безвинно говорит «Здравствуйте! Вы заказали то-то и в таком случае-то. На какой адрес отправить?».

Еще Вотан момент – оптимизация процесса заполнения большого количества полей.

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