Аспро
Продукты
  • Интернет-магазины
  • Корпоративные сайты
  • Отраслевые сайты
  • Облачные сервисы
Купить
  • Аспро: Готовые сайты
  • 1С-Битрикс: Управление сайтом
  • 1С-Битрикс24: Корпоративный портал
  • Облачные сервисы
#POWEREDBYASPRO
Внедрение
  • Запуск сайта
  • Облачные сервисы
  • Миграции
  • Обучение
  • Реклама и продвижение
Блог
  • Статьи
  • Обновления
  • Акции и скидки
  • Новости
  • События
  • CRM для интернет-магазина
  • Видео
Кейсы
  • Облачные сервисы
  • Интернет-магазины
  • Корпоративные сайты
  • Отраслевые сайты
Поддержка
  • Оставить заявку
  • Документация
  • База знаний
  • FAQ
Партнеры
  • Выбрать партнера
  • Проверить партнера
  • Стать партнером
  • ЛК партнера
Компания
  • О нас
  • Вакансии
  • Сотрудники
  • Жизнь компании
  • Клиенты
  • Рекомендуем
  • Документы
  • Контакты
  • Реквизиты
Ещё
    Задать вопрос
    Личный кабинет
    Корзина0
    Заказать звонок
    info@aspro.ru
    454031, г. Челябинск, ул. Молодогвардейцев, 31, оф. 801
    • Вконтакте
    • Telegram
    • YouTube
    Аспро
    Всегда готовое решение!
    Заказать звонок
    Личный кабинет
    Продукты
    • Интернет-магазины
      • Аспро: Лайтшоп
      • Аспро: Максимум
      • Аспро: Next
      • Аспро: Оптимус
      • Аспро: Маркет
    • Корпоративные сайты
      • Аспро: Корпоративный сайт 3.0
      • Аспро: Приорити
      • Аспро: Корпоративный сайт 2.0
      • Аспро: Корпоративный сайт современной компании
      • Аспро: Корпоративный сайт
    • Отраслевые сайты
      • Аспро: Курорт 2.0
      • Аспро: Детский сад и образовательный центр
      • Аспро: Инжиниринг
      • Аспро: Стройка 2.0
      • Аспро: Медицинский центр 3.0
      • Аспро: Digital 2.0
      • Аспро: Металл
      • Аспро: Шины и диски 2.0
      • Аспро: Ландшафт
    • Облачные сервисы
      • Аспро.Cloud
      • Аспро.Agile
      • Аспро.Link
    Купить
    • Аспро: Готовые сайты
    • 1С-Битрикс: Управление сайтом
    • 1С-Битрикс24: Корпоративный портал
    • Облачные сервисы
    #POWEREDBYASPRO
    Внедрение
    • Запуск сайта
      • Интеграция сайта с 1С
      • Подключение онлайн-касс
      • Техническое обслуживание
    • Облачные сервисы
      • Внедрение Аспро.Cloud
      • Внедрение Аспро.Agile
    • Миграции
      • Миграция на «Аспро: Лайтшоп»
      • Миграция на «Аспро: Максимум»
      • Миграция на «Аспро: Корпоративный сайт 3.0»
      • Миграция на «Аспро: Медицинский центр 3.0»
      • Миграция на «Аспро: Металл»
      • Переход на 1С-Битрикс24: Интернет-магазин + CRM
      • Миграция на «Аспро: Шины и диски 2.0»
    • Обучение
      • Курс «Мастер Аспро»
    • Реклама и продвижение
      • Оптимизация сайтов
      • Контекстная реклама
      • SEO для интернет-магазинов
      • Продвижение сайтов
    Блог
    • Статьи
    • Обновления
    • Акции и скидки
    • Новости
    • События
    • CRM для интернет-магазина
    • Видео
    Кейсы
    • Облачные сервисы
    • Интернет-магазины
    • Корпоративные сайты
    • Отраслевые сайты
    Поддержка
    • Оставить заявку
    • Документация
    • База знаний
    • FAQ
    Партнеры
    • Выбрать партнера
    • Проверить партнера
    • Стать партнером
    • ЛК партнера
    Компания
    • О нас
    • Вакансии
    • Сотрудники
    • Жизнь компании
    • Клиенты
    • Рекомендуем
    • Документы
    • Контакты
    • Реквизиты
      Аспро
      Продукты
      • Интернет-магазины
        • Аспро: Лайтшоп
        • Аспро: Максимум
        • Аспро: Next
        • Аспро: Оптимус
        • Аспро: Маркет
      • Корпоративные сайты
        • Аспро: Корпоративный сайт 3.0
        • Аспро: Приорити
        • Аспро: Корпоративный сайт 2.0
        • Аспро: Корпоративный сайт современной компании
        • Аспро: Корпоративный сайт
      • Отраслевые сайты
        • Аспро: Курорт 2.0
        • Аспро: Детский сад и образовательный центр
        • Аспро: Инжиниринг
        • Аспро: Стройка 2.0
        • Аспро: Медицинский центр 3.0
        • Аспро: Digital 2.0
        • Аспро: Металл
        • Аспро: Шины и диски 2.0
        • Аспро: Ландшафт
      • Облачные сервисы
        • Аспро.Cloud
        • Аспро.Agile
        • Аспро.Link
      Купить
      • Аспро: Готовые сайты
      • 1С-Битрикс: Управление сайтом
      • 1С-Битрикс24: Корпоративный портал
      • Облачные сервисы
      #POWEREDBYASPRO
      Внедрение
      • Запуск сайта
        • Интеграция сайта с 1С
        • Подключение онлайн-касс
        • Техническое обслуживание
      • Облачные сервисы
        • Внедрение Аспро.Cloud
        • Внедрение Аспро.Agile
      • Миграции
        • Миграция на «Аспро: Лайтшоп»
        • Миграция на «Аспро: Максимум»
        • Миграция на «Аспро: Корпоративный сайт 3.0»
        • Миграция на «Аспро: Медицинский центр 3.0»
        • Миграция на «Аспро: Металл»
        • Переход на 1С-Битрикс24: Интернет-магазин + CRM
        • Миграция на «Аспро: Шины и диски 2.0»
      • Обучение
        • Курс «Мастер Аспро»
      • Реклама и продвижение
        • Оптимизация сайтов
        • Контекстная реклама
        • SEO для интернет-магазинов
        • Продвижение сайтов
      Блог
      • Статьи
      • Обновления
      • Акции и скидки
      • Новости
      • События
      • CRM для интернет-магазина
      • Видео
      Кейсы
      • Облачные сервисы
      • Интернет-магазины
      • Корпоративные сайты
      • Отраслевые сайты
      Поддержка
      • Оставить заявку
      • Документация
      • База знаний
      • FAQ
      Партнеры
      • Выбрать партнера
      • Проверить партнера
      • Стать партнером
      • ЛК партнера
      Компания
      • О нас
      • Вакансии
      • Сотрудники
      • Жизнь компании
      • Клиенты
      • Рекомендуем
      • Документы
      • Контакты
      • Реквизиты
        0
        Аспро
        0
        Аспро
        • Продукты
          • Назад
          • Продукты
          • Интернет-магазины
            • Назад
            • Интернет-магазины
            • Аспро: Лайтшоп
            • Аспро: Максимум
            • Аспро: Next
            • Аспро: Оптимус
            • Аспро: Маркет
          • Корпоративные сайты
            • Назад
            • Корпоративные сайты
            • Аспро: Корпоративный сайт 3.0
            • Аспро: Приорити
            • Аспро: Корпоративный сайт 2.0
            • Аспро: Корпоративный сайт современной компании
            • Аспро: Корпоративный сайт
          • Отраслевые сайты
            • Назад
            • Отраслевые сайты
            • Аспро: Курорт 2.0
            • Аспро: Детский сад и образовательный центр
            • Аспро: Инжиниринг
            • Аспро: Стройка 2.0
            • Аспро: Медицинский центр 3.0
            • Аспро: Digital 2.0
            • Аспро: Металл
            • Аспро: Шины и диски 2.0
            • Аспро: Ландшафт
          • Облачные сервисы
            • Назад
            • Облачные сервисы
            • Аспро.Cloud
            • Аспро.Agile
            • Аспро.Link
        • Купить
          • Назад
          • Купить
          • Аспро: Готовые сайты
          • 1С-Битрикс: Управление сайтом
          • 1С-Битрикс24: Корпоративный портал
          • Облачные сервисы
        • #POWEREDBYASPRO
        • Внедрение
          • Назад
          • Внедрение
          • Запуск сайта
            • Назад
            • Запуск сайта
            • Интеграция сайта с 1С
            • Подключение онлайн-касс
            • Техническое обслуживание
          • Облачные сервисы
            • Назад
            • Облачные сервисы
            • Внедрение Аспро.Cloud
            • Внедрение Аспро.Agile
          • Миграции
            • Назад
            • Миграции
            • Миграция на «Аспро: Лайтшоп»
            • Миграция на «Аспро: Максимум»
            • Миграция на «Аспро: Корпоративный сайт 3.0»
            • Миграция на «Аспро: Медицинский центр 3.0»
            • Миграция на «Аспро: Металл»
            • Переход на 1С-Битрикс24: Интернет-магазин + CRM
            • Миграция на «Аспро: Шины и диски 2.0»
          • Обучение
            • Назад
            • Обучение
            • Курс «Мастер Аспро»
          • Реклама и продвижение
            • Назад
            • Реклама и продвижение
            • Оптимизация сайтов
            • Контекстная реклама
            • SEO для интернет-магазинов
            • Продвижение сайтов
        • Блог
          • Назад
          • Блог
          • Статьи
          • Обновления
          • Акции и скидки
          • Новости
          • События
          • CRM для интернет-магазина
          • Видео
        • Кейсы
          • Назад
          • Кейсы
          • Облачные сервисы
          • Интернет-магазины
          • Корпоративные сайты
          • Отраслевые сайты
        • Поддержка
          • Назад
          • Поддержка
          • Оставить заявку
          • Документация
          • База знаний
          • FAQ
        • Партнеры
          • Назад
          • Партнеры
          • Выбрать партнера
          • Проверить партнера
          • Стать партнером
          • ЛК партнера
        • Компания
          • Назад
          • Компания
          • О нас
          • Вакансии
          • Сотрудники
          • Жизнь компании
          • Клиенты
          • Рекомендуем
          • Документы
          • Контакты
          • Реквизиты
        • Мой кабинет
        • Корзина0
        • 8 (800) 500-47-11
        info@aspro.ru
        454031, г. Челябинск, ул. Молодогвардейцев, 31, оф. 801
        • Вконтакте
        • Telegram
        • YouTube
        • Главная
        • Блог
        • Статьи

        Проектируем каталог интернет-магазина. Часть 1

        29 июня 2016
        Статьи
        Каждый интернет-магазинщик должен сделать 3 вещи: построить сайт, вырастить конверсию и спроектировать дерево. Дерево каталога, который будет удобен пользователю и работать на продажи.

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

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

        1 этап: создаем структуру

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

        На что обратить внимание:

        1. На каждом уровне меню – не более 10 пунктов. Чем их больше — тем сложнее ориентироваться в каталоге. Идеально – 7.

        2. Максимальный уровень вложенности — 3 (раздел — подраздел 1 — подраздел 2). Лучше остановиться на двухуровневом варианте: раздел — подраздел. Так пользователь быстрее доберется до товаров. Если на 1 раздел каталога приходится свыше 100 товаров, пользователь будет дезориентирован и с вероятностью 99,9% уйдет – не сможет сделать выбор.


         

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

        • Детское питание
          • Молочные смеси
          • Пюре
          • Соки и напитки
          • Печенье и десерты
          • Вода
        • Кормление
          • Бутылочки и поильники
          • Соски и пустышки
          • Слюнявчики и нагрудники
          • Посуда для детей
          • Прорезыватели
          • Аксессуары для кормления
        • Подгузники и пеленки
          • Подгузники
          • Пеленки и Клеенки
          • Утилизация подгузников
        • Гигиена и уход
          • Салфетки
          • Ежедневный уход
          • Для купания
          • Косметика
          • Горшочки
          • Бытовая химия
        • Товары для мам
          • Кормление грудью, уход за грудью
          • Гигиена
          • Косметика для мам
          • Собираемся в роддом
        • Бытовая техника малышам
          • Радионяни/Видеоняни
          • Термометры и весы
          • Подогреватели и стерилизаторы
          • Бытовые приборы для детей
          • Безопасность малыша

        Правила соблюдены: 6 разделов (из максимально рекомендуемых 10), в каждом от 3 до 6 подразделов.

        Что делать, если товаров слишком много?

        Выход 1: дробите каталог. Формируйте подразделы и уводите товары туда.

        Выход 2: используйте фильтры. Количество параметров — не более 3-5, чтобы не перегружать страницу. Главный плюс такого решения — в разных разделах можно сделать разные фильтры с общим набором характеристик. Например, только для еды для детей или пеленок и подгузников.

        Минусы использования фильтров:

        1. Не все умеют пользоваться фильтрами. Ориентируйтесь на поведение ваших будущих покупателей. К примеру, пенсионеров-садоводов фильтры испугают. А любители гаджетов обрадуются, если кроме стандартных характеристик в фильтре будут свойства вроде разрешения фронтальной камеры или поддержки LTE.

        2. Без правильной настройки фильтры будут мешать SEO-продвижению. Готовы разбираться с ЧПУ и редиректами, чтобы комбинации фильтров каталога были представлены в виде отдельных страниц? Действуйте! Это подход для тех, кто хочет быть большим игроком в будущем — например, как M-Video, «Эльдорадо» и другие крупные онлайн-ритейлеры. Для тех, кому хочется попроще: предусмотрите специальный подраздел, если очень нужно продвигаться по запросам типа «Купить телевизор недорого».  

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

        2 этап: балансировка «дерева» каталога

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

         

        Пример устойчивого «дерева» каталога

        Обратите внимание на инфографику с примером неустойчивого дерева. Это реальный кейс – каталог интернет-аптеки, разработкой которого мы занимались. Всего в каталоге – свыше 20 000 позиций. Большая часть сосредоточена в разделе «Лекарственные средства» (24 подраздела). Соседние разделы были куда скромнее  – от 2 до 10 подразделов. Явный дисбаланс.



         Пример неустойчивого «дерева» каталога, который получился при проектировании интернет-аптеки.

        Первоначально у нас было 2 варианта, как уравновесить дерево каталога. 

        Первый: мы могли сгруппировать подразделы и привести каталог к структуре «Раздел – Подраздел 1 – Подраздел 2». Например, объединив препараты в тематические группы («От простуды» или «В путешествие») или разбив раздел на рецептурные, нерецептурные лекарства, витамины и биодобавки. Так дерево каталога стало бы сбалансированнее. 

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

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

         – Джеф Раскин, специалист по компьютерным интерфейсам и сотрудник №31 Apple Computer
        Мораль: анализируйте поведение своих покупателей и помните, что ни одно правило не является абсолютным. Однако общие принципы проектирования каталога одинаковы и для небольших интернет-магазинов, и для крупных платформ: не заставляем посетителя блуждать по разделам и подразделам и по возможности дробим чересчур разросшиеся разделы и подразделы. 

        Если излишнюю ветвистость можно побороть, развивайте разросшийся раздел на подуровни или объединяйте соседние небольшие подразделы в один. И помните о правиле 3 уровней: раздел — подраздел 1 — подраздел 2.

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


        Подписаться на
        рассылку

        Будьте в курсе последних новостей отрасли

        Подписаться
        • Комментарии
        Загрузка комментариев...

        Назад к списку
        Продукты
        Интернет-магазины
        Корпоративные сайты
        Отраслевые сайты
        Облачные сервисы
        Внедрения
        Запуск сайта
        Облачные сервисы
        Миграции
        Обучение
        Реклама и продвижение
        Компания
        О нас
        Вакансии
        Сотрудники
        Жизнь компании
        Клиенты
        Рекомендуем
        Документы
        Контакты
        Реквизиты
        Акции
        Купить
        Кейсы
        Гайды по запуску сайтов
        Все о сайтах
        Тематики
        Блог
        Подписка на рассылку
        Заказать звонок
        info@aspro.ru
        454031, г. Челябинск, ул. Молодогвардейцев, 31, оф. 801
        • Вконтакте
        • Telegram
        • YouTube
        Версия для печати
        Политика конфиденциальности
        © 2023 Все права защищены.
        Заказать звонок
        Написать сообщение