Новый дизайн каталога Онлайнера

Маленький шаг для человечества, но огромный скачок для бурундука!

Эту яркую фразу я помню еще из детства, а выдал ее один из братьев бурундуков из диснеевского мультфильма «Чип и Дейл спешат на помощь». Почему я ее сегодня вспомнил? Сегодня я увидел новый электронный каталог Онлайнера — http://catalog.onliner.by. Появление подобных решений на белорусских проектах нельзя обойти стороной. Причины для меня очевидны: по утверждению создателей они концептуально изменили структуру каталога, избавились от «деревьев» и применили фасеты. Эти слова действуют на меня магически, а потому надо присмотреться поближе.

Огромный прыжок для Онлайнера

Сегодня я не только посмотрел реализацию каталога, но также полностью прочитал обсуждение нового дизайна на форуме Олнайнера.
Там люди ругают новый дизайн и требуют вернуть старый, клянутся, что текущее решение неудачное, описывают баги… Это частое явление. Длится не больше 1-го месяца. После чего исчезает навсегда.

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

1. Каталог скрестили с ценами, сделав тем самым что-то типа огромного магазина (comparison-shopping).
Очень правильное решение. Сайты объединяющие в себе полноценный каталог и цены многих торговых компаний экономят время пользователей, за это их так сильно любят. Еще на заре электронной коммерции один такой проект очень быстро стал популярнее Амазона.
2. Дизайн сайта стал гораздо современнее.
Действительно сейчас сайт смотрится куда лучше и ярче. Есть недоработки и вопросы по некоторым решениям, но кто будет спорить, что сайт стал свежее?!
3. В объекты каталога внесена метаинформация.
Метаинформация позволяет улучшать поиск по товарам, предоставлять различные варианты доступа к товарам. Где-то в этой метаинформации скрываются фасеты.

Стало лучше, чем было. Это правда. Менять назад конечно ничего не надо. Те кто не понимает счастья своего очень скоро его прочувствует. Это называется когнитивное сопротивление: сначала хочется вернуться к старому, плохому, но понятному, а когда разберешься что к чему, то озарение нисходит. Примерно также после развода многие пары сходятся снова, потому что считают, что ни с кем так хорошо уже не будет. У меня пока не было возможности это проверить, но знающие люди утверждают, что это правда.

Маленький шаг для человечества

В чем особенность данного каталога перед прежним, спросите вы у разработчиков? И они вам ответят, что от древовидной структуры каталога они перешли к новой модели: к фасетам.

Фасеты

Для незнакомых коротко поясню.
Древовидная структура каталога, основанная на структуре производитель-модель, существовавшая ранее действительно неудобна в ряде случаев. При увеличении количества моделей для каждого производителя и увеличении количества самих производителей пользоваться каталогом становится довольно проблематично. Представьте, если у вас есть около 50 производителей по 100 моделей в каждом. С ума можно сойти. Единственный надежный вариант найти нужную модель — воспользоваться поиском. Кроме того, если вы не уверены в производителе, то становится совсем сложно что-либо выбрать, т.к. приходится заглядывать в рубрику каждого производителя и просматривать по отдельности модели телефонов.
Фасеты позволяют отказаться от древовидной структуры (как предполагают разработчики) каталога и расположить ряд независимых признаков горизонтально. Например, когда я выбираю рубашку, то для меня имеет значение не производитель, а набор характеристик, которые в общем случае друг от друга не зависят, а следовательно не собираются ни в какую древовидную структуру. Вот эти признаки: размер, цвет и расцветка, тип ворота, количество карманов, ткань, фасон и т.п. Каждый из признаков может иметь конечное количество значений. Так размер определяется номенклатурой изделий (диаметр шеи: 42,43,44,45, рост: 170–176, 182–188 и т.д.). Получается, что для выбора рубашки мне надо указать все желаемые параметры, и на выходе я получу нужный мне перечень рубашек.

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

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

Но… фасетная навигация отсуствует начисто. Как следствие можно ли говорить о фасетной организации материалов? По-моему нет. Для красного словца сойдет, тем более, что почти никто не знает, что это такое. Сейчас это использование дополнительной метаинформации при поиске товаров.

Цели и задачи

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

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

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

Информацией надо заниматься, информацией.

Разнообразие интерфейса…

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

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

ИТОГ

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

Ссылки на тему:
http://catalog.onliner.by/ — сам каталог
http://catalog.onliner.by/proddescr/s40_sony/ — пример товара (фото)
http://forum.onliner.by/viewtopic.php?t=317984&;postdays=0&postorder=asc&start=0 — обсуждение каталога

Post Author

This post was written by who has written 293 posts on Yuri Shilyaev. Blog..

Руководитель образовательных программ в EPAM Systems Belarus, тренер в области управления проектами, SCRUM/Agile (CSM). Основатель сообщества Agile.by.

  • http://smth.com dikka

    Спасибо, Юра, за отзыв.

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

  • http://ksb.zual.net Zual

    Хорошо написано! Но…
    Лично мне (скорее как пользователю, чем разработчику) новый формат каталога неудобен.

  • http://yuri.shilyaev.com Yuri Shilyaev

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

    Начнем с того, что такое таксономия. Древовидная классификация – это есть один из вариантов таксономии. Сама по себе таксономия появилась в середине 19 века для классификации животных. Коих классифицировали не по дереву. Есть огромное количество вариантов и способов классификации и все они по сути называются таксономией. Это справка из истории.
    Фасеты придумали уже проектировщики интерфейсов, но классификацию придумали задолго до них

  • http://alex.shilyaev.com Alex Shilyaev

    Похоже, надо серьезно разбираться с тем, что такое есть фасеты. ;) Я соглашусь с Юрой в том, что при наличии фасетной классификации там отсутствует фасетная навигация, что заставляет всех пользоваться без сомнения навернутым поиском. Но позвольте заметить, что большая часть людей (по некоторым исследованиям около 80%) пользуются поиском только в случае невозможности решить задачу через навигацию. В каталоге Онлайнера сейчас 80% задач можно решить только поиском.

  • http://yuri.shilyaev.com Yuri Shilyaev

    2Zual

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

    Привычка – вторая натура. :)

    Ну, непонятно мне, зачем делать такое отображение информации о модели. Это что дань какой-то моде? Когда (даже при большом разрешении) надо скроллить, чтобы узнать, есть ли FM-радио в мобильнике или нет…

  • http://zual.net Zual

    Сорри за отступление от темы:
    Но в Maxthon’е как-то криво Ваша форма комментариев отображается… :-( проверьте, плз.

    По теме:
    Удобство использования, imho, важнее скорости загрузки. Если мне, как пользователю, удобно пользоваться Яndex.Маркет (кстати, согласен, что там всё сделано на ура), то я дождусь, пока он загрузится, а не буду искать недоделанные каталоги, которые быстро грузятся, но толку от них никакого…
    Про разрешения (с точки зрения разработчика): это больная тема. Если на любом разрешении сайт выглядит (и работает) адекватно, то разработчики молодцы. В каталоге-же онлайнера в любом разрешении страница информации о товаре выглядит убого.

    Вот только Ваш спор про мету и фасеты не совсем понял… Что каждый из вас хочет сказать?

  • http://yuri.shilyaev.com Yuri Shilyaev

    Zual! Я лучше полность переделаю сайт, чем буду этот доделывать.

    По теме.
    Что важно, а что менее важно можно сказать только для частного случая, а не для общего. В это каталоге объем страниц ВАЖЕН. Как и на Яндексе. Поэтому они за ним следят. Вообще удобство с размером страницы практически не корелирует, поэтому и обсуждать нечего.

    А про фасеты это наши внутренние разборки. :)

  • moedusa

    “…Фасеты придумали уже проектировщики интерфейсов…” – Юрий, это совсем не верное утверждение, хотя я и понимаю, что именно в этом случае Вы имеете в виду. Тем не менее, восстановите историческую справедливость, пожалуйста.

  • http://yuri.shilyaev.com Yuri Shilyaev

    alles! Совершенно верно это наши теоретические споры. :)