Слабые кнопки = плохая репутация. Сильные = лояльные клиенты. Выбирайте мудро.

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

Я видел, как одна маленькая деталь изменила то, как люди оценивают продукт в целом. Рубашка может выглядеть аккуратно на вешалке. Куртка может быть прочной в руке. Пальто может хорошо сидеть, но все равно не понравиться покупателю, если пуговицы выглядят слабыми, царапаемыми или легко ломаются. Я видел, как покупатели замечали эту деталь за считанные секунды. Они могут не произнести это вслух сразу, но это останется в их памяти. Сильная кнопка дает им доверие. Дешевый вызывает сомнения. В своей работе я отношусь к кнопкам как к сигналу бренда. Когда пуговица трескается, ослабевает или кажется легкой, весь предмет начинает казаться менее надежным. Я видел, как это происходило с рабочими рубашками, школьной формой, повседневными куртками и детской одеждой. Ткань была в порядке. Срез был в порядке. Проблема была в кнопке. Покупатель не отделяет мелкие детали от целого продукта. Они прикасаются к кнопке, проверяют ее пальцем и быстро принимают решение. Если он чувствует себя слабым, они ожидают, что одежда выйдет из строя позже. Это впечатление трудно изменить. Однажды я обрабатывал партию рубашек для небольшого продавца одежды. Рубашки выглядели чистыми и на первый взгляд хорошо продавались. Потом начались жалобы. Несколько пуговиц расшатались после обычного ношения. Некоторые покупатели жаловались на качество рубашки, а не на пуговицу. Продавцу приходилось отвечать на сообщения, заменять товары и оплачивать дополнительные расходы на доставку. Ткань не создавала проблем. Кнопка сделала. Вот почему я всегда проверяю эти моменты, прежде чем одобрять продукт: 1. Материал пуговицы. Я смотрю, как кнопка ощущается в руке. Он не должен быть слишком тонким или хрупким. Пуговица на зимнем пальто не должна быть такой же, как мягкая декоративная пуговица на легкой блузке. Использование имеет значение. 2. Пришивание пуговицы. Проверяю плотность стежка и качество нити. Даже хорошая пуговица может выйти из строя, если пришить плохо. Хорошо зафиксированная кнопка повышает удобство использования и снижает риск ремонта. 3. Форма и край пуговицы. Я обращаю внимание на край и поверхность. Неровный край может повредить ткань или вызвать раздражение кожи. С гладкой и прочной кнопкой покупателям легче жить. 4. Сочетание изделия. Я подбираю пуговицу к стилю одежды. Формальная рубашка должна выглядеть опрятно. Рабочая куртка требует прочности. Детское пальто нуждается в безопасности и долговечности. Один слабый выбор может разрушить всю конструкцию. 5. Тестирование образцов Я всегда прошу образец и проверяю его вручную. Я слегка тяну его. Я нажимаю на нее. Смотрю, как оно сидит на ткани. Если образец уже кажется незакрепленным, я знаю, что полная партия может принести проблемы. Бренд одежды не теряет доверия только тогда, когда продукт сильно терпит неудачу. Небольшие неудачи тоже имеют значение. Отсутствует пуговица после стирки. Расшатавшаяся пуговица при первом ношении. Дешевый взгляд на вещь премиум-класса. Эти детали остаются в памяти потребителя дольше, чем большинство маркетинговых линий. Я также видел другую сторону. Мой знакомый продавец спецодежды отказался от тонких пластиковых пуговиц на более прочных и лучше сидящих пуговицах на своих рубашках. Одежда внешне не сильно изменилась. Шитье получилось. Ощущение кнопки сделало. Покупатели начали говорить, что рубашки стали более прочными. Количество возвратов, связанных с проблемами с кнопками, сократилось. С сообщениями поддержки стало проще работать. Продавцу не нужно было обещать ничего кричащего. Сам продукт говорил. Это та часть, которую многие люди упускают. Кнопки маленькие, но выполняют большую работу. Они скрепляют одежду. Они формируют первое прикосновение. Они влияют на стоимость ремонта, отзывы клиентов и повторные заказы. Когда я правильно выбираю кнопку, я помогаю продукту дольше прослужить в руках и в памяти покупателя. Мое собственное правило простое: если пуговица выглядит дешево, то и весь предмет может выглядеть дешево. Если кнопка кажется прочной, продукт вызывает спокойное доверие. Именно поэтому я никогда не отношусь к кнопкам как к второстепенной детали. Я отношусь к ним как к части обещания.

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

Якоб Нильсен 1994 Проектирование юзабилити веб-сайтов Дон Норман 2013 Дизайн повседневных вещей Стив Круг 2014 Не заставляйте меня думать снова Люк Вроблевски 2008 Дизайн веб-форм Заполнение пробелов Ааррон Уолтер 2011 Проектирование для эмоций Нир Эйал 2014 На крючке Как создать продукты, формирующие привычку