Професійні секрети по UX: робимо класний “Call-to-action”

Ці поради по UX створювалися американським дизайнером Джоелем Маршем для своїх колег, клієнтів та менеджерів проектів. Потім він опублікував їх у своєму блозі. Ну а ми їх переклали 😉

Секрет перший – Call-to-action

Це дуже широке питання, і незначні зміни в тексті здатні привести до величезного зміни результатів. Чим важливіша кнопка, тим глибше потрібно вникати в деталі. Мені доводилося власноруч підвищувати кількість кліків по кнопці покупки на 400% лише змінивши її назву зі “Стати Членом” на “Оновити”.

ДІЄСЛОВО + ВИГОДА + ТЕРМІНОВІСТЬ = Найкраща формула Call-to-action

Можете користуватися цією формулою при створенні будь-якого тексту, на який потрібно кликати. Якщо все слова не влазять, почніть з дієслова та додавайте те, що вийде.

  • Дієслово

Дієслово – це слово-дія: отримати, купити, подивитися, спробувати, оновити, скачати, зареєструватися, виграти, програти … що завгодно. Воно повино стояти першим, тому що відразу вводить користувача в курс справи і перетворює кнопку в вказівку.

  • Вигода

Іноді дієслово і вигода – це одне і те ж. Наприклад, слово “Оновити” – це відразу і дія, і вигода. А у фразі “Завантажити версію 2 зараз” версія 2 – це вигода. У фразі “Скиньте 5 кілограмів сьогодні!” Вигода – це втрата 5 кілограмів. Ну ви зрозуміли. Тільки переконайтеся, що зазначена вами вигода актуальна для користувача, а не для сайту. Фраза на кшталт “Стати учасником” не представляє ніякої чіткої вигоди для користувача, але власнику сайту вона здається дуже крутою. ☺

  • Терміновість

Слова типу “зараз”, “сьогодні” або “через 1 хвилину!” створюють тимчасові рамки, які обмежені і легко запам’ятовуються. Слова типу “тут” або “цей” кажуть користувачу, що сама кнопка і є його мета. Прості приклади: “Лайкніте це” або “Почніть звідси”.

Побачивши кнопку “Почніть звідси!”, ви відчуваєте і дію, і вигоду, і терміновість. Мій досвід говорить, що кнопка “Почніть звідси!” відмінно працює, коли користувач подумки задається питанням “Звідки б почати?”. Це здається очевидним, але перестає бути таким, коли ви плануєте сайт в реальному часі. В даному випадку, “звідси” описує саму кнопку.

  • Дика карта

Слово “безкоштовно” іноді доречно вживати замість вказівки часу або місця. Коли кнопка асоціюється у користувача з чимось великим (наприклад, з якоюсь програмою), він передбачає, що мається на увазі якась ціна. У цьому випадку, слово “безкоштовно” може знизити тривогу і збільшити кількість кліків. Але потрібно бути обережними: через “безкоштовно” бренди преміум-класу можуть здатися не такими вже “преміум”, а вигода – не такою вже й вигідною.

  • Чого варто уникати

Сall-to-action ніколи не повинна починатися з “Натисніть сюди, щоб …”. Сам факт, що це кнопка або посилання, вже підказує користувачеві, що на неї потрібно натискати (якщо з дизайном все в порядку), і немає необхідності повторюватися. Через таких текстів ви втрачаєте кліки, тому що користувач не бачить в них ні дії, ні вигоди і, відповідно, не натискає. “Натисніть сюди, щоб виграти” незрівнянно гірше, ніж “Виграйте сьогодні!”

А ще, людей відлякують довгі або складні кнопки. “Почніть звідси” спрацює набагато краще, ніж “Якщо хочете зайти на сайт, почніть з натискання цієї кнопки”.

__________

Наступний секрет – намалюйте 2 кнопки і зупиніться

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки

One Comment

  1. Галя

    Дякую за повчання! Адже, дійсно, кнопка, яка містить дієслово дає нам вказівку для отримання значимої для нас вигоди. А вигода – це і моральне, і матеріальне задоволення, яке на сьогоднішній день є для нас актуальним!

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься.