Планировка главной страницы: правило «1-2-3»

Автор: редакция проекта. Материал из библиотеки проекта: он публиковался у нас в двухтысячных и восстановлен здесь в исходном виде, без переписывания.

Как эта тема выглядит сегодня: рефрейминг: как смена рамки меняет решение.

Планировка главной страницы: правило «1-2-3»

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

Например, заказчик, которые работает над продвижением своего нового
логотипа, скорее всего захочет, чтобы фокусом номер один на главной странице
был логотип - это простой и очевидный случай. Но заблуждаются те, кто
думает, что имя компании или ее логотип всегда должен быть самым броским.
Многие известные компании выдвигают на первое место свои товары (чаще -
новинки), затем меню основных категорий товаров, оставляя свою торговую
марку на третьем месте.

Таким образом, вы должны попытаться выяснить вместе с заказчиком (а лучше -
его специалистом по маркетингу) что следует выдвинуть на первое место в
смысле фокуса внимания, затем на второе и третье. Первые три элемента -
самые важные. В дальнейшем весь дизайн будет строится на этом решении.

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

Будьте осторожны с анимацией - она всегда привлекает первое внимание
посетителя, и более того, отвлекает от статичных элементов, которые,
возможно, более важны, чем анимированный элемент. Мы считаем, что солидные
сайты не должны содержать никакой анимации, или в крайнем случае, если
заказчик требует этого, то анимация должна быть ненавязчивой, для того,
чтобы статичные элементы могли с ней конкурировать в смысле привлечения
внимания.

Вам понравился наш проект. Сделайте его Стартовой страницей (IE). Нажмите открыть в появившемся после нажатия окошке.

Открылась рассылка новостей Проекта. Просто пошлите письмо с пометкой: Рассылка. Или нажмите: Рассылка.

События и тренинги в разделе tRainShow

Текст автора сохранён как есть. Права на материал принадлежат автору, публикация в проекте с ним согласована. Наш современный взгляд на эти темы собран в разборах и в статье о том, что не подтвердилось.

Написать в проект

Вопрос по материалу, уточнение или предложение своей статьи. Разбор личных состояний в переписке не проводим.

Быстрая связь

Telegram

Если вы автор этого текста и хотите что-то изменить, напишите нам.