Удобное представление информации на странице товара в интернет-магазине

    Хотел бы обсудить с вами эту вроде бы избитую, но не перестающую быть актуальной тему.

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

    И вроде бы чем больше о товаре можно сообщить, тем лучше…

    Но как все это организовать?


    Изначально можно говорить о следующих возможных блоках инфы:
    • название товара
    • цена
    • фотография (+дополнительные)
    • описание
    • характеристики
    • отзывы и какие-либо рейтинги товара
    • наличие
    • аксессуары и сопутствующие услуги
    • аналогичные и похожие товары
    • и естественно кнопка «КУПИТЬ» :)

    (остальные элементы типа шапки, подвала, различных меню, «хлебных крошек» во внимание не беру — речь именно про представление товара).

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

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

    В каких интернет-магазинах вы считаете удачной компоновку страницы товара?

    UPD:

    Отечественные:
    * digital.ru

    Западные:
    * newegg.com
    * tigerdirect.com
    * bestbuy.com

    Спасибо vitaminych
    Share post

    Similar posts

    Comments 23

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

      Так что мой ответ где-то такой:
      — Название
      — Цена
      — Короткое описание
      — Характеристики

      Все остальное идет следом
        0
        вы абсолютно правы. Я просто исходил из того, что каждый из пунктов качественно проработан и выполнен.
          0
          мне кажется, часто владельцы магазинов просто не имеют достаточно информации (+ ресурсов для ее получения, понимания что она нужна) чтобы заполнить все эти поля. Как бы хорошо не был задуман магазин дизайнером, обязательно может возникнуть ситуация когда продавец не знает не только характеристик, но и даже цены за которую он хочет это продать (в таком случае говорится «цена договорная» :). Так что тут нужно еще придумать несколько кейзов на случай неполного набора данных, или просто глупой подборки данных (глупой с точки зрения developer'а магазина, но мб хорошей с точки зрения маркетолога).
          0
          не спорю… не бывает такого, чтобы каждый товар имел отзывы, описание может быть разным по длине, а некоторые характеристики бывают неизвестны, потому что их сам производитель не публикует. Но все это должно учитываться и по возможности избегаться…

          Вот например один из западных интернет-магазинов с конвертацией в сумасшедшие 28.2% по состоянию на ноябрь 2008 года — officedepot.com. По мне так в видимой области перегрузка не столь важной информацией, однако статистика продаж говорит, что скорее всего (без поправки на интернет-менталитет конечно) неправ именно я.
            0
            Насчет того что офисдепот именно интернет магазин вы неправы. У них достаточно обширная сеть магазинов вне интернета. Насколько я помню, это одна из самых крупных торговых сетей америки. Возможно именно это и влияет на статистику продаж — люди просто привыкли покупать в одном месте все что нужно, искать где дешевле и разнообразнее желания не возникает (да и вряд ли кто-то может создать подобную конкуренцию). Вообще, характеристики канцелярских принадлежностей не так и важны…
              0
              но у них далеко не только канцелярия: www.officedepot.com/a/browse/technology/N=5+9021/
                0
                За электроникой народ ездит в Best Buy, потому как лемминги любят скидки, а там часто акции каждую неделю.

                Это я к тому что объем не-канцелярии там относительно остального не велик.
                  0
                  часто
            • UFO just landed and posted this here
              +1
              лично мое мнение, что хороший магазин должен показывать покупателю то, что ему (покупателю) более интересно в конкретном товаре. Узнать это достаточно просто исследуя вопросы и поведение покупателей данного товара off-line.
              Вы конечно можете сказать, что не у каждого есть такая возможность — сразу отвечу — если нет (магазина-склада-продавца) во плоти так сказать, то и online-магазин не более чем дорогая игрушка! IMHO
                0
                не спорю… собственно топик то создавался с целью синхронизировать понятие о удачном и удобном расположении этой информации на основе ссылок от комментирующих.
                0
                Покупатель в первую очередь клюет на красивые картинки, так что сразу за названием должны быть фото товара. Второстепенную информацию (развернутые описания, не критичные характеристики, аксессуары и навароты) лучше прятать в раскрывающиеся блоки, имхо.
                  0
                  раскрывающиеся блоки это неплохо, но следует также помнить и о SEO
                    0
                    что касается описания – согласен, но сокрытие характеристик вряд отразится на выдаче. А удобство пользователя, чаще всего, приоритетней удобства серч-бота
                  0
                  интересно, а что хотел сказать автор?
                  предлагаю обсудить обязательность наличие тегов и на странице.
                    0
                    странно… как-то последнюю фразу топика никто не воспринимает как руководство к действию )

                    еще раз говорю:
                    топик создавался с целью синхронизировать понятие о удачном и удобном расположении этой информации на основе ссылок от комментирующих.
                      0
                      удачном, удобном — все эти слова они ничего не значат. По мне так амазон организован очень по-идиотски, это тем не менее нисколько не влияет на финансовые отчеты амазона.
                      Понятие «удачности и успешности» они настолько субъективны, что хрен поймешь, что хотел сказать автор. С той же успешностью (см. про понятие успешности) можно открыть топик на тему, что лучше, соленые огурцы или помидоры с луком?
                      Собственно, мой предыдущий пост это намек на то, что вы это должны понимать. :)

                      «название товара
                      цена
                      фотография (+дополнительные)
                      описание
                      характеристики
                      отзывы и какие-либо рейтинги товара
                      наличие
                      аксессуары и сопутствующие услуги
                      аналогичные и похожие товары
                      и естественно кнопка «КУПИТЬ» :)»
                      Секс-шоп (ну ладно, фотка, цена и характеристики — пусть будут), но вот отзывы, рейтинги, аксессуары, сопутствующие услуги?

                      Это не обвинение в том, что вы написали чушь — отнюдь, просто это намек на то, что дизайнят так, как нравятся вам, а не кому-то еще. :)
                        0
                        я не спорю… более того я написал, что эти пункты возможны на странице товара, но не обязательно всегда нужны все вместе.
                        Даже в случае секс-шопа отзывы сделают его пикантней и веселей, акссессы вроде смазок для разных вставляемых товаров расширят чек, да и сопутствующие услуги можно придумать… не буду просто распускать свою фантазию — топик не про это совсем )
                          0
                          Но, уверен, если будет про это интереса поприбавится. :))))
                    +3
                    Я бы сказал, что с интерфейсами интернет-магазинов рунета ситуация катастрофическая. Сделать грамотно и хорошо — это очень дорого, поэтому большинство пренебрегает проработкой интерфейсов и предпочитает использовать интерфейсы, доставшиеся в нагрузку от разработчиков CMS или магазина. А разработчики CMS обычно плохо себе представляют потребности покупателей и продавцов — их задача — сделать функционал, чтобы был. Они не ориентируются даже на прототипы в виде лидеров отрасли, не говоря уже о том, что никаких юзабилити-тестов тоже не проводится. Эта ситуация встречается практически во всех системах и в платных, и бесплатных, и в битриксе, и в magento, и в WebAsyst Shop-script, и во множестве других систем. Проработка интерфейсов страниц — это обычно дорого, а интернет-магазин создать стоит дешево. Естественно, владельцы свежесоздаваемого интернет-магазина стремятся сэкономить на разработке и проработке — им главное начать, а когда пойдут денежки, там и улучшениями можно заняться. Что в принципе и правильно.

                    Итак, теперь к вопросу как это всё организовать. Всё, что ниже — сугубо моё мнение. Интернет-магазины надо рассматривать в общей массе и разделить на две категории: лидеры и все остальные. Лидеров мы все знаем: bestbuy.com, amazon.com и т.д. В рунете свои лидеры, но у нас ситуация немного другая. Пользователи пользуются интернет-магазинами лидеров, они привыкают к интерфейсам. Вспомните хотя бы иконку «корзины» в интернет-магазинах — обычная тележка из супермаркетов. Иной значок корзины никто уже сегодня не поймет. Привыкнув к интерфейсам лидеров, пользователи нечто подобного ожидают и на остальных менее популярных магазинах и если они этого не получают, то у них случаются непонятки, проблемы с получением информации о товаре, проблемы с покупкой, проблемы с получением информации о дополнительных товарах. В связи с этим, могу смело утверждать, что представление товара должно быть таким же как в интернет-магазинах лидеров.

                    Хоть я очень и не люблю Эльдорадо и их сайт, но руководство Эльдорадо пошли по верному пути. Вместо изобретения велосипеда — они тупо сперли дизайн BestBuy — сэкономили миллионы и максимально снизили риски создания говна. Обратной дорогой пошел Связной со своим сайтом — решили изобретать велосипед. В итоге получили говно. Достаточно посмотреть на механизм сравнения товаров, чтобы всё стало ясно. А разработчик и платформа у сайтов одни и те же, даже бюджеты там сходные. Но я уверен, что у эльдорадо конверсия в разы больше, чем у связного, хотя это не только из-за интерфейсов.

                    Стандартная страница товара — это его карточка. Представляете, если бы вы вели картотеку товаров, по одному листу А4 на товар. Вот на такой примерно объем и надо впихнуть информацию. Не надо ориентироваться на экран монитора — в него всё равно всё не влезет и большинству пользователей не западло крутануть скрол на мышке пару раз. Но на первом экране должна быть самая главная информация: название, фото, цена (+старая цена, +скидка), рейтинг кратко (звездочки, оценка, иконка), кнопка «Купить» (или «Добавить в корзину»). Кнопка «Купить» — это главная кнопка страницы — она должна быть как кнопка ядерного запуска — большая, заметная и однозначно нажимаемая. Фотографии обязательны по возможности. Всё зависит от типов товаров, много таких товаров, внешний вид которых не важен. Но если мы говорим, например, о телевизорах, ноутбуках, модных гаджетах, мобильниках и т.д. — то фотки должны быть, так как внешний вид товара для покупателя важен и занимает значительную долю в оценке решения о покупке. Дополнительные фотографии лучше оформлять в виде фотогалереи — под большой фоткой несколько маленьких, при нажатии на которые меняется большая фотка товара. Но если фоток много — можно сделать и отдельное окно с просмотром фоток.

                    К текстовому описанию товаров многие магазины подходят пренебрежительно, а зря — очень многие покупатели ничего не соображают в характеристиках товаров, но зато очень подвержены красивым описаниям с применением метафорических фраз ни о чем типа «Данная модель гармонично вписывается в любой интерьер и однозначно указывает на хороший вкус владельца» — всё, клиент наш. А сколько там контрастность экрана и пикселей — уже пофигу. Другие же наоборот — не читают описаний и им важны только характеристики, именно для них созданы механизмы сравнения товаров. Поэтому приоритет должен выставляться исходя из аудитории интернет-магазина, если это технари какие-то, допустим, компьютерный магазин, то описания не должны быть большими, их вообще можно скрыть (сократить или перенести на вкладку), а вот технические характеристики должны быть удобные для просмотра, с пояснениями и корректные. Да и че там писать про какой-нибудь винт?

                    Технически характеристики обычно оформляют в виде таблицы или списка. Сделать это красиво обычно для разработчиков проблемно — им обычно лень, а владелец интернет-магазина не всегда прорабатывает мелочи. Тут есть несколько правил. Если характеристик много — они должны быть сгруппированы. Например, если рассматривать ноутбуки, то в характеристиках будут группы: «Производительность» — в ней процессор, чипсет, память и т.д., «Монитор» — размер, матрица, разрешение, контрастность, яркость и т.д. Хорошая практика — сокращать список характеристик — показывать сначала только самые главные. Допстуим, если всего характеристик 20-30, то изначально можно показать 5-10 ну самых-самых главных. А по нажатии на какую-то кнопочку — показать остальные. Этот механизм хорошо реализован на Яндекс.Маркете, например. Все характеристики должны отображаться грамотно — это в первую очередь касается применения единиц измерения. Почему-то разработчики пренебрегают этим или вносят единицу измерения в название свойства, например, «Разрешение матрицы, MPx: ...» — это технически просто реализовать. Но правильно надо делать «Разрешение матрицы:… MPx». Также характеристики должны быть описаны, для этого, например, рядом с названием характеристики ставится маленькая иконка или знак вопроса, по нажатию на который открывается маленькая справка по характеристики. Очень полезная вещь и пользователи регулярно этим пользуются, потому что часто в характеристиках встречаются незнакомые им названия, им требуется краткое и простейшее толкование. Вот допустим характеристика «Контрастность» часто обозначается как 1:10000 — пользователи знают, что чем больше, тем лучше, а что на практике там сравнивается один к 10 тысячам — зачастую не знают, для общего развития интересуются.

                    Отзывы о товарах — штука субъективная. Я бы не рекомендовал устраивать из страницы товара развернутый форум, поэтому отзывы надо показывать несколько последних, допустим 2-5, а все отзывы выносить либо на отдельную страницу, либо на отдельную вкладку. Часто пользователи ищут именно отзывы о товарах в магазинах, поэтому ссылку на отзывы можно давать сверху страницы на первом экране — будет либо скролл страницы вниз, либо включение вкладки, либо открытие отдельной страницы с отзывами. Но кроме отзывов еще должен быть рейтинг товаров — у пользователей должна быть простая система оценок. Классическая схема — 5 звездочек, она работает в 1 клик и уже давно всем понятна. Учитывая, что звездочки очень компактные, то их можно также разместить сверху страницы и в списках товаров. А отображение текущего рейтинга товара тоже может быть очень простым — просто выводится 5 звездочек, несколько из которых закрашены или как-то выделены — пользователь сразу поймет, что это рейтинг товара.

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

                    Аксессуары и сопутствующие товары — вещь обязательная. Рекомендация подходящих товаров — это стимуляция пользователя купить что-то еще, тем самым увеличив сумму чека магазина. Но они должны быть адекватны. Если это фотокамера, то к ней рекомендуются объективы, карты памяти. Если это телевизор, то к нему рекомендуется DVD-плеер, кронштейн, фильмы. Нельзя пользователю рекомендовать неподходящий товар — это лишняя трата его времени, а значит снижение доверия. Хорошая практика рекомендовать товары прямо в корзине — последний шанс ему что-то впарить перед заказом. Также пользователям можно показывать подобные товары и «С этим товаром покупают». Подобные товары — это просто аналоги, подобранные в той же группе товаров с подобной ценой и характеристиками — очень просто делается технологически. А «с этим товаром покупают» — подбираются товары на основе анализа уже совершенных заказов, в которых был текущий товар. Технологически сложнее, но является своего рода рекомендацией от реальных покупателей — у покупателя будет хорошее отношение к этой подборке, ведь ее сделали такие же как он люди, при этом проголосовали за выбор своими реальными деньгами.

                    Теперь бонусы. Приятным дополнением на странице товара для покупателя будут дополнительные сервисы. Они менее распространены, менее популярны, но могут пригодиться.
                    * Price alert (Следить за этим товаром) — подписка на изменения товара. Можно подписаться на изменение цены, акции для этого товара, новые отзывы и т.д. Если пользователь подписывается на несколько товаров, то лучше ему присылать сводку сразу по всем товаром, а не отдельное письмо на каждый товар.
                    * Wishlist (отложить) — возможность отложить товар в список покупок, как бы закладка.
                    * Bundles (не знаю как по-русски) — это действующие акции на приобретение данного товара с другим товаром со скидкой. Допустим, товар А стоит 100 рублей, а товар Б тоже 100 рублей. Но клиенту предлагается их купить сразу вместе всего за 180 рублей — ему приятно, магазину увеличение чека.
                    * Информация о производителе — как минимум следует выводить логотип, а лучше давать ссылку на другие товары данного производителя.
                    * Оценки товаров могут быть расширенными, а не просто нравится/не нравится. Допустим, разные типы товаров могут оцениваться по разным характеристикам, например, телевизоры: качество изображения, дизайн, эргономика, функционал. Это будет 4 ряда звездочек — пользователь может оценить каждую характеристику отдельно. А другие пользователи увидят развернутую общую оценку товара.
                    * Описание технологий — если товар использует какие-то новомодные штучки-дрючки, было бы неплохо кратко дать описание этой технологии и ссылку на ее развернутое описание. Если это телевизоры, то можно рассказать, что такое HDTV, цифровое телевидение.

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

                    Интернет-магазины с правильными страницами товаров:
                    * newegg.com
                    * tigerdirect.com
                    * bestbuy.com

                    И хочу вас порадовать единственным в рунете качественным интернет-магазином, созданным по образу и подобию лучших западных интернет-магазинов — digital.ru

                    Худший интернет-магазин рунета по соотноешнию цена создания / качество магазина — «Связной». С чем его и поздравляем.

                    Остальная масса интернет-магазинов рунета ничего интересного из себя не представляет, многие из них созданы ради самих себя — чтобы был. У таких сайтов нет задачи продавать, у них есть задача представить компанию и товар, а купят все равно по телефону или придут в розничный магазин. В этом плане мы до сих пор аборигены и до качественных интернет-магазинов нам как до Занзибара — большинство даже не знает где это и как туда добираться.

                    p.s. простите, что комментарий больше поста получился ;)
                      0
                      Огромное спасибо за подробный анализ. Он действительно заслуживает стать постом, фактически в исходном виде.
                        +1
                        спасибо, таких ответов и размышлений по теме очень не хватает в последнее время.
                        особенно приятно, что все компаненты страницы, присущие информационному представлению товара, разложены по полочкам.

                        остаётся только добавить в список статистику 10 интернет-магазинов с самой высокой конверсией (июнь 2009): www.web-analytic.ru/2009/08/31/10-internet-magazinov-s-samoj-vysokoj-konversiej-iyun-2009/

                        изучение интерфейсов этих магазинов может дать очень хорошие результаты при проектировании своего.
                          0
                          Спасибо мега-огромное… ушел много думать :)

                        Only users with full accounts can post comments. Log in, please.