{"id":6545,"title":"\u041a\u0430\u043a \u0438 \u0437\u0430\u0447\u0435\u043c \u043a\u0440\u0443\u043f\u043d\u044b\u0435 \u0431\u0440\u0435\u043d\u0434\u044b \u0441\u043d\u0438\u043c\u0430\u044e\u0442 \u0440\u043e\u043b\u0438\u043a\u0438 \u0434\u043b\u044f TikTok","url":"\/redirect?component=advertising&id=6545&url=https:\/\/vc.ru\/tiktok\/293387-brands-in-trends&placeBit=1&hash=07ebf9a0a17c2f85811d24fb804e09e72513fa4c7cc999d1730b233d3c9348bd","isPaidAndBannersEnabled":false}

Эффективный призыв к действию: какие кнопки стоит использовать на сайте Статьи редакции

Перевод статьи контент-дизайнера студии Deliveroo Рэйчел Макконнелл.

Написать текст для кнопки непросто. Важно уметь не только подобрать верное слово, но и убрать лишнее из текста. Поэтому я решила дать несколько практических рекомендаций, как сделать текст дружелюбнее, чтобы на него хотелось кликнуть.

Действие — движение

Кнопка призыва к действию нужна, чтобы побудить что-то сделать. Текст кнопки должен указывать направление: чтобы пользователь двигался вперёд или назад по сайту. Также действием может быть подтверждение: «Понятно», «Хорошо» или «Я понял».

Если на странице одновременно размещены кнопки движения вперёд и назад, то текст на них должен согласоваться. Рассмотрим несколько примеров.

Непоследовательный текст

Здесь текст кнопок несогласован: «Предыдущая» — прилагательное, «Продолжить» — глагол. И ещё слово «Предыдущая» кажется слишком пассивным, оно не призывает к действию.

Лучше

Здесь текст согласуется лучше. Хотя «Следующая» подразумевает движение вперёд, всё же кнопка достаточно пассивна. «Предыдущая» звучит неестественно, лучше использовать здесь что-то менее формальное.

Лучший вариант

Это гораздо лучше, потому что здесь два глагола, это простые английские слова, которые хорошо согласуются друг с другом.

Объяснить следующий шаг

Пользователи хотят выполнить задачу с минимальными усилиями. Текст на кнопке призыва к действию должен быть ориентирован на задачу, так пользователь поймёт, каким будет следующий шаг.

Кнопка также должна помогать пользователю ориентироваться, подтверждать, что он находится там, где надо. Когда вы придумываете текст для кнопки, ведущей к следующей задаче, он должен согласовываться с заголовком следующего экрана.

Дезориентирует

Пользователь нажимает на «Оплатить», а на следующем экране видит — «Авторизоваться». Даже если нужно авторизоваться, чтобы заплатить, это всё равно путает пользователя. На этом этапе лучше написать «Авторизоваться, чтобы оплатить».

Лучше

В этой версии есть слово «Платёж» и на кнопке призыва к действию, и в заголовке следующего экрана, то есть этот вариант уже более последовательный. Но «Ваш платёж» в заголовке, всё ещё дезориентирует, особенно если пользователь ещё ничего не платил.

Лучший вариант

Эта версия последовательна, здесь пользователь будет чувствовать себя увереннее, потому что ясно: он оказался там, где и хотел, когда кликнул на кнопку призыва к действию.

Не создавайте загадки

Из текста на кнопке должно быть сразу понятно, что произойдёт, если на неё нажать.

Неясно

Новый пользователь не поймёт, зачем ему нажимать на эту кнопку. Он может предположить, что она перенаправит его на всё, что связано с личным кабинетом, но тут не понятно, зачем туда идти и потребуется ли там авторизация. Пользователь просто ничего не будет знать, пока не кликнет на кнопку.

Лучше

Это вариант лучше, уже понятно, что пользователя попросят авторизоваться, но всё ещё не понятно, зачем ему это делать.

Лучший вариант

Теперь пользователь точно знает, зачем ему кликать на эту кнопку — чтобы перейти к одной из задач, касающихся политики сайта. Текст не только ориентирован на задачу, но и понятен.

Опыт должен быть лёгким

Важно подумать над тоном сообщения. Например, согласно нашему руководству по стилю изложения материала, лучше выбрать более эмоциональный стиль для приложения, с помощью которого нужно вдохновить пользователей на покупку еды.

Но если речь идёт о приложении для водителей, то в таком случае мы бы выбрали более функциональные тексты для кнопок.

Ниже пример того, как сделать кнопку призыва к действию чуть более вдохновляющей.

Не вдохновляет

Она понятная и хорошо показывает, что будет дальше, но текст кажется формальным, ему не хватает эмоций.

Лучше

Этот вариант уже более неформальный благодаря использованию первого лица. Но тут всё равно не хватает эмоциональности.

Лучший вариант

Это гораздо более эмоциональный вариант. Использование «Начнём!» говорит пользователю о том, что он не один, создаёт впечатление поддержки на всём пути пользователя.

Сделайте текст короче

Слишком длинный

Этот текст ориентирован на задачу, здесь используется первое лицо. Но слово «Сейчас» кажется лишним, а «Ввести заново» — слишком длинно. Текст сложно прочесть.

Лучше

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

Лучший вариант

Это сообщение короче, но оно по-прежнему ориентировано на задачу.

Избегайте двойного отрицания

Пользователь не должен волноваться, нажимая на кнопку. Двойное отрицание может запутать пользователя.

Путает

Что именно приведёт к действию «Отменить»: «Продолжить» или «Отменить»? Вариант «Отменить отмену» запутает пользователя.

Лучше

Здесь уже понятнее, потому что написаны простые «Да» и «Нет». Но здесь нет глаголов, поэтому не понятно, что произойдёт дальше.

Лучший вариант

Если здесь разместить «Сохранить» и «Отменить», то пользователь поймёт, что делает и что будет дальше.

Если действие закончено — отпразднуйте

Если пользователь подошёл к концу пути и вам нужно поставить здесь кнопку, почему бы не напомнить пользователю, что он успешно выполнил свою задачу? Давайте представим, что пользователь завершил регистрацию.

Стандартный

Текст часто используется, он очень пассивный.

Лучше

Благодаря использованию первого лица сообщение кажется более активным и показывает, каким будет следующий шаг (назад к домашней странице или на страницу личного кабинета). Это подходит, когда нужно сказать, что будет дальше. Но текст на кнопке слишком длинный.

Лучший вариант

Это короткий и говорящий о действии текст, а восклицание добавит ему индивидуальности. Здесь также есть ощущение достижения цели.

{ "author_name": "Ольга Шишкова", "author_type": "self", "tags": [], "comments": 8, "likes": 34, "favorites": 129, "is_advertisement": false, "subsite_label": "design", "id": 51847, "is_wide": true, "is_ugc": true, "date": "Wed, 28 Nov 2018 13:59:31 +0300", "is_special": false }
0
8 комментариев
Популярные
По порядку
Написать комментарий...

для тех кто не понимает на забугорном:

На кнопках лучше писать глаголы, например
- Подписаться на рассылку - хорошо
- Подписка на рассылку - плохо. Это заголовок блока, а не кнопка.

Войти - хорошо
Вход - хуже

Еще есть такая вещь как синхронизация действия на кнопках.
Войти и регистрация - плохая пара (Вход и зарегистрироваться тоже)
Вход и регистрация / Войти или зарегистрироваться - нормально.

Вообщем просто задавайте себе вопрос, когда делаете текст на кнопку - "Что сделать?"

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

5

Sign ME up

Are YOU sure

Шёл XXI век, а разработчики 90% интерфейсов никак не могли решить, в каком лице обращаться к пользователю.

3

Шота о верстке слышно? Не всегда длинная понятная кнопка полезна для страницы в целом

2

Это не про кнопки на самом деле, а про ux копирайтинг. Популярная сейчас история в корпорациях.

А автор ни слова, ни пол-слова...

1

Странно, что в статье одновременно рекомендуют укорачивать призывы и (см скриншот) описывать подробнее привычные короткие слова.

1

Чем читать 500 таких статей, лучше раз прочитать книгу Максима Ильяхова "Пиши, сокращай"

0

reading done, whooooooooooooop!

0

Что с текстовым блоком в копках. Как верить этому тексту?)

0
Читать все 8 комментариев
Усиление защиты неквалифицированных инвесторов

11 июня 2021 года вступил в силу Федеральный закон, усиливший защиту прав физических лиц, не являющихся квалифицированными инвесторами.

Как адаптироваться к работе на удаленке и эффективно работать с командой, если ты — менеджер

А в свободное время наслаждаться морем и солнцем.

Коренные жители Кипра
Бывший университетский журнал обошёл Forbes по выручке: как Harvard Business Review стал большим медиа Статьи редакции

The Generalist разбирает бизнес с «вечными темами», на который приходится треть всей выручки Гарвардской бизнес школы.

В HPB работает 450 человек, в то время как NYT и The Economist нанимают по 4700 и 2500 сотрудников соответственно The Generalist
Слабое звено бизнеса — уверенность. Разбираемся, как ее достичь

Начнем с очевидного: бизнес — это всегда практикум. Научить ему на лекциях и курсах сложно. Это понимают и опытные, и новички, и даже наемные работники. Тогда откуда такой спрос на обучающие программы со стороны бизнеса? Мы углубились в вопрос и нашли ответы. Выводы оказались неожиданными: образовательные программы, интерактивы, презентации…

Почему нельзя пропустить новость про официальные и безопасные чат-боты в Instagram

Любой бизнес в Instagram может автоматизировать продажи и работу с аудиторией. Быстро, безопасно, эффективно и значительно дешевле, чем обошлись бы услуги SMM-щиков или студентов, отвечающих в директ и на комментарии. Однако в российском маркетинге эта новость прозвучала как-то очень тихо. Разбираемся, почему вы должны остановиться и задуматься о…

«Альфа-Капитал» освоил греблю — и проверил на прочность командный дух

Участники корпоративной секции тренировались все лето: сначала на тренажерах, потом на открытой воде. Большая финальная гонка расставила точки над i.

AliExpress Russia Overview: 9 главных трендов электронной коммерции

8 сентября «AliExpress Россия» собрал топов электронной коммерции и инвестиционных аналитиков на конференции AERO. Собрали самое важное из пятичасового обсуждения.

Evrone News #08: выступили на конференциях и провели первый Evrone Fest

В этот раз наша традиционная подборка посвящена мероприятиям. Во-первых, наши спикеры отлично выступили на PyCon и RnDTechConf, а во-вторых, мы провели свой первый Evrone Fest. Подробности ниже.

«Азбука вкуса» впервые за 15 лет обновит логотип и шрифт Статьи редакции

Изменились и цвета — компания выбрала другие оттенки зелёного.

«Азбука вкуса»
Apple начала разработку алгоритма для выявления депрессии и детского аутизма — WSJ Статьи редакции

Чтобы избежать проблем с конфиденциальностью, компания разрабатывает алгоритмы, которые не будут отправлять данные на сервера Apple.

«Тинькофф» начнёт внедрение ипотеки с рефинансирования кредитов своих клиентов в других банках Статьи редакции

В 2019 году компания закрыла направление ипотечного кредитования из-за неприбыльности.

null