100 основних принципів дизайну. Сьюзан Уейншенк100 основних принципів дизайну. Як утримати увагу. Людина може не звернути увагу на зміни у полі її зору

100 основних принципів дизайну. Як утримати увагуСьюзан Вейншенк

(Поки що оцінок немає)

Назва: 100 основних принципів дизайну. Як утримати увагу

Про книгу «100 основних принципів дизайну. Як утримати увагу» Сьюзан Уейншенк

Дизайн – це не просто проект інтер'єру, фірмового стилю чи веб-сайту. Це цілий процес, який включає не тільки грамотний підбір колірної гами, розмірів і форм елементів, а й облік психології людини. Чи ви помічали, що одна реклама привертає вашу увагу, а іншу, навіть розміщену на білбордах, ви навіть не помічаєте?

Книга «100 основних принципів дизайну. Як утримати увагу» розповість вам про те, як утримати увагу споживачів на вашій рекламі. Це дозволить вам збільшити продаж або відвідуваність сайту.

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

До того ж, книга «100 головних принципів дизайну. Як утримати увагу» Сьюзан Уейншенк розповість про те, як змусити споживачів робити те, що вам необхідно, як акцентувати їх погляд на найважливішу інформацію, як використовувати різні кольори, як вибрати розмір і стиль шрифту, щоб вони по-справжньому працювали.

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

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

Книга Сьюзан Уейншенк «100 основних принципів дизайну. Як утримати увагу буде корисна всім, хто пов'язаний з дизайнерськими проектами. Завдяки корисної інформації, яку ви дізнаєтеся з даного видання, Ви зможете створювати дизайни не тільки привабливі зовні, але й ефективніші, продумані з погляду психології людини.

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

На нашому сайті про книги ви можете скачати безкоштовно без реєстрації або читати онлайн книгу«100 основних принципів дизайну. Як утримати увагу» Сьюзан Уейншенк у форматах epub, fb2, txt, rtf, pdf для iPad, iPhone, Android та Kindle. Книга подарує вам масу приємних моментів та справжнє задоволення від читання. Придбати повну версіюВи можете у нашого партнера. Також, у нас ви знайдете останні новини з літературного світу, дізнаєтесь про біографію улюблених авторів. Для письменників-початківців є окремий розділ з корисними порадамита рекомендаціями, цікавими статтями, завдяки яким ви самі зможете спробувати свої сили у літературній майстерності.

Цитати з книги «100 основних принципів дизайну. Як утримати увагу» Сьюзан Уейншенк

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

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

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

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

Використовуйте послідовне розкриття. Надайте потрібну інформацію у потрібний час.
Перед вами стоїть вибір: клацання мишею чи розумове зусилля? Вибирайте клацання мишею.

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

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

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

Ось що найбільше привертає увагу:
все, що рухається (наприклад, відео чи анімація);
очі, що дивляться прямо на нас;
зображення, на яких є їжа, секс або небезпека;
оповідання;
гучні звуки (які будуть розглянуті у принципі 48).

Сьюзан Вейншенк

100 основних принципів дизайну

Пам'яті Майлза та Жанет Шварц. Жаль, що ви не зможете прочитати цю книгу.

Подяки

Велике дякую всій моїй великій команді з Peachpit, особливо моєму редактору Джеффу Райлі (Jeff Riley), з яким ми щодня обмінювалися повідомленнями по електронній пошті. Дякую Майклу Нолану (Michael Nolan) за допомогу в написанні цієї книги. Дякую Гатрі Уейншенк (Guthrie Weinschenk) за фотографії, Мейсі Уейншенк (Maisie Weinschenk) за чудові ідеї, Пітера Уейншенка (Peter Weinschenk) за підтримку та терпіння. І дякую всім тим, хто читає мій блог, приходить до мене на презентації, та й взагалі слухає мене, коли я говорю про психологію. Ви висловлюєте цінні ідеї, думки, і тому я продовжую писати про психологію та дизайн.

Психологія дизайну

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

І ваш прямий обов'язок добре знати свою цільову аудиторію.

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

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

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

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

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

І тепер ви тримаєте в руках результат цієї роботи: 100 головних принципів дизайну – або 100 речей, які, на мою думку, вам необхідно знати про людей.

Як людина бачить

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

1. Те, що ми бачимо, відрізняється від даних, що надходять у мозок

Існує усталена думка, що під час прогулянки або, наприклад, огляду визначних пам'яток наші очі передають інформацію в мозок, який обробляє її та реалістичну картину того, що нас оточує. Але наші очі працюють не так, як фотоапарат, який об'єктивно фіксує світ. Насправді вони діють разом із мозком, який певним чином «витлумачує» видимий світ. Мозок безперервно інтерпретує все, що ви бачите. Подивіться, наприклад, на рис. 1.1.

Мал. 1.1. Ви бачите трикутники, але насправді їх немає

Що «кажуть» вам очі? Ви бачите на задньому плані чорний контур трикутника, який зверху накладений білий перевернутий трикутник. Але це зовсім не те, що є на малюнку насправді, чи не так? Насправді там лише лінії та частково зафарбовані кола. Ваш мозок «створює» перевернутий білий трикутник із порожнього простору, оскільки це саме те, що ви очікуєте побачити. Ця ілюзія називається трикутником Каніжа, на ім'я італійського фізіолога Гаетано Каніжа (Gaetano Kanizsa), який продемонстрував цей ефект у 1955 році. Тепер подивіться на рис. 1.2, що створює подібну ілюзію прямокутника.

Мал. 1.2. Приклад прямокутника Каніжа

Мозок використовує стереотипи

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

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

Мал. 1.3. Колір та форми можуть впливати на те, що люди бачать

Якщо ви хочете щось розгледіти у темряві, не дивіться прямо на цей предмет

Око містить 7 мільйонів колб (клітин сітківки ока), що забезпечують зорове сприйняттявсієї палітри кольорів у денний час, і 125 мільйонів паличок (клітин сітківки ока), що забезпечують сутінковий та нічний зір. Колбочки знаходяться в області фовеа (центральне поле зору), а палички рівномірно розподілені на сітківці. Так що якщо при слабкому висвітленні ви хочете щось розглянути, не дивіться прямо на цей предмет.

Оптичні ілюзії – причина помилок

Оптичні ілюзії є прикладом того, як мозок інтерпретує те, що бачать очі. Наприклад, на рис. 1.4 ліва лінія здається довшою, ніж права, хоча вони насправді однакові. Цей ефект названий на честь Франца Мюллера-Лайєра (Franz Muller-Lyer), який відкрив його у 1889 році.

Мал. 1.4. Ці лінії насправді однаковою довжиною

Картинка, яку ми бачимо, плоска, а не об'ємна

Світлові промені потрапляють у око через рогівку та кришталик. Кришталик (що є лінзою) фокусує зображення на сітківці. На сітківці виходить завжди двовимірна картинка, навіть якщо тривимірний об'єкт, що спостерігається. Це зображення надсилається в зорову зону кори головного мозку, де і відбувається розпізнавання образів, наприклад: «О, я знаю, що це таке – це двері». Саме в корі головного мозку двовимірне зображення перетворюється на тривимірне.

Зорова зона кори головного мозку збирає всю інформацію воєдино

Згідно з Джоном Медіном (John Medina, 2009), промені світла проходять через зіницю, кришталик і склоподібне тіло, потрапляють точно на сітківку і утворюють на ній чіткі зображення предметів. Чутливі до світла клітини очі перетворять світло на електричні сигнали і як окремих треків посилають ці сигнали до особливо чуйним нервовим закінченням. Одні треки містять інформацію про тіні, інші - інформацію про рух і т. д. Дванадцять таких треків відправляються потім у зону зони кори головного мозку. Різні ділянки кори реагують на цю інформацію та обробляють її. Наприклад, одна область реагує лише на лінії під кутом 40°, інша – на колір, третя – на рух, а четверта – на межі. Зрештою всі ці дані вкладаються у два треки: один визначає рух (чи рухається об'єкт?), а інший – місце розташування (як розташований об'єкт стосовно мене?).

Висновки

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

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

Ви можете переконати людей бачити речі певним чином.

2. Периферичний зір використовується більше, ніж центральний, щоб осягнути суть побаченого

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

Чому миготіння зображення так дратує

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

Адам Ларсон і Лестер Лощі (Adam Larson, Lester Loschky, 2009) показували глядачам звичайні картинки, наприклад фотографії кухні чи вітальні. На деяких зображеннях було вирізано зовнішню частину, а на інших – центральну. Картинки демонструвалися дуже короткий час і через спеціальний сірий фільтр, щоб їх було важко розглянути (див. рис. 2.1–2.2). Потім учасникам дослідження пропонувалося розповісти, що вони бачили.

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

Сьюзан Уейншенк. 100 основних принципів дизайну. Як утримати увагу. - СПб.: Пітер, 2015. - 272 с.

Завантажити конспект ( короткий зміст) у форматі або

ТЕ, ЩО МИ БАЧИМО, ВІДРІЗНЯЄТЬСЯ ВІД ДАНИХ, ЩО НАДХОДЯТЬ В МОЗОК

Наші очі працюють не як фотоапарат, що об'єктивно фіксує світ. Насправді вони діють разом із мозком, який певним чином «витлумачує» видимий світ (рис. 1).

Мал. 1. Ви бачите трикутники, але насправді їх немає

Ви бачите на задньому плані чорний контур трикутника, який зверху накладений білий перевернутий трикутник. Але це зовсім не те, що є на малюнку насправді. Ця ілюзія називається трикутником Каніжа, на ім'я італійського фізіолога Гаетано Каніжа, який продемонстрував цей ефект у 1955 році. Виходячи з практичних міркувань та спираючись на попередній досвід, мозок інтерпретує зорові сигнали. Зазвичай, цей метод працює без збоїв, але іноді трапляються помилки.

ПЕРИФЕРИЧНИЙ ЗІР ВИКОРИСТОВУЄТЬСЯ БІЛЬШЕ, НІЖ ЦЕНТРАЛЬНИЙ, ДЛЯ ТОГО ЩОБ ЗНАБИТИ СУТЬ ПОБАЧЕНОГО

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

ЗА ПІЗНАВАННЯ ОСОБІВ ВІДПОВІДАЄ ОСОБЛИВА ЧАСТИНА МОЗКУ

Хоча зорова кора сама по собі досить велика, існує спеціальна ділянка головного мозку за межами зорової кори, єдиною функцією якого є впізнавання осіб. Ідентифікована Ненсі Канвішер, веретеноподібна звивина мозку дозволяє сприймати особи «в обхід» звичайних інтерпретують каналів і допомагає впізнавати їх швидше, ніж інші об'єкти. Ця звивина розташована поблизу мигдалика мозочка, що є емоційним центром мозку.

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

Мал. 2. Ми дивимося туди, куди дивиться людина на зображенні

ЛЮДИНА МОЖЕ НЕ ЗВЕРНУТИ УВАГУ НА ЗМІНИ В ПОЛІ ЙОГО ЗОРУ

ЧИТАННЯ І РОЗУМІННЯ – ЦЕ НЕ ОДНЕ і ТО Ж

Мал. 3. Формула легко читання Флеша

ВИ МОЖЕТЕ ПРОЧИТАТИ ЦЕЙ АБЗАЦ?

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

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

Не забувайте про заголовки.Прочитайте наступний абзац:

Про що цей абзац? Зрозуміти важко. Але що якщо я поміщу той самий абзац під заголовком?

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

Здобутаність абзацу не покращилася, але, принаймні, стало зрозуміло, про що він.

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

РОЗІЗНАННЯ ОБРАЗІВ ДОПОМАГАЄ ІДЕНТИФІКУВАТИ ЛІТЕРИ, НАПИСАНІ РІЗНИМИ ШРИФТАМИ

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

РОЗМІР МАЄ ЗНАЧЕННЯ

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

Мал. 4. Так обчислюється розмір шрифту та х-висота

ЛЮДИНА ОДНОМОМЕНТНО МОЖЕ ЗАПАМ'ЯТАТИ ТІЛЬКИ ЧОТИРИ ЕЛЕМЕНТИ

Можливо ви чули фразу: магічне число сім плюс-мінус два. Ця фраза відноситься до якоїсь поширеної легенди, згідно з якою людина, як правило, не може утримати в короткочасної пам'ятібільше ніж 7±2 елементів. Однак це лише легенда. Серйозні дослідження показали, що магічним числом є чотири. Одна з найцікавіших стратегій, яка застосовується для збільшення кількості елементів, - це поділ інформації на групи. Невипадково номер телефону виглядає так: 716-569-4532.

ЩОБ НЕ ЗАБУВАТИ ІНФОРМАЦІЮ, ЇЇ ПОТРІБНО ВИКОРИСТОВУВАТИ

Як перемістити інформацію з робочої пам'яті в довгострокову? Існує два основних способи: повторювати її багато разів або пов'язати її з іншою відомою інформацією. Фахівці зберігають інформацію як схем.

ПАМ'ЯТЬ ЗАДАЄ МНОЖИВО МЕНТАЛЬНИХ РЕСУРСІВ

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

ЛЮДИНА РЕКОНСТРУЮЄ СПОГАДИ БУДЬ-ЯКИЙ РАЗ, КОЛИ ЗПАГАЄ

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

Чому свідчення свідків ненадійні. Проводячи дослідження щодо відновлення спогадів, Елізабет Лофтус показувала учасникам експерименту відеокліп із автомобільною аварією. Потім вона ставила низку питань, щоразу змінюючи формулювання. Наприклад, вона питала: "Як ви оцінюєте швидкість машини в той момент, коли вона зіткнулася з іншою машиною?" або: "Як ви оцінюєте швидкість машини в той момент, коли вона врізалася в іншу машину?" А потім вона питала учасників, чи бачили вони розбите скло. Коли Лофтус використовувала слово "врізалася", піддослідні оцінювали швидкість вище, ніж, коли вона прийняла слово "зіткнулася". І більш ніж удвічі більше людей згадували, що бачили розбите скло, коли використовувалося слово «врізалася» замість слова «зіткнулася».

ЗАБУВАТИ - ЦЕ БЛАГО

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

В 1886 Герман Еббінгауз вивів формулу, що демонструє ефект ослаблення спогадів:

Тут R – збереження даних у пам'яті, S – відносна сила пам'яті, t – час. Крива забування показує, що ми швидко забуваємо інформацію, якщо вона не розміщується в довгостроковій пам'яті (рис. 5).

Мал. 5. Крива забування Германа Еббінгауза

НАЙЯРКІШІ СПОГАДИ ЛЖИВИ

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

Хоча спалахи спогадів дуже яскраві, але вони повно помилок. 1986 року вибухнув космічний корабель"Челленджер". Якщо ви викличете в пам'яті цю подію, то, можливо, згадайте її дуже швидко. Через день після цього трагічної подіїУльріх Нейссер, професор, який досліджував спогади, подібні до цих, попросив своїх студентів записати спогади про те, що трапилося. Через три роки він знову попросив тих же студентів написати спогади про цю подію. 90% інформації у пізніших записах відрізнялося від записів початкових. Половина з них були невірними у двох-трьох деталях. Одна учасниця, побачивши опис, який вона зробила три роки тому, вигукнула: «Я дізнаюся про свій почерк, але не може бути, щоб це написала я».

ЛЮДИНА КРАЩЕ ОБРОБУЄ НЕБІЛЬШІ ПОРЦІЇ ІНФОРМАЦІЇ

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

ТРЕТИНА ЧАСУ НАШІ ДУМКИ ДЕ-ТО БРОДЯТЬ

«Блукання розуму» - термін, що означає ситуацію, коли в процесі обмірковування певного завдання ви раптово починаєте думати про щось абсолютно абстрактне. Люди недооцінюють поширеність явища «блукання розуму»: вони думають, що їхній розум десь блукає близько 10% часу, тоді як, за підрахунками психологів, «блукання розуму» займає приблизно 30% часу неспання. Під час їзди порожньою дорогою ваш розум блукає приблизно три чверті часу. «Блукання розуму» дозволяють одній частині мозку фокусуватися на виконуваному завданні, а інший продовжувати переслідувати найвищу мету. «Блукання розуму» нагадує багатозадачність, але насправді не є. "Блукання розуму" дозволяють швидко перемикати фокус уваги з одного об'єкта на інший і назад.

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

ЛЮДИ З ВЕЛИКИМ СПЕКОЮ ЗАХИЩУЮТЬ ІДЕЮ, ЯКЩО ВОНИ НЕ Впевнені в ній

В 1956 Леон Фестінгер написав книгу «Коли пророцтва не збуваються» (російською мовою не виходила; зате опублікована книга). У ньому він описав когнітивний дисонанс (внутрішній конфлікт, викликаний суперечливими почуттями чи переконаннями). Існує два основні способи вирішення такого конфлікту: змінити свої переконання або відмовитися від однієї з суперечливих ідей.

Якщо ви зіткнулися з інформацією, яка суперечить вашим переконанням, з'являється тенденція заперечувати нову інформацію, а не зраджувати своїм переконанням. Чим менше в людині впевненості, тим сильніше вона сперечається. Не витрачайте час, намагаючись змінити чиїсь укорінені переконання. Найкращий спосіб змінити чиюсь думку - зробити так, щоб людина змінила її самостійно. Не намагайтеся довести людям, що їхні переконання є нелогічними, нерозумними або є не найкращим вибором. Це може викликати «вогонь у відповідь» і змусити їх відстоювати свої позиції.

МЕНТАЛЬНІ МОДЕЛІ

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

ВЗАЄМОДІЯ З КОНЦЕПТУАЛЬНИМИ МОДЕЛЯМИ

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

ІНФОРМАЦІЯ У ФОРМІ РОЗПОВІДЬ ЧИ ІСТОРІЇ КРАЩЕ СПРИЙМАЄТЬСЯ

Оскільки історії розвиваються у хронологічному порядку, вони встановлюють причинно-наслідковий зв'язок навіть там, де його немає у явному вигляді. Як і зорова кора, «наповнюючись» тим, що ми бачимо, шукає і розпізнає образи, наші розумові процесипрагнуть знайти причину. Наш мозок припускає, що вся інформація відноситься до справи та причинно пов'язана. Розповіді полегшують цей процес, допомагаючи зробити стрибок від причини слідства.

ЛЮДИНА ВЧИТЬСЯ НА ПРИКЛАДАХ

Не кажіть людям, що робити, краще покажіть. Використовуйте зображення та знімки екранів, щоб показати приклади. Ще краще використовувати короткі відео.

ЧОТИРИ ВИДИ ТВОРЧОСТІ

Арне Дітріх ідентифікував чотири види творчості з відповідною до кожного типу мозковою активністю (рис. 6):

Мал. 6. Чотири види творчості

Навмисна когнітивна творчість - вид творчості, що народжується під час тривалої дисциплінованої роботи. Наприклад, Томас Едісон ставив експеримент за експериментом, доки не приходив до відкриття. У процесі спонтанної когнітивної творчості свідомість перестає працювати над проблемою та надає можливість попрацювати над нею підсвідомістю. Якщо вирішення проблеми вимагає «виходу за рамки» звичайного мислення, тоді ви на якийсь час повинні звільнити голову від свідомої роботи. У цьому випадку, використовуючи інший вид активності, не пов'язаний зі свідомістю, префронтальна кора пов'язує інформацію новим способом за допомогою підсвідомих ментальних процесів.

ПЛИСТИ ЗА ТЕЧІЄЮ

Якщо ви намагаєтесь ввести користувача у стан потоку (наприклад, створюєте ігри), дайте людям можливість контролювати. Правильно розподіляйте перешкоди на стадіях процесу. Людям необхідно відчувати, що ціль хоч і важка, але досяжна. Не забувайте про зворотний зв'язок. Мінімізуйте відволікаючі фактори.

КУЛЬТУРА ВПЛИВАЄ НА ОБРАЗ ДУМКІВ

Річард Нісбетт у своїй книзі «Географія думки» обговорює дослідження, які показують, що спосіб мислення формується культурою: СХІД = ВІДНОСИНИ; ЗАХІД = ІНДИВІДУАЛЬНІСТЬ. Люди з різних географічних регіонів та різних культур по-різному реагують на фотографії та оформлення веб-сайтів. Жителі Східної Азії помічають і запам'ятовують фон і контекст більшою мірою, ніж представники Заходу.

ЛЮДИНА НЕ ЗАСТОСУВАНА ДО МНОГОЗАДАЧНОСТІ

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

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

НАЙБІЛЬША УВАГА ЗАВАЖАЮТЬ НЕБЕЗПЕКА, ЇЖА, СЕКС, РУХ, ОСОБИ ТА РОЗПОВІДІ

У нас насправді не один мозок, а три. Новий – це свідомий, логічний розум; всім добре відомо, як і діє. Середній відповідає за емоції, старий – за виживання. Робота старого мозку полягає в тому, що постійно скануючи навколишнє середовищеВін відповідає на запитання: чи можу я це з'їсти? чи може це з'їсти мене? чи можу я зайнятися цим сексом? Це все, що турбує старий мозок.

МОТИВАЦІЯ ПІДСИЛЮЄТЬСЯ З ЗАХОДІ НАБЛИЖЕННЯ ДО ЦІЛІ

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

• Варіант A: на карті є 10 порожніх місць під штампи.
• Варіант В: на карті є 12 місць під штампи, і коли ви її отримуєте, два штампи вже стоять.

Заповнення якого із варіантів займе більше часу? Ви заповните швидше варіант B. І причина ефект наближення до мети.

Ефективні будь-які винагороди.Якщо ви вивчали психологію в ХХ столітті, ви, можливо, пам'ятаєте Б. Ф. Скіннера та його роботу з вироблення оперантних умовних рефлексів. Скіннер вивчав залежність поведінки від цього, як і як часто дається підкріплення (нагорода). Див. також . Багато психологів дотримувалися іншої точки зору, і врешті-решт оперантне навчання «вийшло з моди». Я не стверджую, що ця теорія повністю пояснює поведінку та мотивацію, але переконана, що це перевірена теорія і вона добре працює. Особисто я використовувала її в управлінні, викладанні та вихованні своїх дітей.

ЕФЕКТ НЕСПОДІВАННЯ ПІДТРИМУЄ СТАН ПОШУКУ

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

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

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

ВНУТРІШНЯ І ЗОВНІШНЯ ВИНАГОРОДА

СІМ УНІВЕРСАЛЬНИХ ЕМОЦІЙ

Мал. 7. Сім універсальних емоцій згідно з Полом Екманом

РЕАКЦІЯ НА МАЙБУТНІ ПОДІЇ ПЕРЕЗбільшена

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

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

ЛЮДИНА ПРАГНУТЬ МАТИ БІЛЬШ ІНФОРМАЦІЇ, НІЖ МОЖЕ ОБРОБИТИ

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

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

КОЛЕКТИВНІ РІШЕННЯ МОЖУТЬ БУТИ НЕВЕРНИМИ

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

90% дискусій розпочинаються з того, що члени групи обговорюють свої перші враження. Дослідження ясно доводять, що це погана ідея; натомість слід розпочинати дискусію з обговорення важливої ​​інформації, ці дані мають бути ретельно зважені для прийняття найкращого рішення. Надайте людині можливість і час розглянути всю важливу інформацію самостійно до того, як вона дізнається про думку інших. Попросіть членів групи провести оцінку впевненості у своїх рішеннях, перш ніж вони покажуть ці рішення іншим.

ДУМКА СИЛЬНОЇ ОСОБИСТОСТІ

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

Камерон Андерсон та Гевін Кілдаф вивчали процес прийняття рішень у групах. Вони сформували групи зі студентів, у кожній з яких було по чотири особи, і запропонували їм вирішити математичне завдання із тесту SAT, який використовується при вступі до коледжу. У дослідників був припущення, чому ці люди стали лідерами. Чи були у них найкращі результати математичного тесту SAT? (Ні). Вони перешкоджали решті стати лідерами? (Ні).

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

КРАЩЕ ОДИН РАЗ ПОБАЧИТИ…

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

Пам'яті Майлза та Жанет Шварц. Жаль, що ви не зможете прочитати цю книгу.

Подяки

Велике дякую всій моїй великій команді з Peachpit, особливо моєму редактору Джеффу Райлі (Jeff Riley), з яким ми щодня обмінювалися повідомленнями електронною поштою. Дякую Майклу Нолану (Michael Nolan) за допомогу в написанні цієї книги. Дякую Гатрі Уейншенк (Guthrie Weinschenk) за фотографії, Мейсі Уейншенк (Maisie Weinschenk) за чудові ідеї, Пітера Уейншенка (Peter Weinschenk) за підтримку та терпіння. І дякую всім тим, хто читає мій блог, приходить до мене на презентації, та й взагалі слухає мене, коли я говорю про психологію. Ви висловлюєте цінні ідеї, думки, і тому я продовжую писати про психологію та дизайн.

Психологія дизайну

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

І ваш прямий обов'язок добре знати свою цільову аудиторію.

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

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

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

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

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

І тепер ви тримаєте в руках результат цієї роботи: 100 головних принципів дизайну – або 100 речей, які, на мою думку, вам необхідно знати про людей.

Як людина бачить

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

1. Те, що ми бачимо, відрізняється від даних, що надходять у мозок

Існує усталена думка, що під час прогулянки або, наприклад, огляду визначних пам'яток наші очі передають інформацію в мозок, який обробляє її та реалістичну картину того, що нас оточує. Але наші очі працюють не так, як фотоапарат, який об'єктивно фіксує світ. Насправді вони діють разом із мозком, який певним чином «витлумачує» видимий світ. Мозок безперервно інтерпретує все, що ви бачите. Подивіться, наприклад, на рис. 1.1.

Мал. 1.1. Ви бачите трикутники, але насправді їх немає

Що «кажуть» вам очі? Ви бачите на задньому плані чорний контур трикутника, який зверху накладений білий перевернутий трикутник. Але це зовсім не те, що є на малюнку насправді, чи не так? Насправді там лише лінії та частково зафарбовані кола. Ваш мозок «створює» перевернутий білий трикутник із порожнього простору, оскільки це саме те, що ви очікуєте побачити. Ця ілюзія називається трикутником Каніжа, на ім'я італійського фізіолога Гаетано Каніжа (Gaetano Kanizsa), який продемонстрував цей ефект у 1955 році. Тепер подивіться на рис. 1.2, що створює подібну ілюзію прямокутника.

Мал. 1.2. Приклад прямокутника Каніжа

Мозок використовує стереотипи

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

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

Мал. 1.3. Колір та форми можуть впливати на те, що люди бачать

Якщо ви хочете щось розгледіти у темряві, не дивіться прямо на цей предмет

Око містить 7 мільйонів колбочок (клітин сітківки ока), що забезпечують зорове сприйняття всієї палітри кольорів у денний час, та 125 мільйонів паличок (клітин сітківки ока), що забезпечують сутінковий та нічний зір. Колбочки знаходяться в області фовеа (центральне поле зору), а палички рівномірно розподілені на сітківці. Так що якщо при слабкому висвітленні ви хочете щось розглянути, не дивіться прямо на цей предмет.

Оптичні ілюзії – причина помилок

Оптичні ілюзії є прикладом того, як мозок інтерпретує те, що бачать очі. Наприклад, на рис. 1.4 ліва лінія здається довшою, ніж права, хоча вони насправді однакові. Цей ефект названий на честь Франца Мюллера-Лайєра (Franz Muller-Lyer), який відкрив його у 1889 році.

Мал. 1.4. Ці лінії насправді однаковою довжиною

Картинка, яку ми бачимо, плоска, а не об'ємна

Світлові промені потрапляють у око через рогівку та кришталик. Кришталик (що є лінзою) фокусує зображення на сітківці. На сітківці виходить завжди двовимірна картинка, навіть якщо тривимірний об'єкт, що спостерігається. Це зображення надсилається в зорову зону кори головного мозку, де і відбувається розпізнавання образів, наприклад: «О, я знаю, що це таке – це двері». Саме в корі головного мозку двовимірне зображення перетворюється на тривимірне.

Зорова зона кори головного мозку збирає всю інформацію воєдино

Згідно з Джоном Медіном (John Medina, 2009), промені світла проходять через зіницю, кришталик і склоподібне тіло, потрапляють точно на сітківку і утворюють на ній чіткі зображення предметів. Чутливі до світла клітини очі перетворять світло на електричні сигнали і як окремих треків посилають ці сигнали до особливо чуйним нервовим закінченням. Одні треки містять інформацію про тіні, інші - інформацію про рух і т. д. Дванадцять таких треків відправляються потім у зону зони кори головного мозку. Різні ділянки кори реагують на цю інформацію та обробляють її. Наприклад, одна область реагує лише на лінії під кутом 40°, інша – на колір, третя – на рух, а четверта – на межі. Зрештою всі ці дані вкладаються у два треки: один визначає рух (чи рухається об'єкт?), а інший – місце розташування (як розташований об'єкт стосовно мене?).

Висновки

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

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

Ви можете переконати людей бачити речі певним чином.

2. Периферичний зір використовується більше, ніж центральний, щоб осягнути суть побаченого

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

Адам Ларсон і Лестер Лощі (Adam Larson, Lester Loschky, 2009) показували глядачам звичайні картинки, наприклад фотографії кухні чи вітальні. На деяких зображеннях було вирізано зовнішню частину, а на інших – центральну. Картинки демонструвалися дуже короткий час і через спеціальний сірий фільтр, щоб їх було важко розглянути (див. рис. 2.1–2.2). Потім учасникам дослідження пропонувалося розповісти, що вони бачили.

Мал. 2.1. Фото із зображенням центральної частини в експерименті Ларсона та Лошки

Мал. 2.2. Фото із зображенням периферії в експерименті Ларсона та Лошки

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

Наші пращури вижили завдяки периферичному зору

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

Останні дослідження підтверджують цю концепцію. Дмитро Бейле (Dimitri Bayle, 2009) розміщував зображення небезпечних об'єктів або в центральному або в периферичному полі зору суб'єкта. Потім він вимірював, скільки часу буде потрібно мозочковій мигдалині (ту частину мозку, яка відповідає за емоційне сприйняття небезпечних образів), щоб зреагувати. Коли небезпечний об'єкт з'являвся в центральному полі, цей процес займав від 140 до 190 мс, коли він з'являвся в периферичному полі зору, потрібно лише 80 мс для того, щоб мигдалина відреагувала.

Висновки

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

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

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

3. Люди ототожнюють об'єкти з образами, що впізнаються.

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

Мал. 3.1. Ваш мозок хоче бачити образи

Нейрони реагують на певні форми

У 1959 році Девід Х'юбел (David Hubel) і Торстен Візель (Torsten Wiesel) показали, що одні клітини зорової кори головного мозку реагують лише на горизонтальні лінії, другі – тільки на вертикальні, треті реагують лише на краї, четверті – тільки на певні кути.

Теорія геонів

Протягом минулих років було створено безліч різних теорій у тому, як ми бачимо і розпізнаємо об'єкти. Одна з ранніх теорій проголошувала, що мозок є сховищем, в якому знаходяться мільйони «зразків» об'єктів, і коли ми бачимо об'єкт, ми зіставляємо його з «зразками», що містяться в пам'яті, доки не виявляється схожий елемент. Але недавні дослідження наводять на думку, що ми знаходимо знайомі основні форми у всьому, що бачимо, і використовуємо ці основні форми, які називаються геометричними іконками (геонами),для розпізнавання об'єктів. Ірвін Бідерман (Irving Biederman) висунув теорію геонів у 1985 році (рис. 3.2). Передбачається, що існує 24 базові форми, що розпізнаються; з них формуються блоки для побудови всіх об'єктів, які ми бачимо та ідентифікуємо.

Мал. 3.2. Деякі приклади геонів Бідермана

Зорова кора активніша, коли працює уява

Зорова кора працює активніше в тому випадку, коли ви щось уявляєте, а не коли ви насправді сприймаєте об'єкт (Solso, 2005). Коли ми даємо волю нашій уяві, збудження відбувається на тій самій ділянці зорової кори, але активність вища. Пояснюється це роботою, яку доводиться виробляти зорової кори у разі, коли стимул безпосередньо немає.

Висновки

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

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

Двовимірні елементи краще тривимірних. Очі передають інформацію мозку як двомірних об'єктів. Тривимірне уявлення на екрані може суттєво уповільнити впізнавання та розуміння.

4. За впізнавання осіб відповідає особлива частина мозку

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

Хоча зорова кора сама по собі досить велика, існує спеціальна ділянка головного мозку за межами зорової кори, єдиною функцією якого є впізнавання осіб. Ідентифікована Ненсі Канвішер (1997), веретеноподібна звивина мозку (fusiform face area, FFA) дозволяє сприймати особи «в обхід» звичайних каналів, що інтерпретують, і допомагає впізнавати їх швидше, ніж інші об'єкти. Ця звивина розташована поблизу мигдалика мозочка, що є емоційним центром мозку.

У людей, які страждають на аутизм, для розпізнавання осіб не задіюється веретеноподібна звивина

Дослідження Карен Пірс (Karen Pierce, 2001) показали, що люди, які страждають на аутизм, не використовують FFA для розпізнавання осіб. Натомість у них задіяні інші, звичайні ділянки зорової кори, які у нормальних випадках використовуються для розпізнавання та інтерпретації об'єктів, але не осіб.

Ми відстежуємо напрям погляду

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

Мал. 4.1. Ми дивимося туди, куди дивиться людина на зображенні

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

Новонароджені вважають за краще дивитися на обличчя

Дослідження Катрін Мондлох та інших вчених (Catherine Mondloch, 1999) показали, що новонароджені, вік яких менше години, звертають увагу на об'єкти, що нагадують обличчя.

Саме по очах люди вирішують, хто живий

Крістін Лузер та Т. Ветлі (Christine Looser, T. Wheatley, 2010) брали фотографії людей і видозмінювали їх, послідовно наближаючись до образу неживого манекена. Предметом дослідження було те, коли послідовної трансформації особи суб'єкт вирішить, що картинка більше є зображенням живої людини. На рис. 4.2 показані приклади таких зображень. Дослідження показали, що опитувані переставали вважати суб'єкта на картинці живим після того, як зміни досягали 75%. Також було виявлено, що люди, щоб вирішити, чи є зображення живою людиною, переважно звертають увагу на очі.

Мал. 4.2. Приклад перетворення Лузером і Ветлі обличчя людини на обличчя манекена

Висновки

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

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

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

5. «Перспективні» об'єкти

Якщо ви попросите когось намалювати чашку кави, то, швидше за все, ви отримаєте щось схоже на рис. 5.1.

Мал. 5.1. Як ми «бачимо» об'єкти в голові

Стівен Палмер (Stephen Palmer, 1981), мандруючи всім світом, просив намалювати чашку кави. Приклади цих малюнків показано на рис. 5.2.

Мал. 5.2. Ось так більшість людей малюють чашку кави

Зверніть увагу на кути та перспективу. Декілька чашок намальовані стоять прямо, але більшість - з дотриманням законів перспективи, як би на чашки ми дивилися зверху і під невеликим кутом. Таке бачення відповідає канонічної перспективи.Мало хто намалює чашку кави так, як це показано на рис. 5.3 – вид зверху.

Мал. 5.3. Більшість людей так чашку не зобразять

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

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

Висновки

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

Якщо на веб-сайті або веб-сторінці ви плануєте використовувати піктограми або піктограми, малюйте їх у канонічній перспективі.

6. В основі перегляду зображень лежать досвід та очікування

На що люди звертають увагу насамперед, розглядаючи картинку на екрані комп'ютера? А на що дивляться потім? Це залежить від того, чим вони займаються і чого очікують. Якщо людина в силу виховання та освіти читає текст зліва направо, вона буде так само «сканувати» екран – зліва направо. Якщо він читає праворуч наліво, то навпаки. Однак лише деякі починають перегляд з верхнього кута (лівого чи правого). Оскільки люди перебувають в абсолютній впевненості, що на сторінці будь-якого сайту є речі не важливі і не потрібні для вирішення безпосереднього завдання (такі, як логотипи, порожні місця, навігаційні панелі, реклама і т. д. (мал. 6.1)), в більшості випадків вони приділяють увагу центру екрану та ігнорують краї.

Мал. 6.1. Ми ігноруємо інформацію, розміщену по краях екрану, і прямуємо до значної інформації

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

У кожної людини існують стереотипи того, що і де вона хоче бачити

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

У разі труднощів поле зору звужується

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

Висновки

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

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

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