Психологія візуального ux
Розповідь у веб-дизайні покращує користувальницький досвід, про що свідчить такий швидко набирає силу тренд, як сторітеллінг. Досвід взаємодії, який отримує людина при знайомстві з об`єктами навколишнього світу, формує його світогляд, яке, в свою чергу, виникає з особистого сприйняття найрізноманітніших характеристик продукту або послуги. Термін «продукт» в тут потрібно розуміти дуже широко, це може бути що завгодно - смартфон, бездротова клавіатура, банківська карта або веб-сторінка.
Але все ж саме оповідання володіє найбільш глибоким впливом на психіку - адже воно може створювати об`єкти, з якими можна взаємодіяти, буквально з повітря. Колись давним-давно люди розповідали один одному історії, сидячи біля багаття. У наш час ми читаємо «розповіді», сидячи за комп`ютером. Головна відмінність полягає в тому, що тепер розповідь розвивається не лінійно, як раніше, а переривчасто, так як сучасний користувач може легко міняти темп оповіді, використовуючи навігацію на сайті.
Відео: Психологія сприйняття і дизайн інтерфейсів
Свою історію розповідає будь-який сайт, незалежно від його тематичної спрямованості. Тому сьогодні UX-дизайнери дуже часто стикаються з проблемою - як поліпшити досвід взаємодії через розповідь і при цьому утримати увагу користувача. Очевидно, що перед тим, як почати розповідати історію, потрібно приблизно уявляти собі тих, кому вона буде цікава. Тобто людей, яких UX-дизайнери та інтернет-маркетологи називають безликим терміном «цільова аудиторія». І лише після того, коли стане відомо, як просувається продукт відповідає цілям і потребам користувачів, можна приступати до створення контенту.
Сучасний веб це, звичайно, візуальне середовище, хоча на зорі свого існування він був переважно середовищем текстової. Пропускна здатність мережі в ті давні часи була дуже низькою, тому у зображень практично не було шансів - в Інтернеті домінував текстовий контент. У міру того, як швидкість передачі даних підвищувалася, кількість картинок в мережі поступово збільшувалася. Сьогоднішній Інтернет практично неможливо уявити повністю текстовим - сайт, позбавлений ілюстрацій, в наші дні викликає подив і сприймається як щось недостойне уваги. Користувач сьогодні віддасть перевагу добре ілюстрованим контенту і проігнорує текстові веб-сторінки, в усі тому, що він відчуває, що на сайті з картинками він отримає більш повний досвід взаємодії.
Візуальний розповідь формує контекст і створює мета в дизайні, перетворюючи складні сценарії в максимально просте, але емоційне оповідання. Однак будь-який UX-дизайнер повинен пам`ятати, що без хороших навичок візуального розповіді ніколи не вдасться розкрити потенціал сайту, який би темі він не був присвячений.
КАРТИНКА ВАРТО ТИСЯЧІ СЛІВ
Приказку «Зображення дорожче тисячі слів» чули багато. Однак цей цілком собі життєвий досвід підтверджений численними науковими дослідженнями. Давно відомо, що зображення може передати в шість разів більше інформації, ніж усна розповідь.
В теорії подвійного кодування, розробленої вченим Алланом Павіо в 1971 році, стверджується, що людина запам`ятовує зображення краще, тому що він створює як словесні, так і графічні коди. При цьому слова доповнюють картинку, формуючи словесну мітку на додаток до візуального образу.
У свою чергу, сенсорно-семантична теорія Нельсона свідчить, що оскільки люди легше помічають відмінності в образах, ніж в словах, людині легше згадати, що саме було зображено на картинках, які вони колись бачили. Відмінності, пояснені словами, стиралися з пам`яті набагато швидше. Однак, якщо показувати людині безліч схожих зображень, через деякий час він перестане їх розрізняти і ефект впливу візуального образу зникне.
СТВОРЕННЯ ВІЗУАЛЬНОГО UX: Декілька порад
Відео: 106. Юзабіліті і Психологія. План роботи
При створенні візуального досвіду взаємодії потрібно мати на увазі, що безліч дуже схожих зображень можуть звести нанівець всі переваги візуального оповідання. Тобто користі від картинок, буде стільки ж, скільки і від текстового контенту. Ось кілька корисних порад, які допоможуть уникнути помилок.
- Використовуйте тільки ті зображення, які корелюють з контентом та іншими картинками. При цьому кожне зображення повинно мати яскраво вираженим змістом, щоб його можна було легко згадати. Простіше кажучи - не купуйте безликі картинки на стоках.
- Не повторюйте сюжетів і концепцій в розміщених зображеннях. Кожне зображення має плавно перетікати в наступне, розповідаючи історію.
- Якщо в контенті використовуються символи або будь-які абстрактні візуальні образи, потрібно переконатися, що вони залишаються незмінними протягом всієї розповіді.
- Те, що історія є візуальної, зовсім не означає, що текст використовувати більше не потрібно. Все зовсім не так - слова допомагають уточнити контекст і звернути увагу користувача в потрібному напрямку.
- Чим більш яскравими і вражаючими будуть зображення, тим довше будуть пам`ятати їх користувачі. Метою UX-дизайнера має стати створення унікальних образів, які зможуть надовго закріпитися в свідомості користувача.
Відео: Основи UX - Структурування Інформації
Емоційно-ВІЗУАЛЬНИЙ КОНТЕНТ
Візуальний контент може миттєво викликати безліч сильних емоцій, які часом буває важко передати словами. Наприклад, якщо людина бачить зображення двох закоханих, які тримаються за руки - це може викликати почуття щастя або розчулення. Однак в іншому контексті, якщо, наприклад, пара розлучається назавжди і це їхнє останнє дотик один до одного, та ж сама картинка може викликати почуття втрати і печалі.
Контекст і менталітет цільової аудиторії визначають, чи вдасться домогтися позитивного досвіду користувача чи ні. Дизайнерам сьогодні доводиться враховувати різноманітний досвід людей, які переглядають вміст сайту. Ось чому потрібно ретельно підбирати зображення, які будуть розміщені на сайті. При цьому бажано протестувати картинки на фокус-групі, щоб зрозуміти, які саме зображення викликають емоції, а які залишають користувачів байдужими. Якщо картинка запам`ятовується і викликає реакцію, її однозначно можна використовувати в візуальному оповіданні.
ВИСНОВОК
Розуміння принципів впливу візуальних образів на поведінку користувачів дає UX-дизайнерам перевага перед колегами, які використовують просто красиві картинки. Таке зображення можуть бути дуже гарними з точки зору естетики, але практичної користі від подібного візуального ряду не буде. Ретельно сформована серія зображень дозволить зробити контент більш цікавим, що піде сайту тільки на користь. Продуманий візуальний ряд також зможе вплинути на емоційні реакції користувачів і дасть можливість створити дійсно цікавий розповідь, який допоможе швидше досягти мети, заради якої створювався сайт.
