Интерфейс |Web-страницы для просмотра
Ясная визуальная иерархия
Нужно организовать внешний вид элементов страницы (визуальных подсказок) таким образом, чтобы они ясно и четко подсказывали отношения между этими элементами – какие элементы связаны между собой, какие являются частями других.
1.Чем более важный элемент, тем более он заметен на странице.
Очень важный элемент
Несколько менее важный
Наименее важный
При создании Web-страницы разделите ее на три части:
большую – для самой важной информации,
среднюю – для менее значимой информации,
малую – для наименее важной информации.
Это стратегия «большой, малый, средний». Она не позволяет находиться на странице двум элементам с одинаковым приоритетом.
2.Элементы, логически связанные между собой, должны быть связаны и визуально.
Например, вы можете показать, что какие-то элементы равнозначны, сгруппировав их под одним заголовком, либо применив к ним одинаковый стиль, либо поместив их в одну четко отделенную область страницы.
Например:
Книги
Музыка
Спорт
Путешествия
Увлечения
2.Элементы представляются в виде вложений, если они являются частями друг друга.
Например, название раздела «Книги по программированию» будет находиться над заголовком какой-то конкретной книги по этой теме, включая в себя все содержимое части страницы (эта книга является частью данного раздела). Под заголовком этой книги будет включено ее описание.
Хорошая визуальная иерархия всегда экономит наши усилия по начальному восприятию страницы.