Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 39
Занятное исследование)
Приятно, многие из этих показателей можно предсказать и не проводя никаких исследований:
— красная кнопка (красный очень активный и возбуждающий к действию цвет)
— тележка из магазина на кнопке (пользователя уже приучили к этому значку)
— прописные (читаются лучше) или смешаные (читаются хуже прописных, но лучше заглавных)
— скругленые уголки — тренд (по крайней мере в 2007 году)
Приятно, многие из этих показателей можно предсказать и не проводя никаких исследований:
— красная кнопка (красный очень активный и возбуждающий к действию цвет)
— тележка из магазина на кнопке (пользователя уже приучили к этому значку)
— прописные (читаются лучше) или смешаные (читаются хуже прописных, но лучше заглавных)
— скругленые уголки — тренд (по крайней мере в 2007 году)
Отправил ссылку нашему дизайнеру. Интересное исследование. Для общего развития полезно прочитать подобное.
У американцев тележка, а у англичан корзина. Значит американцы потребляют больше:)
Какой толк в таких статсах? Срочно нужны данные о влиянии цвета кнопки / размера кнопки / иконки на продажи.
Есть такой закон Якоба (Нильсена): «Пользователь проводит большую часть времени на других сайтах (не на нашем)». Следовательно, если мы хотим чтобы посетитель поскорее нашел на странице кнопку покупки, нам нужно сделать ее такой же как на большинстве сайтов в интернете. Чем оригинальнее кнопка, тем дольше ее ищут, тем реже находят.
надо было нарисовать «среднюю» кнопку :)
красивые чарты
По поводу цвета и формы смысла в исследовании никакого. Все зависит от дизайна всей страницы. Где-то бросаться в глаза будет красная кнопка, где-то серая, синяя или желтая.
С иконкой имхо приятней, хотя опять же зависит от дизайна.
Капс хоть и неприятен, но привлекает внимание, это такой костыль для дизайнеров, которые не смогли выделить другими способами. Ну а надписи все выполняют свое дело, кроме разве что простого add, непонятно что куда добавить.
С иконкой имхо приятней, хотя опять же зависит от дизайна.
Капс хоть и неприятен, но привлекает внимание, это такой костыль для дизайнеров, которые не смогли выделить другими способами. Ну а надписи все выполняют свое дело, кроме разве что простого add, непонятно что куда добавить.
Да, надо было внести в чарты еще один пункт — цвет фона. Но у некоторых кнопок он виден, чаще — светлый, а вот откровенно темный фон обнаруживается только у одной кнопки.
Вряд ли при такой короткой надписи регистр может сильно повлиять на читабельность, тут главное чтобы шрифт не был слишком экзотическим, рукописным и так далее. Вот еще одно упущение в исследовании — тип шрифта. Но скорее всего победил бы нормальный прямой гротеск.
Вряд ли при такой короткой надписи регистр может сильно повлиять на читабельность, тут главное чтобы шрифт не был слишком экзотическим, рукописным и так далее. Вот еще одно упущение в исследовании — тип шрифта. Но скорее всего победил бы нормальный прямой гротеск.
Спасибо, подобная статистика всегда интересна)))
И ни одной стандартной, вот парадокс.
Кнопки на картинке в основном просто страшные.
gray 19.7% / red 19.7%
no icon 52% / icon 52 %
шо серое шо красное, шо с иконкой шо без…
по моему всем одинаково какая кнопка — лишь бы видна была…
no icon 52% / icon 52 %
шо серое шо красное, шо с иконкой шо без…
по моему всем одинаково какая кнопка — лишь бы видна была…
Цвет и уголки — обычно производная от общего графического решения.
Я считаю, исходя из теории цвета, что эти кнопки должны быть серыми (чтоб показать что покупать в интернете — обычное дело) или зелеными (чтоб успокоить клиента перед покупкой). Красный все-таки настораживает. Красный используют крупные магазины, намекая на то, что клиент вступает в серьезные отношения с магазином, они просто не хотят потом иметь дело с возвратами и прочими проблемами необдуманных покупок. That's because…
Если верить закону Якоба, то кнопки надо делать такими как на большинстве других сайтов, даже если это противоречит логике. Если элемент хорошо знаком посетителю, то никакого испуга не будет.
При том, если посетители жалуются, что не могут найти кнопку, есть резон сделать ее позаметнее, даже красной.
При том, если посетители жалуются, что не могут найти кнопку, есть резон сделать ее позаметнее, даже красной.
Сложность еще и в том, что у разных людей разное восприятие самого действия покупки, а следовательно и цвета кнопки. Например в банкоматах, банка, в котором у меня счет — кнопка «Внести наличные» красная, а «Получить наличные» — зеленая. Вроде как получать деньги — прикольно и спокойно с карточки, а класть их туда — неспокойно и красно. А мне, например, наоборот хочется чтобы было — положил деньги — и успокоился, а когда снимаешь — будь внимателен, тратишь, теряешь их. Также, наверное и кнопкой В корзину. Всем по-разному она видится.
На самом деле простой обзор «красная кнопка — самая популярная» ничего не дает. Интересна другая статистика самая «выгодная» — какой должна быть кнопка, чтобы уровень конверсии был максимальным.
А данных по конверсии нет? Какая кнопка нажимается чаще?
www.google.com/images?q=add+to+cart&um=1&hl=ru&rlz=1C1GGLS_ruRU350RU351&qscrl=1&biw=1218&bih=715&tbs=isch:1,isz:i&source=lnt&sa=X&ei=ksWTTMTbCYLKswaV0ZSGCQ&ved=0CAkQpwU
Все хотят волшебного средства для максимальной конверсии, окончательного ответа. Но вот не попадается в сети такой информации, не делится никто сокровенным знанием. Поэтому и проводят дизайнеры собственные исследования в свободное от работы время, что бы получить хоть какую-то информацию, понять картину происходящего, увидеть намек на тенденцию. На мой взгляд что-то полезное, пищу для размышлений, из подобных крох извлечь можно.
Бесполезная информация.
> Для цветового выделения кнопок как правило используются следующие цвета: красный, синий, серый/черный, зеленый, оранжевый, розовый или желтый.
ну то есть можно использовать любые цвета, ок. %)
исследование ни о чем.
ну то есть можно использовать любые цвета, ок. %)
исследование ни о чем.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Маленький анализ тенденций в оформлении кнопок «Add To Cart» («Положить в корзину»)