Pull to refresh

Маленький анализ тенденций в оформлении кнопок «Add To Cart» («Положить в корзину»)

Reading time 2 min
Views 6.4K
Original author: Christian Watson
В 2007 году, сайт «Get Elasic» опубликовал интересную подборку кнопок «Положить в корзину» из различных интернет-магазинов, сопроводив это некоторым анализом надписей и внешнего вида кнопок. Я решил, что будет полезным освежить эту тему. Было собрано более двухсот кнопок «Положить в корзину», в том числе с сайтов самых популярных онлайновых продавцов.


Кнопки «Положить в корзину»

Как вы вы видите на картинке выше, кнопки «Положить в корзину» бывают любых размеров, цветов, с самыми разными надписями. Давайте посмотрим какие тенденции можно выделить.

Цвета кнопок


Для цветового выделения кнопок как правило используются следующие цвета: красный, синий, серый/черный, зеленый, оранжевый, розовый или желтый.

Серый (или черный) и красный — наиболее популярный выбор — доли примерно по 20%, затем следует зеленый и синий — по 15% с лишним. Независимо от цвета кнопок, надписи чаще всего делаются белым цветом.

Серый/Черный — 19,70%
Красный — 19,70%
Синий — 16,26%
Зеленый — 15,27%
Оранжевый — 11,33%
Другой — 6,90%
Розовый — 6,40%
Желтый — 4,43%



Цвета кнопок «Положить в корзину»

Форма кнопок


Все кнопки имеют прямоугольную форму, но если говорить о более тонких деталях, скругленные уголки побивают прямые в соревновании за популярность в соотношении 2:1.

Скругленные уголки — 63,41% (Rounded Corners)
Прямые уголки — 36,59% (Square Corners)



Стиль уголков у кнопок «Положить в корзину»

Текст на кнопках


Взглянем на статистику по надписям. «Add To Cart» — бесспорный фаворит с долей в 56%. Следует сказать, что в коллекции в основном представлены сайты ориентированные на США, а вот в Британии «Add To Basket» будет гораздо популярнее, чему в штатах.

(От переводчика: Текст надписей не переводился, чтобы не вносить путаницу. Для русскоязычного интернета термины и цифры будут сильно отличаться.)


Текст на кнопках «Положить в корзину»

Когда речь заходит о регистре, в котором набран текст, то «все прописные» — оказываются наиболее популярными с долей в 53%.

Все прописные — 53% (ALL CAPS)
Смешанный тип — 39% (Mixed case)
Все строчные — 8% (lower case)




Регистр текста на кнопках «Положить в корзину»

Пиктограммы на кнопках


Лагеря за и против пиктограмм разделены почти поровну, но кнопки без пиктограмм всё же чуть популярнее, чем кнопки с пиктограммами того или иного сорта.

Без пиктограммы — 52% (No Icon)
С пиктограммой — 48% (Icon)




Использование пиктограмм на кнопках «Положить в корзину»

В качестве пиктограммы наиболее популярно изображение магазинной тележки(40%), далее следуют разнообразные стрелочки.

Магазинная тележка — 40% (Shoping Cart)
Стрелка — 28% (Arrow)
Плюсик — 15% (Plus Symbol)
Сумка/Корзина — 14% (Bag/Basket)
Другое — 3% (Other)




Типы пиктограмм на кнопках «Положить в корзину»



UPD от переводчика: В комментариях было указано на то, что не хватает картинки самой типичной, стандартной кнопки, соединяющей в себе самые популярные черты. Исправляю недостаток:



Вот они — наши «мисс популярность»: красные, со скругленными уголками, с надписью «ADD TO CART» (все прописные) и без пиктограммы.
Tags:
Hubs:
+43
Comments 39
Comments Comments 39

Articles