В 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» (все прописные) и без пиктограммы.
Кнопки «Положить в корзину»
Как вы вы видите на картинке выше, кнопки «Положить в корзину» бывают любых размеров, цветов, с самыми разными надписями. Давайте посмотрим какие тенденции можно выделить.
Цвета кнопок
Для цветового выделения кнопок как правило используются следующие цвета: красный, синий, серый/черный, зеленый, оранжевый, розовый или желтый.
Серый (или черный) и красный — наиболее популярный выбор — доли примерно по 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» (все прописные) и без пиктограммы.
