Разбираем навигацию вашего магазина

Опубликовано: 2016-04-26

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

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

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

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

Почему важно правильно настроить навигацию в электронной коммерции

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

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

подпись (Фото предоставлено #WOCinTech Chat)
Ваша навигация является критически важным компонентом дизайна вашего магазина — сделайте ее правильно, и все остальное должно работать вместе. Сделайте это неправильно, и элементы могут показаться разрозненными. (Фото предоставлено: #WOCinTech Chat)

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

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

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

Ссылки на ваши продукты должны быть в центре внимания

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

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

Всего несколько товаров в вашем магазине? Ссылайтесь на них прямо из своего меню — это сэкономит время покупателей.
Всего несколько товаров в вашем магазине? Ссылайтесь на них прямо из своего меню — это сэкономит время покупателей.

С другой стороны, если у вас есть несколько продуктов, разделенных на категории, например, магазин ELEVEN velo, вместо этого вы захотите сослаться на эти категории:

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

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

Поместите другие важные элементы в основную навигацию — их содержание зависит от магазина.

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

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

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

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

Но для магазина, который продает печенье? Если вам лично не нравятся файлы cookie, которые вы получаете, вы, вероятно, можете просто передать их кому-то другому. Стоимость гораздо ниже, а печенье — это расходный товар. Таким образом, этот магазин можно было бы безопасно добавить, вместо этого возвращая ссылку на их нижний колонтитул.

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

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

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

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

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

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

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

Например, посмотрите, как нижний колонтитул Henry J Socks имеет подзаголовки, которые помогают классифицировать каждую область ссылок:

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

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

У вас есть необходимые, но не «главные» страницы, на которые можно ссылаться? Используйте подменю для консолидации и организации

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

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

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

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

Подменю экономят место и делают вашу навигацию аккуратной и удобной.
Подменю экономят место и делают вашу навигацию аккуратной и удобной.

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

Не делайте слишком много разделов навигации! Верхний и нижний колонтитулы идеальны

И последний совет: не давайте покупателям слишком много вариантов выбора .

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

Слишком большой выбор может запутать покупателей или оставить их в затруднительном положении. Устраните проблемы путем консолидации в максимально возможной степени.
Слишком большой выбор может запутать покупателей или оставить их в затруднительном положении. Устраните проблемы путем консолидации в максимально возможной степени.

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

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

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

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

Упорядочивание навигации требует времени, но это сделает путешествие ваших клиентов более плавным.

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

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