4.1. Разметка страницы

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

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

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

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

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