В численних експериментах було показано, що спрощення зовнішнього вигляду, зниження кількості дій, які необхідно вжити користувачеві, та інші візуальні способи сприяють підвищенню лояльності та зростання конверсії. Рекомендації щодо поліпшення дизайну ґрунтуються на базових і властивих кожній людині особливостях сприйняття інформації та специфіці поведінки людей в мережі.
Спрощення
Тенденція до спрощення в епоху постіндустріального суспільства носить глобальний характер і не є специфічною для веб-дизайну.
Середньостатистичний користувач проводить в інтернеті 3 години на день і змушений обробляти велику кількість інформації, переважна частина якої є відвертим сміттям. І тимчасовий, і когнітивний ресурс будь-якого користувача обмежений. З цим і пов’язана вимога до спрощення:
- Мінімум деталей і контенту, що відволікають увагу.
- Стилістична однаковість.
- Акцентовані елементи.
Реалізація трьох перерахованих завдань лежить в основі сучасного веб-дизайну.
Негативний простір
Одним з методів спрощення, який дозволяє мінімізувати навантаження на користувача і акцентувати заклик до дії на тлі стилістичної одноманітності, є розширення зони негативного простору. Під цим терміном розуміють порожнє місце на екрані, не заповнене ні текстом, ні елементами навігації, ні закликами до дії.
Багато глобальних сервісів реалізують такий підхід на своїх головних сторінках, економлячи час користувачів і відсікаючи нецільові реєстрації.
Правило третин
Одне з базових правил роботи з будь-якими зображеннями стосовно веб-дизайну каже, що все найважливіше має перебувати в центральній частині екрана. Для цього екран поділяється на 9 рівних прямокутників (3 х 3). Центральний прямокутник — найважливіший, а елементи, що знаходяться на його сторонах і в кутах — максимально концентрують на собі увагу.
Це правило доцільно використовувати у landing page, а також на сторінках з великим об’ємом негативного простору.
Правило F
Якщо правило третин ідеально для застосування в мінімалістичний дизайнах, що дозволяють локалізувати важливе в одній точці, правило F підходить для більш змістовних сторінок.
У численних експериментах було показано, що користувачі слідують очима по сторінці в наступних напрямках:
- з лівого верхнього квадрата в правий;
- з лівого верхнього квадрата вниз до лівого центру і далі по горизонталі;
- з лівого центру донизу.
Схематично такий рух очей по сторінці формує букву «F». Відповідно елементи за ступенем їх важливості повинні розміщуватися на «осях» цієї літери. Виходячи з цього правила, заклик до дії доцільно розташовувати зліва. Праву частину екрану краще залишати під менш важливий контент.
Використання зображень
Фотографічні ілюстрації дозволяють встановити з користувачами ближчий контакт. Залежно від цілей зображення можуть викликати емпатію (співпереживання), асоціацію (перенесення) — і те, і інше «чіпляє» людиню на підсвідомому рівні. Викликаючи позитивну емоцію, зображення сприяють більш лояльній поведінці користувачів, в тому числі на тривалому відрізку часу.
У більшості випадків доцільно використовувати зображення людей, однак, в залежності від аудиторії і специфіки діяльності, це можуть бути тварини, птахи і навіть нереальні персонажі.
Колір і контраст
Буде зайвим згадувати про необхідність гармонійного колірного рішення. Так, наприклад, фіолетовий та зелений — погано поєднуються один з одним. Синій і його відтінки можна визнати найбільш спокійний і позитивним кольором, проте, якщо кожен другий сайт буде виконаний в цьому колірному спектрі, напевно, це теж не найвдаліший варіант.
Окремо слід сказати про такий спосіб залучення уваги до окремих елементів, як контраст. Це не обов’язково протилежні кольори, як, наприклад, білий і чорний. Контраст білому складе будь-який яскравий колір: помаранчевий, зелений, бордовий та інші.
Які ж елементи слід робити контрастними? Це, перш за все, заклики до дії, кнопки, гіперпосилання, в тому числі ті, що забезпечують навігацію по сайту.
Читабельний текст
Крім того, що текст повинен бути читабельним з точки зору змісту і синтаксису, не менш важливий і дизайнерський внесок. Не слід захоплюватися витонченими шрифтами, які складно розібрати. У той же час і чисто канцелярський Times в більшості випадків виглядає недоречно.
Читабельний текст виглядає наступним чином:
- достатній інтервал між буквами в словах (це особливо важливо для дрібного шрифту);
- міжрядковий інтервал 1,5 і більше;
- регулярний поділ на абзаци (якщо текст великий);
- використання негативного простору між текстовими елементами (якщо текстовий матеріал невеликий).
Незважаючи на важливість дизайну, слід пам’ятати, що лише одним їм підвищити конверсію навряд чи вийде. Крім зовнішнього вигляду, який важливий, користувачі хочуть бачити потрібний їм контент. Без нього дизайнерське оформлення буде лише гарною обкладинкою.
