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

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

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

Все остальное идет следом

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

Вот например один из западных интернет-магазинов с конвертацией в сумасшедшие 28.2% по состоянию на ноябрь 2008 года — officedepot.com. По мне так в видимой области перегрузка не столь важной информацией, однако статистика продаж говорит, что скорее всего (без поправки на интернет-менталитет конечно) неправ именно я.

лично мое мнение, что хороший магазин должен показывать покупателю то, что ему (покупателю) более интересно в конкретном товаре. Узнать это достаточно просто исследуя вопросы и поведение покупателей данного товара off-line.
Вы конечно можете сказать, что не у каждого есть такая возможность — сразу отвечу — если нет (магазина-склада-продавца) во плоти так сказать, то и online-магазин не более чем дорогая игрушка! IMHO

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

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

Я бы сказал, что с интерфейсами интернет-магазинов рунета ситуация катастрофическая. Сделать грамотно и хорошо — это очень дорого, поэтому большинство пренебрегает проработкой интерфейсов и предпочитает использовать интерфейсы, доставшиеся в нагрузку от разработчиков 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. простите, что комментарий больше поста получился ;)