![Кириллов Сергей [email_address] +380 50 382-09-33 Спасибо за внимание!](https://image.slidesharecdn.com/faceted-navigation-091030061057-phpapp01/75/slide-18-2048.jpg)
Uploaded byOWOX
Фасетная навигация по каталогу интернет-магазина
Документ обсуждает фасетную навигацию в интернет-магазинах, подчеркивая её важность для улучшения клиентского опыта. Предоставлены рекомендации по созданию эффективной навигации, включая использование метаданных и тестирование. Основное внимание уделяется выгоду фасетной навигации, которая позволяет клиентам более гибко выбирать товары.
Фасетная навигация по каталогу интернет-магазина
- 1. Фасетная навигация покаталогу интернет-магазина Третья специализированная конференция «Бизнес интернет-магазинов и онлайн-сервисов» 27 октября 2009 г. Киев Кириллов Сергей
- 2. Практическая задача Найтиноутбук: весом до 2кг с диагональю экрана 12” или 13.3” с процессором Intel Core 2 Duo
- 3.
- 4.
- 5. Клиенты не любятформы
- 6.
- 7. Пробуем в Hotline.ua (2)
- 8. Рейтинг сайтов в Bigmir
- 9. Путь от клиентак заказу Ваш сайт
- 10. Иерархическая навигация ОдномернаяНавигация по жёстко заданной иерархии Отображает способ мышления владельца сайта
- 11. Фасетная навигация МногомернаяИнтерактивная Показывает возможные варианты Позволяет клиенту«пойти своим путём» Совпадает с моделью совершения покупок клиента
- 12. Фасетная навигация –это тренд
- 13. Навигация в вашеммагазине? “ Движок ” Метаданные Определение фасетов Запуск Тестировать, измерять, изменять, тестировать, измерять, изменять…
- 14. Уровни зрелости Навигацияпо одному фасету Навигация по нескольким фасетам Навигация по нескольким фасетам совмещённая с поиском
- 15. Идеальные фасеты Имеютсмысл для клиента Ортогональны друг-другу Обеспечивают хорошую селективность Разумное количество значений
- 16. Что может бытьфасетом?
- 17. Что может бытьфасетом? Всё что угодно!
- 18. Кириллов Сергей [email_address]+380 50 382-09-33 Спасибо за внимание!
Editor's Notes
- #2 Добрый вечер, Меня зовут Сергей Кириллов, и я представляю компанию Шопиум. Я понимаю что все наверное уже устали, поэтому постараюсь сделать свой доклад кратким и предельно понятным. Я начну мой доклад с одного практического примера.
- #3 Я много лет работаю за ноутбуком. Поскольку я его каждый день ношу с работы домой, мне нужно чтобы он был лёгким и влазил в мой рюкзак и был достаточно быстрым для того чтобы за ним работать постоянно. Если перевести это в цифры то мне нужен ноутбук с весом до 2 кг и диагональю до 13.3" и с нормальным процессором Core2 Duo (не из серии ULV). Попробуем найти такой в каталогах сравнения цен.
- #4 Как видим система Nadavi предлагает нам так называемый “ расширенный поиск ”, хотя они его называют “ Быстрый подбор ” , или “ Краткий подбор ” . Система показывает мне форму со списком параметров. Чтобы найти нужный ноутбук я должен мышкой отметить чекбоксы соответствующие интересующим меня параметрам и нажать кнопку “ Подобрать ” . Упс… интересующих меня параметров нет в этом списке. Что же, к счастью около кнопки “ Подобрать ” есть ссылка на “ Расширенные параметры подбора ”. Нажимаем туда.
- #5 … и видим ещё большую форму. С этим есть одна проблема…
- #6 Клиенты не любят формы! Особенно формы которые занимают несколько экранов. Кроме того интерактивно работать с этой формой весьма непросто. Чтобы что-то поменять в тех параметрах что я указал, нужно проскролить страницу вверх, найти в списке параметров нужный чекбокс, проскролить вниз и нажать кнопку “ Подобрать ” .
- #7 Давайте теперь попробуем найти ноутбук в сервисе сравнения цен от Hotline. При открытии страницы я сразу вижу список товаров. Слева от него список атрибутов с возможными значениями и количеством товаров. При клике на любое значение в списке товаров остаются только соответствующие товары. В списке атрибутов остаются только те значения которые присутствуют в текущем списке товаров.
- #8 За 4 клика мышкой я сужаю список интересующих меня товаров с 1420 позиций до 52. Задумайтесь. Это примерно -340 позиций за клик! ;) Дальше я могу просмотреть весь список детально, и выбрать то что мне подходит, либо продолжать сужение списка, путём выбора дополнительных параметров, таких как производитель или разрешение экрана. Более того, я могу вдруг решить что диагональ 14 ” меня тоже устраивает и в один клик добавить такие продукт в список. Такой подход к навигации называется фасетной навигацией, или направленной (guided) навигацией. Не знаю, смогли ли вы оценить всю прелесть фасетной навигации по этим двум скриншотам, однако поверьте, это намного удобнее чем многоэкранные формы с чекбоксами.
- #9 Совершенно неудивительно что в рейтинге Бигмир сайт hotline.ua занимает 3 место, а nadavi.com.ua – 13 е. Я не утверждаю что дело только в том как у них устроена навигация, посещаемость это комплексный показатель, на который влияет много факторов, однако удобство работы с каталогом несомненно помогает сайту hotline.ua получить его позицию в рейтинге. Но , при этом сам я пользуюсь только hotline Итак давайте перейдём от практики к теории.
- #10 Между клиентом и заказом находится ваш сайт. И от того насколько он удобен и понятен клиенту во многом зависит сделает ли он свой заказ у вас, или уйдёт к вашему конкуренту. Это особенно справедливо для людей которые начинают свой путь к покупке с главной страницы вашего сайта. Чем быстрее они найдут нужный им товар, тем больше шансов что они его купят именно у вас. Давайте рассмотрим чем отличается фасетная навигация от привычной и используемой многими интернет-магазинами иерархической навигации
- #11 Иерархическая навигация как правило происходит по одному измерению. Как правило это тип товара. Как например ‘ Копьютеры - > ноутбуки ’ . Однако при таком подходе в категории “ Ноутбуки ” будет слишком много товаров. Эту проблему часто пытаются решить добавлением подкатегорий которые могут интересовать клиента , например “ Лёгкие ноутбуки ”, “ Ноутбуки с экраном 12 дюймов ”, “ Недорогие ноутбуки ” , и т.д. Однако такой подход ведёт к созданию огромного количества категорий, и не очень то помогает клиенту. При такой организации по прежнему невозможно получить список “ Лёгких ноутбуков с экраном 12 дюймов с ценой до $ 2000 ” Жёсткая иерархия не позволяет клиенту найти тот товар который ему нужен.
- #12 В отличии от иерархической навигации фасетная навигация многомерная. Каждый фасет это отдельное измерение. Например на этом рисунке я попытался изобразить модель фасетной навигации. На этом рисунке изображено трёхмерное пространство товаров. Например за ось X мы принимаем цену товара , за ось Y диагональ экрана у товара, и за ось Z – вес товара. Каждому товару соответствует точка в этом пространстве. Классификация по каждой оси не зависит от классификаций по другим осям. Выбирая значения фасетов в интерфейсе пользователи фактически определяют область, куб, в этом пространстве. И каждый раз на сайте будут показываться только товары которые внутри этого куба. Кроме того такая навигация как правило является интерактивной. Каждый клик пользователя сопровождается реакцией интерфейса. Обновляется список доступных фасетов, изменяется количество товаров и т.д. Пользователь работает с интерфейсом итеративно, шаг за шагом сужая или расширяя список товаров и оставляя только те которые ему интересны. Кроме того при таком подходе к навигации у пользователя есть много путей к искомому товару, и результат, найдёт он свой товар или нет меньше зависит от исходных данных клиента. Например клиенту А нужен бюджетный ноутбук, поэтому он может начать поиск с того что выберет верхнюю границу цены которую он готов заплатить, и посмотрит какие есть варианты по другим измерениям (какие есть диагонали, и какой вес). Пользователю Б, как и мне может быть важен вес, в таком случае он сначала определит вес, потом диагональ, и сможет увидеть на какой диапазон цен ему нужно рассчитывать. Важно понять, что такой интерфейс помогает пользователям стимулирует пользователей на эксперименты с вашим списком товаров. Например задав что мне нужен вес 1.5 кг, и диагональ 13.3 ”, я могу подумать что 14 ” мне тоже может подойти, и в один клик добавить их в список товаров. Или даже просто из любопытства покликать по другим категориям, посмотреть “ что вообще бывает ” . При хорошем интерфейсе это может быть весьма увлекательно. Фасетная навигация похожа на то как люди совершают покупки в обычном магазине. Вы приходите и говорите продавцу какие характеристики товара вам нужны, какую сумму вы готовы потратить, и он показывает вам список товаров которые вам подходят. Фасетная навигация одинаково хорошо работает как для простых так и для опытных пользователей. Разница лишь в том какие используются фасеты.
- #13 Следует понимать, что фасетная навигация – это тренд. Большинство больших онлайн ритейлеров уже используют её во всю. Amazon, Ebay – посмотрите как устроен их каталог. Магазины поменьше пока в положении догоняющих. Технология относительно новая, и большинство существующих платных и бесплатных движков для интернет-магазинов не поддерживает фасетную навигацию, поэтому её достаточно редко можно встретить в обычном интернет-магазине. В Украине из примеров я знаю только Хотлайн. Но сейчас ситуация начинает меняться к лучшему.
- #14 Итак, что нужно для того чтобы реализовать такую навигацию на вашем сайте? В первую очередь фасетную навигацию должен поддерживать ваш “ движок ” магазина. Если это не так, то вам придется либо его сменить, либо его доработать так, чтобы в нём был нужный функционал. Имея движок с необходимым функционалом, нужно определить какие свойства вашего товара имеют для ваших клиентов значение. Разработка метаданных и заполнение БД информацией о товарах это отдельный, и часто достаточно непростой и длительный процесс. Имея БД с подробной информацией о товаре можно приступить к разработке навигации. Разработка удобной и понятной навигации почти всегда граничит с искусством, поэтому универсальных советов тут нет, однако у нас ещё будет об этом слайд. Следует помнить что разработка навигации это итеративный процесс. Поэтому запустив первую версию не останавливайтесь. Анализируйте как люди используют вашу навигацию, ищите проблемные места, экспериментируйте.
- #15 В зависимости от подхода к реализации фасетной навигации можно выделить следующие уровни зрелости движков 1. Когда навигация возможна только по одному фасету. Т.е. вы можете выбрать товары только по весу, или только по цене. Фактически это частный случай обычной иерархической классификации. Особых удобств пользователю он не приносит, и при наличии альтернатив я бы не советовал выбирать движок с такой реализацией. 2. Навигация по нескольким фасетам. 3. Навигация по нескольким фасетам совмещённая с поиском. Такой подход обеспечивает наибольшую гибкость и удобство пользователю. Он может выполнить поиск у вас на сайте, а затем отфильтровать найденные результаты по каким-то характеристикам, либо наоборот, начать с навигации, а затем выполнить поиск по уже отфильтрованному списку.
- #16 Фасет – это характеристика или особенность товара представленная в удобном для навигации виде. Логично что эта характеристика или особенность должна быть понятной и значимой для клиента. Если её значимость неочевидна – лучше не включать её в ваш набор фасетов. В случае если вы ошиблись – пользователи сами будут просить вас добавить её. Желательно чтобы на каждом шаге навигации пользователь оперировал с не более чем 7 наиболее важными фасетами. Остальные, если они есть, можно спрятать за кнопкой “ Выбрать по другим параметрам ” или подобной. Правильно выбранные атрибуты для фасетов ортогональны друг-другу, т.е. описывают независимые характеристики товара. Выбор значения из фасета должен заметно сужать диапазон продуктов. Если это не так, и вы добавили в фасет какую-то характеристику которая есть у 99% всех ваших продуктов, то выбор этого фасета не очень приблизит пользователя к тому товару который он ищет. Каждый фасет должен содержать какое-то разумное количество значений. Что такое “ разумное количество значений ” каждый определяет для себя сам. Например часто актуально для числовых данных. Например цена или вес. Если их показывать как есть, то из за того что вес каждого продукта уникален, в фасете будет очень много значений, каждое из которых будет соответствовать одному-двум продуктам. В таком случае лучше разбить значения на несколько диапазонов которые будут понятны пользователю (например 1.5 – 2 кг для веса).
- #18 Всё что угодно! Я думаю у вас уже есть мысли как можно реорганизовать навигацию на вашем сайте. Запишите их и обязательно реализуйте. Сделайте ваш сайт лучше!
- #19 Спасибо за внимание. Задавайте вопросы!