Call to action: як робити UX дизайн правильно

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

як робити дизайн Call-to-action

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

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

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

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

  • Дієслово

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

  • Вигода

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

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

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

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

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

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

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

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

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

ДУЖЕ РАДИМО ПОЧИТАТИ:

Скільки готівки в українців на руках? 5 дуже цікавих фактів + 3 невтішні висновки (ІНФОГРАФІКА)

9 тенденцій для графічного дизайну у 2022 році

Теорія кольору: короткий курс для дизайнерів (Частина 1)

One comment

  1. Галя

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

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