Користувачами керують емоції. Емоції змушують людей ділитися контентом, швидше приймати рішення та впевненіше платити гроші. Зробити веб-сайт емоційним і таким чином отримати від нього величезні переваги – продажі, конверсії, постійних клієнтів, пожертви та, нарешті, трафік, – це не наука.

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

Типи емоцій і як їх викликати

Емоції бувають негативні і позитивні. Є корінні емоції та маса похідних. Емоції, які ви можете викликати своїм веб-сайтом:

• довіра
• щастя
• емпатія
• надія
• сюрприз
• гнів
• страх
• почуття провини
• ревнощі

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

Щастя – це емоція, яку легко викликати. Розмістіть фотографії з усміхненими людьми на своєму веб-сайті, і користувачі посміхнуться у відповідь перед своїми моніторами. Посмішка заразна, і це підтверджують багато читачів. Коли людина посміхається, той, хто її бачить, також починає посміхатися, тому що дзеркальні нейрони стимулюють відчуття, пов’язане з посмішкою в нашому розумі. Це щось поза контролем людини, а також чи замислювалися ви коли-небудь, чому ви позіхаєте після того, як це робить хтось інший, навіть якщо ви сповнені енергії? Ви можете змусити людей посміхнутися та почуватися щасливими на різних сайтах. Наприклад, туристичні веб-сайти, благодійні проекти, веб-сайти автомобільної промисловості або будь-який інший сайт, де ви можете додати зображення своїх задоволених клієнтів.

Веб-сайт із позитивним іміджем домашньої сторінки. Джерело.

Співчуття – найпоширеніша емоція на благодійних сайтах. Тут багато зворушливих картин та історій не можуть залишити відвідувачів байдужими до чужого горя. Крім того, ця емоція безпосередньо пов’язана з діями, тому, роблячи свій сайт чутливим, вам потрібно двічі подумати про дизайн і позицію заклику до дії.

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

Здивування – це раптова емоція, і вона може бути як хорошою, так і поганою. Ви можете здивувати користувачів за допомогою величезної знижки на продукти, привабливих малюнків, нових продуктів або послуг, про які вони мріяли, тощо. Є багато способів застати користувачів зненацька, а потім переконати їх вжити швидких дій.

Ваші відвідувачі не повинні відчувати гнів . Ця емоція може бути викликана багатьма факторами:

• Навігація сайту. Якщо користувач не розуміє принцип навігації вашого сайту, він буде роздратований і тому відчуватиме злість.
• Надокучливі спливаючі вікна. Багато власників веб-сайтів роблять усе можливе, щоб збільшити продажі та конверсії – це добре, але не дуже старайтеся! Коли користувач не може прочитати навіть невеликий фрагмент тексту через спливаючі вікна, це призведе не до зростання продажів, а до зниження.
• Щось не працює. Звісно, ​​щось може перестати працювати належним чином на сайті, але ви повинні стежити за всім і не дозволяти жодним помилкам псувати взаємодію з користувачем. Якомога частіше перевіряйте свої контакти/форми входу/реєстрацію, карту Google, кнопки спільного доступу в соціальних мережах. Ці функції важливі для користувачів, і вони мають бути інтуїтивно зрозумілими та ідеальними.

Вам не потрібно лякати користувачів, навіть якщо ви просто хочете пожартувати. Страх і несподіванка близькі до багатьох людей, тому тримайтеся на межі безпечно. Користувачі можуть відчувати страх, якщо ваш сайт раптово змінить паролі для їхніх облікових записів; якщо ви використовуєте жахливі ефекти для свого дизайну.

Ви можете думати, що користувачі не можуть відчувати себе винними ні за що на вашому веб-сайті. Ви помиляєтесь. Що ви скажете користувачам, якщо сайт недоступний? Я бачив багато сторінок із такими словами, як «вибачте», «на жаль», «ми скоро це виправимо», «спробуйте ще раз», але є також повідомлення на кшталт «ви ввели неправильно», «ви зробили щось не так» тощо У цьому випадку власники сайтів звинувачують користувачів, навіть якщо вони роблять це випадково. Це перший випадок. У будь- якому випадку, ви можете спробувати використати почуття провини, щоб збільшити конверсію або прибуток. Знову повертаючись до благодійних веб-сайтів (здається, вони викликають найбільше емоцій), благодійні організації для тварин можуть спробувати зробити людей винними в купівлі шуб і таким чином переконати їх спокутувати провину, жертвуючи та допомагаючи тваринам. Це лише один приклад, увімкніть уяву, і у вас з’явиться маса ідей!

Ревнощі – це підступна емоція, тому що люди не можуть її контролювати. Користувачі можуть заздрити, наприклад, на веб-сайті лотереї. Ви показуєте їм, як попередній переможець виїжджає в будинок своєї мрії в місце мрії з суперкаром, і вони теж цього хочуть. Вони заздрять і хочуть випробувати його життя. А тепер подумай, ще й лотерейний квиток куплять. Так можна перетворювати користувачів на клієнтів за допомогою будь-яких емоцій, навіть негативних.

Дії, яких ви очікуєте від користувачів, і як їх отримати

Купуйте, жертвуйте, реєструйтеся, підписуйтеся, спробуйте, читайте – це типові заклики до дії, які використовуються на веб-сайтах. Немає великого значення, який тип CTA у вас є, тому що дизайн однаковий для всіх, якщо ви хочете, щоб користувачі діяли, але не вагалися. По-перше, кнопка CTA повинна бути великою. Розмір має велике значення, оскільки міні-кнопки будуть непомітними серед усього іншого вмісту веб-сайту. Говорячи про вміст, вам потрібно забезпечити багато білого простору навколо кнопки заклику до дії, щоб її точно було видно. Колір CTA має бути контрастним до основних кольорів, використаних у дизайні.

Веб-сайт із великою рожевою кнопкою CTA. Джерело.

Тим не менш, текст навіть важливіший за дизайн: одна хороша річ – це вказувати час на цій кнопці. Наприклад, знижка діє протягом 10 днів: введіть це у своєму CTA. Гумор — ще один трюк для ефективного CTA: якщо вам вдасться розсмішити користувачів, вони, швидше за все, натиснуть кнопку. (Одна проста річ — зробити свій CTA кумедної форми. Це і помітно, і додає гумору.)

Соціальний доказ буде непоганим, щоб зробити CTA потужнішим. Людям важлива думка інших. Лічильник у реальному часі є чимось схожим на соціальні докази, оскільки він також переконує людей приєднатися до більшості користувачів.

І останнє: не нехтуйте позицією CTA: дуже важливо розміщувати CTA на кожній сторінці та в найбільш помітних розділах сторінки, зазвичай це у верхній частині сторінки або внизу, де користувачі шукатимуть контакти.

Методи роботи, які заохочують користувачів відчувати та діяти

Ми спробували пояснити, які емоції відчувають люди на певних веб-сайтах, і дали вам кілька рекомендацій, як створити ці емоції, а також як зробити веб-сайт більш інтерактивним за допомогою правильного дизайну CTA. Ось ще кілька способів викликати емоції та дії користувачів :

колір

Ми не будемо говорити про значення кольорів і про те, який колір ви повинні вибрати для свого дизайну, тому що в Інтернеті про це багато сумного, і було проведено багато досліджень. Варто знати, що колірна палітра є життєво важливою складовою дизайну веб-сайту в цілому та його емоційного аспекту. Кольори потрібно підбирати відповідно до мети веб-сайту, його тематики, контенту тощо. Так, кожен колір має своє значення, але коли кілька з них поєднуються в унікальну схему, вони стають чимось більшим. Кольори викликають хороші і погані емоції, кольори можуть спонукати користувачів до дій чи ні, все залежить від того, як ви їх використовуєте у відповідності з іншими елементами дизайну. Пам’ятайте, колір підтримує тон вашого дизайну.

Типографіка

Типографіка досить впливова, щоб додати веб-сайту індивідуальність, зробити його привабливим і таким, що запам’ятовується. Веб-сайт виглядає більш помітним, коли є хороша ієрархія шрифтів і, звичайно, необхідний пробіл. Веб-сайт має індивідуальність, коли шрифти підібрано професійно: є один основний шрифт і інші, щоб його тонувати. Якщо хтось прагне створити спогади на веб-сайті, він може покладатися на асоціації. Шрифти, які з чимось асоціюються, є потужними, це мають бути складні шрифти, щоб викликати залучення та взаємодію.

текст

Раніше ми згадували, як використовувати шрифти, але першочерговим завданням є написання тексту, який ви збираєтеся набрати. Текст може творити дива і викликати кілька емоцій одночасно. Користувач може почуватися розумнішим, крутішим і багатшим, просто прочитавши добре написане повідомлення.

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

Зображення

Фотографії описують реальне життя, реальних людей і природу, справжні емоції. Зображення — ваші надійні друзі у створенні веб-сайту з індивідуальністю. Вибирайте та розміщуйте зображення стратегічно: зображення крупним планом, якщо вони відповідають вашому дизайну, можуть викликати емоції краще, ніж батьківські, хоча це також залежить від кольору зображення. Чорно-білу фотографію однозначно краще використовувати для отримання сильніших емоцій у користувачів. Потім зображення слід розмістити на видимому місці, де його ніхто не зможе проігнорувати.

Емоційний дизайн веб-сайту з повноекранним зображенням. Джерело.

Звук

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

Ми будемо дуже вдячні за ваші коментарі, як завжди, під статтею. Ви можете запропонувати нам більше способів створити емоції на веб-сайті та покращити роботу CTA, а також можете поділитися хорошими прикладами того, як викликати почуття та дії за допомогою веб-сайту.