Не теряйте клиентов из-за дешевых кнопок — обновите систему вместе с нами сегодня.

Я вижу одну и ту же проблему снова и снова: страница привлекает внимание, сообщение имеет смысл, а кнопка теряет посетителя. Это слишком мало. Он сливается с фоном. Это говорит слишком мало. Он сидит не в том месте. Когда это происходит, люди останавливаются. Некоторые уходят. Некоторые продолжают прокручивать. Я не отношусь к кнопке как к маленькой детали. Я рассматриваю это как точку, где интерес становится действием. 1. Разместите кнопку там, где останавливается взгляд. Я размещаю основную кнопку CTA рядом с основным сообщением. Если страница посвящена продукту, кнопка должна располагаться рядом с текстом преимущества. Если страница посвящена форме, кнопка должна располагаться сразу после полей. Если страница предназначена для мобильных пользователей, я делаю кнопку легкодоступной и легко нажимаемой. Я не заставляю людей искать следующий шаг. 2. Напишите кнопку простым языком. Кнопка должна звучать как настоящее действие. «Отправить» кажется холодным. «Получить мою цитату» кажется очевидным. «Заказать звонок» сообщает людям, что произойдет. «Просмотреть варианты продукта» кажется открытым и простым. Мне нравятся слова, которые соответствуют цели страницы. Если копия кажется человечной, кнопка будет чувствовать себя безопаснее. 3. Дайте кнопкам больше места. Переполненные страницы ослабляют сильные кнопки. Я оставляю место вокруг кнопки, чтобы взгляд мог опираться на нее. Я избегаю размещать рядом с ним слишком много ссылок. Я держу планировку в чистоте. Для меня белое пространство — это не пустое пространство. Это помогает кнопке выделиться. Посетитель должен знать, куда смотреть, не задумываясь. 4. Используйте цвет целенаправленно. Я не выбираю цвет кнопки только ради стиля. Я выбираю цвет, который соответствует странице и при этом выделяется на фоне. Если страница мягкая и светлая, кнопка может иметь более сильный оттенок. Если на странице уже много ярких частей, я делаю кнопку простой и легко читаемой. Цель – не шум. Цель — видимость. 5. Сделайте нажатие простым. Это важно для мобильных устройств. Кнопка, на которую трудно нажать, создает трение. Слишком маленькая кнопка раздражает. Я держу зону крана достаточно широкой. Я делаю этикетку короткой. Я избегаю размещения слишком большого количества вариантов в одном месте. Когда путь кажется гладким, люди двигаются вперед с меньшими колебаниями. 6. Устраните сомнения возле кнопки. Люди останавливаются, когда следующий шаг кажется неясным. Я часто добавляю короткую строку рядом с кнопкой, когда это необходимо странице. Простая заметка о том, что произойдет дальше, может уменьшить беспокойство. Страница продукта, страница услуги и страница регистрации требуют разного текста поддержки. Например, я часто использую страницу пекарни в качестве тестового примера. Если на кнопке формы написано «Отправить», страница кажется жесткой. Если на кнопке написано «Спросить о тортах на заказ», страница становится более понятной. Действие то же самое. Ощущение меняется. Я вижу ту же самую картину и на страницах услуг. Непонятная кнопка может заставить посетителя колебаться. Кнопка «Очистить» может повысить доверие к странице. Хорошая кнопка не кричит. Это не скрывается. Оно направляет. Именно такого подхода я придерживаюсь в своей работе. Я хочу, чтобы посетитель быстро увидел следующий шаг, быстро понял его и почувствовал удовлетворение, нажимая на него. Когда кнопка понятна, страница выглядит спокойнее. Когда страница кажется более спокойной, клиенты остаются дольше и перемещаются с меньшим сопротивлением.

Я усвоил простой урок на собственном горьком опыте: дешевая пуговица может стоить гораздо дороже, чем несколько центов, сэкономленных на каждой штуке. Раньше я думал, что покупателей больше всего волнуют ткань, посадка и цена. Они делают. Тем не менее, я продолжал видеть ту же самую картину в небольших предприятиях по производству одежды и заказах в бутиках. Рубашка хорошо смотрелась на вешалке, но после одной стирки оторвалась пуговица. Пальто хорошо лежало в руке, но пуговицы царапали кожу. Покупатель заметил одну несовпадающую кнопку и начал сомневаться во всем товаре. Эта маленькая деталь изменила продажи. Мой взгляд прямой. Кнопки не являются мелочью. Они являются частью доверия. Когда я помогаю клиенту проверять товары, я смотрю на кнопку, а не на бирку. Я задаю простые вопросы. Соответствует ли пуговица цвету ткани? В руке лежит гладко? Держится ли шов при легком натяжении? Остается ли он твердым после многократного использования? Эти проверки не требуют особых усилий, но они многое говорят об одежде. Однажды я работал в небольшом магазине мужской одежды, где продавались классические рубашки через Интернет. Их фотографии выглядели чистыми, ткань была приличной, а цена справедливой. Возвраты продолжали поступать. Причину было легко упустить. Кнопки были тонкие, глянцевые и слабые. Несколько покупателей сказали, что рубашка выглядела «дешево», когда нить на пуговицах ослабла. В магазине изменили стиль пуговиц, обновили нить и протестировали каждую партию. Жалобы уменьшились, а количество повторных заказов возросло. Этот опыт научил меня полезному методу. Выберите правильный материал для пуговиц. Пластик, смола, ракушка, дерево и металл несут разное послание. Летней рубашке может понадобиться светлая пуговица. Для рабочей куртки может потребоваться более прочная куртка. Я всегда подбираю пуговицу к одежде, а не только к бюджету. Проверьте отделку. Неровный край может вызвать раздражение кожи. Тусклая поверхность может придать предмету премиум-класса усталый вид. Я провожу пальцем по каждому образцу. Если это кажется острым, я отвергаю это. Проверьте стежок. Сильная кнопка ничего не значит, если нить рвется. Я осторожно тяну, а затем снова тяну после промывки образцов. Если нить соскользнет, ​​я знаю, что клиент заметит это позже. Сохраняйте единый стиль. Я видел, как хорошая одежда теряла ценность, потому что каждая пуговица выглядела немного по-другому. Цвет, блеск и размер должны оставаться одинаковыми по всему изделию. Небольшое несоответствие создает небрежный вид. Подумайте об опыте покупателя. Покупатель может не описывать кнопку подробно, но кнопка формирует полное впечатление. Если его трудно застегнуть, ослабить или он шумит, предмет кажется менее надежным. Я отношусь к этому как к части продукта, а не как к побочной проблеме. С точки зрения продаж это имеет большее значение, чем ожидают многие продавцы. Слабая кнопка может привести к возвратам, плохим отзывам и низкому доверию. Твердая пуговица может поддерживать всю одежду. Я люблю говорить клиентам следующее: если покупатель заметил пуговицу не по той причине, вещь уже потеряла часть своей ценности. Мой совет прост. Не сэкономьте немного и не потеряйте потом гораздо больше. Проверьте кнопку, протестируйте ее и выбирайте внимательно. Правая кнопка может показаться маленькой, но она защищает продукт, бренд и продажи.

Раньше я думал, что пуговица — это маленькая деталь. Маленькая коробочка на странице. Слово внутри него. Вот и все. Затем я наблюдал, как пользователи стали меньше нажимать, прокручивать страницу и уходить, не предприняв никаких действий. Проблема не всегда заключалась в предложении. Много раз именно кнопка выходила из строя. Было слишком тихо. Слишком маленький. Слишком сложно найти. Это не казалось частью бренда. Именно тогда я начал смотреть на кнопки по-другому. Пуговица – это не только элемент дизайна. Это сигнал. Он говорит людям, что делать дальше. Он рассказывает им, как звучит ваш бренд. Это может сделать страницу спокойной, резкой, дружелюбной или беспорядочной. Я видел, как сильные продукты теряли внимание из-за того, что их кнопки выглядели слабыми. Я также видел, как простые страницы вызывают больше доверия после нескольких небольших изменений кнопок. Когда я рассматриваю стиль кнопок, я сосредотачиваюсь на трех вещах. Я смотрю на ясность. Кнопка должна быть понятной с первого взгляда. Я избегаю расплывчатых текстов, таких как «Отправить», когда могу использовать что-то более прямое. «Получить ценовое предложение» кажется более понятным. «Купить сейчас» кажется более понятным. «Заказать звонок» становится понятнее. Людям не нужно гадать, что произойдет после клика. Я смотрю на контраст. Кнопка должна выделяться среди остальной части страницы, но при этом она должна соответствовать бренду. Если на странице используются мягкие цвета, я могу выбрать один более насыщенный цвет для основного действия. Если бренд кажется смелым, я могу использовать более глубокий оттенок и чистые интервалы. Суть проста: глаз должен знать, куда идти. Я смотрю на консистенцию. Это имеет большее значение, чем ожидают многие люди. Бренд чувствует себя более стабильным, когда кнопки ведут себя одинаково на всех страницах. Та же форма. Тот же угловой стиль. То же ощущение наведения. Тот же тон голоса. Я видел, как это имело большое значение в интернет-магазинах, целевых страницах и сайтах услуг. Когда пользователь снова и снова видит один и тот же шаблон, сайту становится легче доверять. Мне нравится, чтобы текст был кратким и прямым. Короткие слова хорошо работают, когда пользователь уже думает. «Начни бесплатно». «Посмотреть планы». "Добавить в корзину." "Узнать больше." Они просты, но уменьшают трение. Я не хочу, чтобы кнопка звучала необычно. Я хочу, чтобы это звучало полезно. У местной пекарни, которую я посетил, когда-то был веб-сайт с бледно-серыми кнопками и крошечным текстом. Посетители не могли быстро найти страницу заказа. Владелец изменил основную кнопку на теплый красный тон, увеличил ее размер и заменил «Продолжить» на «Заказать сейчас». Страница сразу стала более живой. Бренд также стал более понятным. В продукте ничего не изменилось. Путь изменился. Это та часть, которая мне нравится больше всего. Кнопки не нуждаются в драме. Им нужна цель. Если я улучшаю бренд, я начинаю с наиболее видимых действий: - Основной призыв к действию на главной странице - Кнопка «Добавить в корзину» или «Купить» на страницах продукта - Кнопка «Связаться» или «бронировать» на страницах услуг - Кнопки оформления заказа на экранах мобильных устройств - Кнопки форм на потенциальных страницах Я также проверяю расстояние вокруг каждой кнопки. Кнопку, вокруг которой есть свободное пространство, легче нажимать, и ей легче доверять. На мобильных устройствах это имеет еще большее значение. Слишком много страниц загромождают экран и заставляют пользователя работать больше, чем необходимо. Я этого не хочу. Я также обращаю внимание на тон. Игривый бренд может использовать легкий язык. Серьезный бренд может использовать спокойный и простой язык. Люксовому бренду может потребоваться меньше слов и больше места. Кнопка должна соответствовать тону сайта. Если голос и дизайн противоречат друг другу, пользователи сразу же чувствуют это раскол. Моя точка зрения проста: небольшие дизайнерские решения могут продвинуть бренд дальше, чем ожидают люди. Хорошая кнопка может направлять действия. Это может уменьшить сомнения. Это может поддержать внешний вид страницы. Это может помочь бренду выглядеть более понятным, простым в использовании и более достойным того, чтобы с ним оставались. Когда я создаю или просматриваю страницу, я никогда не рассматриваю кнопку как последний шаг. Я отношусь к этому как к части истории бренда.

Раньше я относился к кнопкам как к маленькой детали. Я передумал после того, как на рубашке потеряли две пуговицы на той же неделе, когда она мне была нужна больше всего. Ткань была в порядке. Срез был в порядке. Кнопок не было. Они казались легкими, швы быстро развязывались, и всего после нескольких ношений все изделие выглядело потертым. Это проблема, которую многие люди упускают из виду. Пуговица не просто застегивает рубашку или пальто. Это меняет внешний вид одежды, продолжительность ее службы и частоту ее ремонта. Когда я выбираю пуговицы низкого качества, я обычно снова и снова сталкиваюсь с одними и теми же проблемами: Неплотные швы. Трещины на поверхности пуговиц. Неровный цвет. Края, цепляющиеся за ткань. Невыразительный вид хорошей в остальном одежды. Я видел это в повседневной жизни не раз. У владельца кафе, с которым я работал, униформа сотрудников выглядела опрятно в первый же день. После нескольких стирок некоторые пуговицы потускнели, а некоторые оторвались возле воротника. Униформа по-прежнему хорошо сидит, но из-за мелких деталей вся команда выглядела менее изысканно. Именно поэтому я стал больше внимания уделять качественным кнопкам. Сначала я смотрю на три вещи. Материал Пластик, смола, металл, ракушка и дерево создают разные ощущения. Легкая блузка может выглядеть мягко. Для рабочей куртки может потребоваться пуговица, которая будет удобно держаться в руке. Я выбираю не только по внешности. Думаю об использовании. Конструкция отверстий для вышивания Прочное расположение отверстий помогает нити оставаться на месте. Если отверстия слишком грубые или слишком мелкие, стежок может изнашиваться быстрее. Я проверяю это перед тем, как шить, потому что из-за слабого отверстия можно потерять хорошую ткань. Отделка и край. Я провожу пальцами по краю. Если я чувствую острые пятна или грубые следы от порезов, я знаю, что кнопка может зацепиться за ткань или вызвать дискомфорт. Чистая отделка имеет большое значение, даже если дизайн прост. Я также думаю о самой одежде. На классической рубашке должна быть пуговица, которая сидит ровно и выглядит аккуратно. Пальто нуждается в пуговице, которая выдержит большее натяжение. Детскому наряду нужна пуговица, которая будет надежной и гладкой. Для ремонта необходимы одинаковые размеры и цвета, чтобы старые и новые детали не конфликтовали друг с другом. Мне запомнился один небольшой пример. Однажды я ремонтировал джинсовую куртку другу. Оригинальные кнопки были тонкими и гнулись после частого использования. Я заменил их на более толстые металлические пуговицы, соответствующие тону куртки. Куртка снова не стала новой, но снова стала полезной. Мой друг носил его еще один сезон, не прося еще починки. Вот что делают хорошие кнопки. Они продлевают срок службы изделия. Когда я покупаю пуговицы, я следую простой привычке. Я держу кнопку под светом и проверяю поверхность. Я сжимаю его между пальцами и чувствую силу. Я сравниваю это с весом ткани. Я проверяю, остается ли цвет близким при естественном освещении. Оставляю несколько запасных частей на случай ремонта. Эта привычка экономит мне больше, чем деньги. Это экономит время, стресс и позволяет избежать возвратов. Это также делает мою работу более тщательной, даже если сама одежда простая. Я также уделяю внимание стилю. Кнопка может быть тихой или жирной. Он может сливаться или выделяться. На простой рубашке чистая линия пуговиц может улучшить весь образ. На пальто более темная пуговица может придать структуру. На изделии ручной работы пуговица может стать последним штрихом, который придаст изделию законченный вид. Я понял, что качественные пуговицы – это не роскошная деталь. Они являются частью хорошего дизайна и практического использования. Если я хочу, чтобы одежда прослужила долго, я начинаю с той части, к которой люди прикасаются чаще всего. Если я хочу, чтобы изделие выглядело законченным, я смотрю на линию пуговиц. Если я хочу меньше ремонтов, я перестаю выбирать пуговицы только потому, что они дешевые. Переход на качественные пуговицы изменил мой стиль работы и то, как я оцениваю одежду. Я замечаю разницу в повседневной носке, ремонте и в том, как люди реагируют на готовую вещь. Маленькая часть, ясный результат.

Я видел, как одна маленькая кнопка меняла ощущения людей на странице. Когда покупатель попадает на сайт, доверие начинается с небольших сигналов. Кнопка, которая кажется безопасной, понятной и честной, может уменьшить сомнения. Кнопка, которая кажется навязчивой, расплывчатой ​​или трудночитаемой, может привести к обратному результату. Меня это волнует, потому что многие пользователи не покидают страницу за ненадобностью. Они уходят, потому что следующий шаг кажется рискованным. Когда я смотрю на кнопку, я сосредотачиваюсь на трех вещах: словах, внешнем виде и расположении. Слова должны говорить о том, что произойдет дальше. «Купить сейчас» работает, когда пользователь готов. «Получите мою цену» подходит, когда пользователь сначала хочет узнать цену. «Начать бесплатную пробную версию» подходит, когда на старте нет оплаты. Я избегаю расплывчатого текста типа «Отправить», когда страница просит доверия. Люди хотят знать результат. Однажды я помогал просматривать страницу услуги, на форме которой использовалось «Продолжить», а на кнопке предложения — «Нажмите здесь». На странице был трафик, но многие пользователи останавливались, прежде чем отправить свои данные. После того, как текст изменился на «Получите мой план» и «Посмотрите мою цену», страница стала более понятной. Предложение не изменилось. Чувство сделало свое дело. Внешний вид также имеет значение. Кнопка должна выделяться, но не кричать. Я предпочитаю сильный контраст, чистое пространство вокруг и текст, который легко читается на экранах телефонов. Кнопка, которая выглядит перегруженной, может сделать страницу небрежной. Страница, на которой чувствуется осторожность, может заставить покупателя чувствовать себя в большей безопасности. Я тоже слежу за размером. Если кнопка слишком маленькая, пользователи могут подумать, что бренд скрывает следующий шаг. Если он слишком велик, он может показаться агрессивным. Я стараюсь, чтобы кнопка была достаточно большой, чтобы ее можно было использовать одним нажатием, и чтобы страница могла дышать. Размещение также формирует доверие. Мне нравится размещать главную кнопку рядом с ответом, который только что нашел пользователь. Если на странице описывается продукт, кнопка должна располагаться близко к этой информации о продукте. Если страница отвечает на вопрос о цене, кнопка должна следовать за блоком цен. Пользователь не должен искать следующий шаг. Ясный путь кажется честным. Я также обращаю внимание на то, что происходит после щелчка. Хорошее обещание для кнопки должно соответствовать следующей странице. Если на кнопке написано «Получить мое предложение», на следующей странице должна появиться форма предложения. Если там написано «Загрузить руководство», следующая страница должна начать загрузку или сразу же привести к файлу. Если кнопка ведет куда-то неожиданно, доверие быстро падает. Вот простой тест, который я использую: - Прочитайте вслух текст кнопки - Спросите, чего пользователь ожидает после клика - Проверьте, дает ли страница этот результат - Посмотрите на кнопку на экране телефона - Удалите лишние слова вокруг нее Я использую этот тест в своей повседневной работе, потому что маленькие проблемы часто причиняют больше вреда, чем большие. Страница может иметь сильное предложение, хорошие фотографии и справедливую цену. Одна слабая кнопка все равно может прервать поток. Простой пример: магазин по уходу за кожей разместил надпись «Добавить в корзину» под каждым продуктом, но в нескольких местах вокруг нее также было написано «Количество ограничено» и «Действуйте сейчас». Страница казалась напряженной. После того, как команда изменила кнопку на «Добавить в корзину» и убрала рядом с ней тяжелые слова, страница стала спокойнее. Люди могли прочитать предложение без давления. Этот спокойный тон помог странице почувствовать себя более заслуживающей доверия. Моя точка зрения проста. Доверие не начинается с больших претензий. Все начинается с небольшого доказательства. Пуговица — одно из таких доказательств. Это может показать, что бренд уважает время пользователя, говорит четко и сдерживает свое обещание. Если я хочу большего доверия, я не добавляю больше шума. Я делаю следующий шаг более понятным. Хотите узнать больше? Не стесняйтесь обращаться к Аллан-чжэну: passer1983520@gmail.com/WhatsApp +8618959885227.

Лаура Смит 2023 Сила четких кнопок с призывом к действию Дэниел Брукс 2022 Дизайн кнопок и доверие клиентов в цифровой коммерции Мэй Чен 2021 Написание микротекста, ориентированного на действие, для повышения конверсии Амина Патель 2024 Визуальный контраст и внимание пользователя в дизайне целевой страницы Роберт Хилл 2020 Цели мобильного нажатия и удобство взаимодействия с пользователем Софи Тернер 2023 Подробности о продуктах, которые создают доверие к бренду