Еще кнопки «Добавить в корзину» и «Купить»

Владимир Тупоршин — Январь 21, 2009
Добавить в корзину Иконка Купить Добавить в корзину Кнопка Купить
Добавить в корзину Иконка Купить Добавить в корзину Кнопка Купить
Добавить в корзину Иконка Купить Добавить в корзину Кнопка Купить
Добавить в корзину Добавить в корзину Иконка Купить Иконка Купить Добавить в корзину
Добавить в корзину
Кнопка Купить
Кнопка Купить
Добавить в корзину Добавить в корзину Иконка Купить Иконка Купить Добавить в корзину
Добавить в корзину
Кнопка Купить
Кнопка Купить
Добавить в корзину Иконка Купить Добавить в корзину Кнопка Купить
Добавить в корзину Иконка Купить Добавить в корзину Кнопка Купить
Добавить в корзину Иконка Купить Добавить в корзину Кнопка Купить
Добавить в корзину Иконка Купить Добавить в корзину Кнопка Купить
Добавить в корзину Иконка Купить Добавить в корзину Кнопка Купить
Добавить в корзину Иконка Купить Добавить в корзину Кнопка Купить

Все кнопки в одном архиве (330 КБ; 103 файла — все картинки, опубликованные выше, плюс разные цветовые вариации некоторых из них). Использовать можно бесплатно.

Есть также все эти кнопки на английском языке.

19 комментариев »

  1. какая прелесть !
    будьте добры, можно ссылочку на инструкцию *для блондинок* :)

    Comment от Наталия — Январь 21, 2009 @ 3:34 пп

  2. Чтобы использовать какую-либо из кнопок, нужно заменить файлы add2cart_ru.gif и add2cart_small_ru.gif в вашем интернет-магазине понравившимся вам вариантом кнопки.

    Comment от Владимир Тупоршин — Январь 22, 2009 @ 9:45 дп

  3. Хорошо бы иметь в наборе кнопку “Добавить в заказ” или “Добавить к заказу”.
    Эти слова наиболее точно отражают смысл операции. Это важно для работы с покупателями, не привыкшими еще к интернет магазинам. “В корзину” - жаргон, возможно не вполне понятный для такого покупателя, а “Купить” - слишком определенно, аналог “оформить заказ”. Покупатель ведь еще ничего не покупает, а только предварительно отбирает интересное из товаров.

    Comment от Александр — Январь 25, 2009 @ 4:57 дп

  4. Александр прав! Мне тоже кажется что это важный элемент юзабилити.
    Вариант “Добавить к заказу” мне кажется наиболее подходящим.

    Comment от Сергей — Январь 25, 2009 @ 8:30 дп

  5. А картинок звездочек-оценок для черного фона не планируется? Да и эти, кажется, не особо подойдут..

    Comment от khabaroff — Январь 27, 2009 @ 12:15 дп

  6. Кнопочки не плохие и есть из чего выбрать.
    Хочется еще чтобы вы сделали симпатичные картинки “Нет в наличии” или с другим подходящим текстом, чтобы можно было ее выводить когда товара нет. Только они должны быть бледные, не броские.
    Мы выводим у себя такую картинку иначе, без нее, есть категория покупателей которые начинают спрашивать про отсутствующие товары: “а как у вас сделать заказ”.

    З.Ы.
    ИМХО. На кнопочке для оформления заказа должно быть написано именно “купить” и ничего другого.
    Эта кнопочка должна подталкивать посетителя к совершению покупки. А всякие там “добавить к заказу” (к какому?, для чего?), “в корзину” (в какую?, для чего?) - это все малопонятная для домохозяек, блондинок и главных бухгалтеров ерунда. Ежели человек хочет что-то купить, то и кнопку ему нужно подсунуть именно “купить”, а если не хочет, то увидев такую возможно подумает “а не купить ли?”, а увидев “добавить”…

    Comment от Алексей — Январь 27, 2009 @ 9:51 дп

  7. Алексею.
    Перед оформлением заказа (покупкой) есть еще стадия подбора товара из каталога. Вот там (в каталоге) и нужна более нейтральная кнопка “Добавить к заказу”. Покупатель из каталога сначала отбирает то, что ему интересно, потом решает, что оставить в заказе и только потом (в корзине, то есть в проекте заказа) ему нужна кнопка “Купить” или “Оформить заказ”.
    Если же двигаться еще дальше, то в идеальном магазине, в каталоге при пустой корзине и после добавления первого товара, надписи на кнопке должны быть разные. “Добавить к заказу” должна появляться после добавления первого товара.

    Comment от Александр — Январь 31, 2009 @ 8:44 дп

  8. На самом деле, не нужно слишком увлекаться вопросом терминологии в данном случае.
    «Купить», «Заказать», «Добавить в корзину», «Оформить заказ» — эти кнопки не должны заменять себя другими. Для пользователя что первое нажатие на кнопку, что второе, третье и последующие должны выполнять одно и то же действие. Поэтому и свой внешний вид они менять не должны.
    Посмотрите amazon.com, ozon.ru и другие известные интернет-магазины.

    Comment от Владимир Тупоршин — Февраль 2, 2009 @ 2:55 дп

  9. >>Покупатель из каталога сначала отбирает то, что ему интересно,
    >>потом решает, что оставить в заказе
    >>и только потом (в корзине, то есть в проекте заказа) ему нужна кнопка “Купить”
    :)
    Вы правда считаете, что процесс покупки товара в интернет-магазине у покупателя обычно происходит именно так?
    Это должен быть достаточно специфичный товар тогда…
    Повторюсь еще раз, на самом деле магазин интересует только один вид покупателей - это те кто действительно хочет что либо купить, или собирается но пока не определился. В любом случае самая явная кнопка для этой категории это “купить” (если вы не хотите конечно отбросить аудиторию из пользователей которые мало что понимают в работе с ПК).
    А почему вы так боитесь определенности в вопросе покупки? Что плохого что кнопка “купить” это определенно?
    Думаете это может отпугнуть покупателя? Может и в обычном магазине, когда вы спрашиваете например про яблоки вам не должны говорить сколько они стоят и не должны спрашивать сколько кг. вы хотите купить, а говорить что-нибудь нейтральное? Например: “Посмотрите какие они круглые, не желаете для начала покатать по прилавку? Можете попробовать покатать вместе с яйцами для начала…” :)

    Comment от Алексей — Февраль 3, 2009 @ 11:22 дп

  10. То что кнопка меняться не должна, это 100%.
    Тут полностью согласен с Владимиром.
    Это все равно, что в кофейном автомате когда подойдешь будет кнопка \"Подумать о выборе капучино\", когда бросил часть суммы то \"Для покупки капучино сумма недостаточна, вы точно хотите его купить?\", а когда внесете всю сумму \"Налить капучино в стакан\". И все 3 раза кнопку нужно нажать…
    Ну может немного слишком уж утрирую, но суть такая.

    Comment от Алексей — Февраль 3, 2009 @ 11:28 дп

  11. <<<Вы правда считаете, что процесс покупки товара в интернет-магазине у покупателя обычно происходит именно так?
    Это должен быть достаточно специфичный товар тогда…>>>

    Действительно, бывают разные товары и разные целевые аудитории.

    Если типичная задача - выбрать товар из 100 возможных вариантов (покупка подарка, растений в сад), то логично сначала накидать в корзину то, что интересно, а потом решить окончательно.

    Продвинутому покупателю все равно, какая кнопка, а что будет, если треть ваших покупателей с трудом пользуется почтовой программой? Я получаю письма с заказами и это видно по письмам. Подключается деревня и маленькие города. Мамы садятся за ПК своих детей. Не уверен, что они понимают, попав первый раз в магазин, что после нажатия кнопки \"купить\" можно будет исключить этот товар из окончательного заказа.

    Соглашусь с Владимиром, что замена кнопоки после первого товара это экзотика, но кроме \"Купить\" и \"В корзину\" нужно еще “Добавить к заказу”. Я, например, поставил бы именно ее.

    Comment от Александр — Февраль 4, 2009 @ 4:39 дп

  12. Хочу кнопку “Предзаказ” !!!

    Comment от Kerk — Февраль 5, 2009 @ 3:52 дп

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

    Comment от ole-ee — Август 20, 2009 @ 8:53 дп

  14. “ты приходиш в магазин и выбираеш глазами, а потом ложиш в корзину
    и веезеш ее к следующему продукту .. так что на мой взгляд все понятно для
    нормального человека ..”
    Это подходит только тем, кто живет в большом городе где есть супермаркеты и т.д. Тогда подойдет такая кнопка. А для тех, кто действительно с компьютеров “на Вы” и живет не в большом городе это может быть непонятным.

    Comment от Денис — Сентябрь 12, 2009 @ 12:43 пп

  15. Подскажите пожалуйста, а внедрить каким нибудь образом кнопку сделанную во флэш(т.е. .swf-файл) возможно?

    Comment от Григорий — Октябрь 11, 2009 @ 1:33 дп

  16. вот если бы исходники выкладывались, а то у меня на 3 яхыках магазин, кнопки классные=))

    Comment от anonim — Декабрь 18, 2009 @ 2:14 дп

  17. Воткнула новую кнопочку, в Опере изменения отображаются (новая кнопочка появилась), а в эксплорере нет, как ничего и не меняла :( Почему?

    Comment от Мария — Январь 11, 2010 @ 7:34 дп

  18. Сама спросила, сама отвечаю :) Эксплорер из кэша брал изображения, так что вопрос снят :)

    Comment от Мария — Январь 11, 2010 @ 7:49 дп

  19. спасибо, хорошая коллекция, к тёмному фону бы ещё кнопочек :)

    Comment от Иван — Октябрь 18, 2010 @ 1:04 пп

RSS лента комментариев к этой записи. TrackBack URL

Оставить комментарий