Правильное использование изображений товара в интернет-магазинах
Отличная статья по правильному использованию изображений товара в интернет-магазине. Статья за 2007 год, и с тех пор пару магазинов улучшили свои сайты, но к использованию рекомендаций стоит прислушаться. Они актуальны до сих пор.
Называется статья смешно: Прям сейчас платить за куртку ? Так ее хоть покажите.
Если вы покупаете в интернет магазине, вам не хочется видеть только одну картинку товара. Вы хотите посмотреть на товар, так сказать, со всех сторон. Мне бы, лично, хотелось ознакомиться с предлагаемым продуктом как можно лучше. Хочется прям влезть внутрь компьютера. Но я реалист. Понятно, что понюхать и пощупать товар я не смогу, для начала мне же нужно его купить! Все, чего бы мне хотелось – это получать больше визуальной информации.
На этой неделе, я решил купить зимнюю куртку – последний писк (каждый уважающий себя житель Нью-Йорка просто обязан иметь такую!). Я прошелся по нескольким сайтам и увидел, что там до идеала… Короче, есть над чем еще поработать!
Магазин Bloomingdales.com
Я живу неподалеку от Блумингдейла, но на шопинг там времени нет, все ночи напролет провожу в блогах. (Скверно, я знаю.) И тут я нашел куртку, которая мне понравилась, ну я и решил увеличить картинку.
В картинке было три иконки, но единственная большая иконка, на которую так и хотелось кликнуть, была – «Закрыть окно». Я нажал кнопку «Приблизить», таким образом я смог посмотреть на куртку ближе. Но увидеть можно было только одну (переднюю) фотографию куртки. Я вообще не смог увидеть полного вида сзади! Если я увидел только половину куртки, так может мне ее за полцены продадут?
Магазин EddieBauer.com
Следующий сайт – EddieBauer.com . Они показывают пиджаки в разных ракурсах, всех возможных цветов, и даже предоставляют четкие и простые инструкции по использованию зума.
Это окно ответило на все мои вопросы. Теперь, где же мне купить?
Но как ни странно, нигде на странице нет функции Купить. Есть кнопка Добавить в корзину, а вот купить нет. Значит идем дальше..
Магазин Landsend.com
Landsend.com предлагает уникальный подход к презентации картинки и увеличенной версии.
Они предлагают кнопку изменения вида картинки встроенную сразу же в страничку товара. Это хороший подход, он не заставляет меня покидать страницу, чтобы открыть дополнительное окно. С другой стороны они не показывают товар в разных ракурсах, так что я не могу видеть куртку сзади или с боков. Еще одна проблема – это расположение образцов цветов. Вы можете изменить цвет увеличенных картинок, но тогда образцы визуально исчезают с панели инструментов. Было бы лучше, что бы образцы находились сразу под картинкой. Я думаю, что так использовать эту опцию было бы удобнее.
Магазин LLBean.com
Последний сайт, который я проверяю – это сайт LLBean.com. Честно говоря, их всплывающее окно выглядит непрофессионально.
Хотя у них и есть все образцы цвета на странице, но мне нужно прокручивать или изменять размер окна, чтобы увидеть всю куртку. Также они предлагают только вид спереди . Среди плюсов этого магазина - картинка действительно большая.
В заключение хотелось бы дать несколько советов, как правильно показывать продукцию в увеличенном формате.
• Показывайте товар в разных ракурсах
• Размещайте кнопку заказа возле картинки и на этой же странице
• Размещайте разные цвета и разрешайте посетителям легко изменять цвета товаров
• Размещайте простые и понятные инструменты зума
• Если картинки расположены во всплывающих окнах, убедитесь, что окно хорошо видно и его не нужно дополнительно разворачивать
И напоследок, картинки товаров не много значат, если вы не можете правильно их показывать. Если вы знаете интернет магазины, которые хорошо это делают, оставьте свой комментарий и оставьте ссылку на Ваш любимый магазин.
Для тех кто хочет прочесть статью в оригинале: Show You the Money? Show Me the Jacket!
P.S. : Правильную реализацию (ну или близкую к идеалу) этого процесса Вы можете посмотеть на сайте туристического снаряжения. Там же вы можете на лето в поход или для активного отдыха купить палатку, купить рюкзак, или спальник.