Бэкграунд

Можно выделить несколько важных особенностей, касающихся оформления общего фона сайта и текста.

Исходя из теории социальных соглашений фон сайта должен быть светлым и однотонным (вспомните аналогию с книгами). Отзывы принято выделять желтым или бежевым фоном.

Посмотрите крупные сайты: Amazon – светлая гамма, Wildberries – светлый фон, Lamoda – белый цвет.

С точки зрения удобства восприятия информации это не совсем правильно.

Монитор компьютера излучает свет, как фонарик, поэтому белые буквы на черном фоне должны восприниматься лучше. Если вспомнить старые программы, например MS DOS, там так и было.

Почему же тенденция изменилась? Снова виноваты книги. Нам привычнее видеть черный текст на белом фоне, несмотря на то что с точки зрения физиологии буквы должны быть белыми, а фон – темным.

Бэкграунд – это отличный способ группировки элементов по смыслу. Форма заказа должна быть на контрастном фоне. Для обозначения прямой речи в отзывах используется желтый фон.

Фон должен быть однотонным. Ни в коем случае нельзя добавлять цветочки или фотографии облаков в качестве фоновой картинки.

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

Откройте любой сайт с подобным бэкграундом и почувствуйте, как тяжело воспринимать информацию и читать текст.

По этой же причине нельзя использовать слайдеры, параллакс-эффекты и т. д. Любое движение на сайте уводит пользователя от совершения целевого действия. Если вы хотите создать иллюзию движения, можно применить так называемое псевдодвижение: стрелки, наклон текста, скобки.

На рис. 5.8 представлен сайт. Иллюзия движения создается стрелочками и заставляет человека читать текст несмотря на то, что он стоит вразнобой.

Рис. 5.8. Пример дизайна сайта

Обратите внимание на отдельный бэкграунд для первого экрана и отдельный бэкграунд для отзывов. Отзывы четко обособлены, в их оформлении применяется много разных «фишек»: кавычки, оформление прямой речи.

Но самое главное – выделение смысловых групп элементов: первого экрана и отзывов.