Психологічні хитрощі на веб-сайтах - 9 прикладів

Нікого не потрібно переконувати в тому, що Інтернет – це надзвичайно потужне середовище, яке, крім іншого, може формувати наш настрій та переконувати нас зробити певний вибір.

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

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

Психологія та веб-сайти - 9 питань, на які варто звернути увагу

1. Наші звички

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

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

Згідно з дослідженням Nielsen Norman Group, нам набагато легше вивчити назву бренду, якщо логотип розташований не праворуч, а ліворуч.

Висновок може бути лише один: нові продукти повинні вводитися, але з урахуванням наших звичок і перед цим, наприклад, за допомогою A/B-тестів у разі більш фундаментальних змін.

2. Диференціація та організація змісту

Поширений психологічний прийом на веб-сайтах пов'язаний із способами представлення контенту користувачам.

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

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

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

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

3. Порожні місця

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

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

Крім того, великі поля (зазвичай асоціюються з білим або сірим простором) викликають почуття гармонії, спокою та стриманості. В результаті на сайтах легко створити певне відчуття ексклюзивності, прикладом чого може бути сайт компанії Apple.

4. Типи шрифтів

Психологічні хитрощі на веб-сайтах поширюються і на типи шрифтів, що використовуються. Прийнято використовувати шрифти із засічками (serif) та без засічок (sans serif).

Як бачите, шрифти із засічками мають деякі прикраси на кінцях окремих символів, тоді як шрифти без засічок їх позбавлені.

В даний час в Інтернеті частіше використовуються шрифти sans-serif (такі як Roboto, Open Sans або Lato), оскільки текст, набраний за їх допомогою, легше читати. Крім того, вони найбільше підходять для сучасного дизайну.

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

Крім того, вибір шрифту може вплинути на враження від перегляду.

5. Обмежена палітра кольорів

У своїй статті про тенденції веб-дизайну я згадав, що послідовність стає все більш важливою.

На це впливає, наприклад, обмеження колірної палітри тільки найнеобхіднішими кольорами:

• основний (домінуючий) колір
• вторинний колір (який доповнює вищевказаний і зазвичай використовується як акцент)
• колір .

Таким чином, багато сайтів набувають акуратного, гармонійного образу.

Більше того, фахівці Google з Material Design також пропонують використовувати єдину, фіксовану палітру кольорів.

6. Вибір кольору

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

Це не дивно, оскільки наші почуття до конкретних кольорів не змінилися останнім часом і навряд чи це зміниться.

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

Різні психологічні прийоми в Інтернеті пов'язані саме з вибором кольорів, оскільки вони можуть, певною мірою, керувати нашими почуттями.

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

7. Дії, що вимагаються від користувачів

Чи знаєте ви, що психологічні хитрощі на сайтах поширюються і на нашу поведінку, на яку чекають від нас власники сайтів?

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

Як цього можна досягти?

За допомогою заклику до дії, який зазвичай є кнопкою, що виділяється за розміром і кольором і містить текст, що спонукає до натискання.

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

8. Персоналізація повідомлення

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

• показ рекламних оголошень на основі наших уподобань (наприклад, історія нещодавно відвіданих сайтів)
• рекомендації фільмів (Netflix) або додатків (Google Play), аналогічних тим, які ми вже переглядали раніше
• використовуючи на , в інформаційних розсилках або інтернет-магазинах, де ми маємо обліковий запис.

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

9. Соціальний доказ

Соціальні докази (або так звані social-proof) на веб-сайтах - один із найяскравіших прикладів того, як нами можна маніпулювати та переконувати прийняти те чи інше рішення.

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

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

• виділення великої кількості людей, які придбали продукт
• показати нам думки інших людей - бажано підписані ім'ям та з фотографією
• огляди товарів в інтернет-магазині

Потім ми думаємо: " цей продукт, значить, він дійсно того вартий!".

Чи є психологічні прийоми на веб-сайтах поганим явищем?

Мені здається, що в даному випадку мова повинна йти навіть не про "хитрощі", а про використання нашої шаблонної поведінки для формування інтернету відповідно до наших уподобань.

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

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