Створення та редизайн магазинів Shopify

Безкоштовна, необов'язкова цитата

Особиста відповідь протягом 24 робочих годин

← Tous les conseils
Guide pratique SiteQuiVend

Як створити чітку навігацію між колекціями?

Архітектура електронної комерції · Shopify Як створити чітку навігацію між колекціями? Ефективна навігація дозволяє зрозуміти пропозицію, швидко отримати доступ до потрібної категорії та уточнити вибір, не гублячись у послід...

Publié le 15.08.20266 min de lectureConseils concrets
Архітектура електронної комерції · Shopify

Як створити чітку навігацію між колекціями?

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

Структура дереваМенюБатьківські колекціїФільтриМобільний
3 рівні максимуму більшості меню для збереження читабельності.
5 до 8 варіантіввидимі в групах перед створенням перевантаження.
1 логікаідентичний рейтинг у всьому магазині.
Суттєвий принцип

Навігація повинна відстежувати, як клієнт шукає

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

Простий тест: запитайте сторонню людину, де б вона клацнула, щоб знайти конкретний това кщо кілька шляхів здаються можливими без чіткої різниці, структуру дерева потрібно спростити.
Крок 1

Налаштування великих вхідних дверей

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

Крок 2

Створіть структуру дерева перед зміною меню

Намалюйте маршрут на папері або в таблиц ожен рівень повинен мати окрему роль.

Магазин
↓
ЖінкаЛюдинаАксесуари
↓
СумочкиРюкзакиДрібні шкіряні вироби
↓
Фільтри: колір, матеріал, ціна
Функція, як колір або розмір, зазвичай належить фільтрам, а не головному меню.
Крок 3

Розрізняйте батьківську колекцію, субколекцію та фільтр

Елемент Його роль Приклад
Батьківська колекція Представте всесвіт або широку категорію Ювелірні вироби
Підколекція Створіть важливий і автономний пункт призначення Намиста
Фільтр Уточнюйте продукти, не змінюючи всесвіт Матеріал: срібло
Сортувати Змінити порядок результатів Зростання ціни
Крок 4

Обмежити глибину меню

Чим більше кліків і рішень вимагає продукт, тим більша ймовірність відмови відвідувача У більшості магазинів достатньо двох-трьох рівнів.

Крок 5

Записи меню імен однозначно

Формулювання має давати можливість передбачати зміст сторінки У маркетингу можуть використовуватися креативні імена, але основна навігація повинна залишатися зрозумілою.

Неоднозначне формулювання Чітке формулювання
Наші речі Повсякденні аксесуари
Всесвіт Аура Прикраси з натурального каменю
Для неї Подарунки для жінок
Колекція підписів Повнозернові шкіряні сумки
Крок 6

Виберіть між спадним меню та мегаменю

Мега-меню ефективне тільки в тому випадку, якщо воно зменшує зусилля Занадто багато посилань, зображень і акцій відтворюють цілу сторінку в меню.
Крок 7

Створюйте батьківські сторінки, які керують

Батьківська колекція може відображати свої продукти, представляти картки субколекціям або поєднувати ї Правильний вибір залежить від обсягу та різноманітності пропозиції.

  • Чітка назва та вступ
  • Карти до важливих підколекцій
  • Послідовні зображення
  • Популярні або представницькі продукти
  • Посилання на додаткові способи використання
  • Фільтри, адаптовані до рівня сторінки
  • Видимі сухарі
  • Неповторний SEO-контент
Крок 8

Додайте посилання між додатковими колекціями

Меню - не єдиний спосіб навігації Розмістіть контекстні посилання там, де вони насправді допомагають клієнту продовжувати.

Крок 9

Використовуйте панірувальні сухарі, щоб показати положення

Сухарі допомагають зрозуміти шлях, яким слідували, перейти до ширшої категорії та покращити внутрішні посилання.

ДодомуΜЮвелірні виробиΜНамистаΜНамисто Альба
Шлях повинен залишатися послідовни оминайте того самого продукту, що з'являється з кількома різними батьками залежно від контексту без визначеної логіки.
Крок 10

Дизайн фільтрів як друга навігація

Фільтри дозволяють досліджувати колекцію без множення підсторінок Вони повинні відповідати критеріям, які використовуються для порівняння.

  • Ціна
  • Доступність
  • Розмір
  • Колір
  • Матерія
  • Використання
  • Сумісність
  • Вирішальна характеристика
Нормалізувати дані перед увімкненням фільтрі азначення, такі як "Navy Blue", "Navy" і "Navy", створюють заплутану навігацію.
Крок 11

Адаптувати навігацію до мобільного

Мобільне меню не повинно бути простою компактною копією мегамен она повинна дозволяти вам спускатися по дереву і повертатися назад, не втрачаючи контексту.

Крок 12

План узгоджених внутрішніх досліджень

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

  • Зрозумілі назви продуктів
  • Пошукові посилання
  • Поширені синоніми
  • Колекції, представлені в пропозиціях
  • Результати без відстежуваної кореспонденції
  • Продукти, недоступні для належної обробки
  • Часті помилки, що враховуються
  • Пошук можна використовувати на мобільному телефоні
Крок 13

Виміряйте фактичні маршрути

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

Часті помилки

Що ускладнює навігацію

Контрольний список перед публікацією

Основні засоби контролю

  • Окремі основні категорії
  • Розумна глибина
  • Мітки зрозумілі без пояснення причин
  • Корисні батьківські колекції
  • Правильно стандартизовані фільтри
  • Послідовні сухарі
  • Зв'язки між відповідними категоріями
  • Перевірено мобільне меню
  • Функціональне внутрішнє дослідження
  • Без порожніх колекцій
  • Без непрацюючих посилань
  • Курс, перевірений сторонньою людиною
Часті питання

Поширені запитання щодо навігації між колекціями

Скільки колекцій відобразити в головному меню?

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

Чи може колекція з'являтися в декількох меню?

Так, якщо він відповідає кільком відповідним маршрутам, але уникайте повторення його в сусідніх групах без чіткої причини.

Чи варто створювати сторінку для кожного фільтра?

N Створіть окрему колекцію, лише якщо пункт призначення заслуговує окремої сторінки для навігації, маркетингу чи SEO.

Як дізнатися, чи меню занадто складне?

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

Навігація Shopify

Чітка архітектура, яка допоможе більшій кількості відвідувачів отримати правильні продукти

SiteQuiVend може організувати ваші колекції, меню та фільтри Shopify, щоб полегшити вивчення каталогу на настільних комп’ютерах і мобільних пристроях.

Transformons vos idées en pages qui donnent confiance

Création ou refonte de boutique Shopify : obtenez une recommandation et un devis adaptés à votre situation.

Parler de mon projet →