Уявіть собі, що ви дизайнер і розробляєте інтерфейс якогось інтернет-програми. Чим вам може допомогти наука психологія? Звичайно, своїми дослідженнями, присвяченими проблемі людської уваги і його ролі в процесі сприйняття інформації. Чи можна займатися веб-дизайном, нічого не знаючи про ці дослідження? Можна, але швидше за все, вийде дурниця. Тому краще все ж ознайомитися з тим, як влаштовано сприйняття нашого мозку.
Сприйняття людини цілісне і нероздільне. В основному воно обмежене фізіологічними характеристиками, проте психологи як окремий обмежувальний фактор виділяють також. Саме увагу виділяє з навколишнього середовища якусь її частину, яка і посмикається подальшій переробці мозком. Це виділення не довільно - воно задається значущими для сприймаючої особистості стимулами. Людина просто не може одночасно мати справу з кількома об'єктами уваги, зберігаючи при цьому заданий рівень ефективності. Це означає, що людська увага обмежена, тому творцям інтерфейсів необхідно керуватися деякими основними правилами психології сприйняття інформації.
Usability и UX
Для початку подивимося на загальні стандартні принципи проектування інтерфейсу. Важливим фактором у розробці веб-дизайну є облік Частково це здійснюється за допомогою методів (юзабіліті) і, або UX (користувальницький досвід).
Нам знадобиться виявити найбільш характерні риси UX і їх змістовну складову. Але спершу необхідно розділити поняття і і співвіднести отриману інформацію з даними про психологію сприйняття гіпертексту.
Спираючись на результати експерименту Томаса Санокі і Ноя Сульмана, присвяченого виразному зв'язку між поєднуваністю кольорів і здатністю людей запам'ятати тільки що побачене [Sanocki T., Sulman N.], можна зробити кілька корисних висновків для створення ідеального сайту:
- намагайтеся використовувати не більше трьох кольорів;
- створюйте контраст між фоном і інформацією, що сприймається;
- використовуйте гармонійні поєднання відтінків.
Всі ці положення виходять з психології сприйняття кольору, насиченості, форми, обсягу тощо. Колір впливає на підсвідомість людини, викликаючи певні асоціації та емоції. Відомий швейцарський психолог Макс Люшер займався дослідженням емоційного впливу кольору на людину. Він виявив, що перевага тих чи інших кольорів відображає спрямованість випробовуваного, його настрій і сформовані риси особистості. В результаті Люшер розробив колірний тест, який є одним з основних інструментів для оцінки стану людини. Дослідження зі сприйняття форми показують, що заокруглені, плавні лінії асоціюються з безпекою, а гострі кути і ламані лінії сприймаються як прояв агресії і викликають тривожні стани. Знання особливостей людського сприйняття допоможе дизайнеру створити продукт, який викликатиме позитивні емоції.
Ще одним засобом візуального представлення текстової інформації є друкарня. Експериментальні дослідження [Larson K., Picard R.] дозволили виявити, що необхідно наповнювати інтерфейс звичним і зрозумілим для очей шрифтом, враховувати сумісність різних його видів один з одним, а також дотримуватися необхідного простору між абзацами.
Зручний інтерфейс
Для спрощення сприйняття інформації користувача, тобто для забезпечення функціональної сторони інтерфейсу (його юзабіліті, як ми пам'ятаємо), слід звернутися до висновків наступних психологічних експериментів.
Виходячи з теорії Річарда Грегорі, наше візуальне сприйняття інформації ґрунтується на тому, що ми робимо якісь припущення про побачене на основі попереднього досвіду, наших знань про предмет [Gregory R.]. Таким чином, для створення робочих інтерфейсів нам допоможе наступне:
- супровід даних підходящим дизайном;
- «балакучий» заголовок для створення ключових очікувань користувача;
- супровід візуальної інформації змістовним текстом.
Не можна забувати і про ефект бінокулярного суперництва [Tong, F.], через який ми не здатні сприймати комбінацію різних картинок одночасно. Додамо до цього результати дослідження сприйняття суті цілісного образу картини залежно від кольору [Sanocki T., Sulman N.] і таким чином отримаємо такі рекомендації:
- не перевантажуйте інтерфейс другорядною інформацією і розташовуйте контент у правильній послідовності;
- використовуйте тематичні, відповідні іконки для супроводу тексту;
- виділяйте важливу інформацію серед тексту.
Таким чином, юзабіліті визначає функціональну сторону взаємодії в парі людина-технологія, а дослідження UX націлені на аналіз сторони користувача цієї взаємодії, створюють установки на конкретну емоцію у користувача.
Viewing task influences eye movement control during active scene perception //Journal of Vision. – 2009. – V. 9, 3. – P. 6-6. Knowledge in perception and illusion //Philosophical Transactions of the Royal Society B: Biological Sciences. – 1997. – V. 352, 1358. – P. 1121-1127. Needs, affect, and interactive products–Facets of user experience //Interacting with computers. – 2010. – V. 22, 5. – P. 353-362. User experience-a research agenda //Behaviour & information technology. – 2006. – V. 25, 2. – P. 91–97. The aesthetics of reading //Appears in Human-Computer Interaction Consortium Conference, Snow Mountain Ranch, Fraser, Colorado. – 2005. Emotional dimensions of user experience: a user psychological analysis //International Journal of Human-Computer Interaction. – 2014. – V. 30, 4. – P. 303-320. Color harmony increases the capacity of visual short term memory //Journal of Vision. – 2009. – V. 9, 8. – P. 322-322. Binocular rivalry and visual awareness in human extrastriate cortex //Neuron. – 1998. – V. 21, 4. – P. 753-759.