Що реально робить хороший веб-дизайн, коли структура вже правильна

ЧОМУ Я ВСЕ ЩЕ ТАК ДБАЮ ПРО ДИЗАЙН

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

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

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

Зміна кольорів нічого з цього не вирішить.

Після публікації тієї статті лишилось одне очевидне питання.

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

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

Це не конкуруючі ідеї. Це просто правильний порядок.

ЛЮДИ ВИРІШУЮТЬ ДО ТОГО, ЯК ПОЧИНАЮТЬ АНАЛІЗУВАТИ

Одна річ, яку я помітив за роки, майже не має стосунку до сайтів.

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

Пояснення зазвичай приходить пізніше. Враження приходить першим.

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

Сайти працюють точно так само.

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

Дизайн не створює реальність. Він створює очікування щодо реальності. А очікування впливають на все, що йде далі.

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

Дослідники Carleton University виявили, що люди формують стійку думку про візуальну привабливість сайту приблизно за п'ятдесят мілісекунд. Це приблизно час одного моргання.

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

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

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

ЧОМУ ХОРОШИЙ ДИЗАЙН ВІДЧУВАЄТЬСЯ НАДІЙНІШИМ

Інше відоме дослідження, проведене в Hitachi в середині 1990-х, порівнювало різні інтерфейси банкоматів. Функціонально вони були ідентичні. Єдина суттєва різниця — візуальна якість.

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

Це стало відомо як aesthetic-usability effect. Люди природно асоціюють візуальну якість із компетентністю. Не тому що вони ірраціональні. Тому що мозок постійно використовує скорочення, щоб ухвалювати рішення швидко.

Психологи називають одне з цих скорочень halo effect. Одне позитивне враження тихо впливає на все поруч.

Nielsen Norman Group поділилась ідеальним прикладом із реального життя. Під час дослідження юзабіліті сайту компанії з переїздів один учасник помітив одруківку й засміявся.

Якщо вони настільки недбалі на власному сайті, чому я маю довіряти їм свої меблі?

Одруківка очевидно не мала жодного стосунку до того, наскільки ретельно компанія пакує коробки під час переїзду. Це не мало значення. Враження все одно перенеслось.

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

ХОРОШИЙ ДИЗАЙН НЕ ДОДАЄ ДОВІРУ. ВІН ПРИБИРАЄ ПРИЧИНИ СУМНІВАТИСЬ.

Думаю, ця різниця важлива.

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

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

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

Кожне зайве питання витрачає увагу. Увага вже і так найдефіцитніший ресурс в інтернеті.

Дизайн не намагається маніпулювати людьми. Він намагається прибрати зайву невизначеність.

ЩО ДИЗАЙН РЕАЛЬНО РОБИТЬ

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

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

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

Заклик до дії, що зникає в сторінці, не тонкий. Він невидимий.

Кожне дизайнерське рішення або знижує зусилля, або тихо їх збільшує.

ПАСТКА

Ось де дизайн стає небезпечним.

Aesthetic-usability effect працює в обидва боки. Хороший дизайн не тільки підсилює міцний бізнес. Він може тимчасово приховати слабкий.

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

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

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

ЯК ЦЕ ВИГЛЯДАЛО НА НАШОМУ ВЛАСНОМУ САЙТІ

Коли ми перебудовували нашу головну сторінку, візуальна робота не йшла першою. Не могла.

Ми перенесли Strategic Session. Змінили порядок цілих секцій. Переписали повідомлення, яке відвідувачі бачили першим. Прибрали речі, що лежали там роками.

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

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

ЧЕСНА ВЕРСІЯ

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

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

Слабкий бізнес не стає сильним через красивий дизайн. Але сильний бізнес цілком може лишитись невидимим через поганий дизайн.

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

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