Приёмы правильной подачи информации пользователю

В данной статье будут раскрыты приёмы правильного представления контента сайта пользователю. Мы рассмотрим, что такое «хорошо» и что такое «плохо», а также разберём чужие ошибки.

Шрифт и его цвет

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

На экране монитора лучшего всего использовать шрифты без засечек, так как их удобнее воспринимать человеческому глазу. К таким шрифтам относятся к примеру Verdana, Tahoma, Arial.

При выводе страницы на печать лучше использовать шрифты с засечками: Georgia, Times New Roman, Palatino Linotype и другие. Человеку проще читать на бумаге шрифты с засечками.

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

Текстовые и информационные блоки

Любой текст можно разделить на блоки. Подобное деление также помогает правильно воспринимать текст читателю. Блок, отведённый под основной контент не должен быть меньше 50% от всей страницы.

Не стоит размещать значимые блоки (например, навигационный) выше баннеров. Большинство пользователей просто не заметят этот блок. Данное явление называется «баннерной слепотой», то есть пользователь выхватывает только контент, отделённый рекламой, и не замечает другой, не менее полезной информации.

Графика

Обилие графики на информационных сайтах считается «плохим тоном» и показателем непрофессионализма. Специалисты говорят о том, что вся графика на странице не должна превышать 30%.

Конечно, данные правила не относятся к архивам фотографий и подобным сайтам.

Представление текстовой информации

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

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

При предоставлении больших объёмов текста будет не лишним частое деление на абзацы (<p></p>). За счёт этого образуются пустые поля, которые помогают глазам человека снимать напряжение от длительного чтения.

Расстояние между строками способствует быстрому и лёгкому чтению. Регулировка межстрочного интервала достигается путём применения CSS атрибута line-height. Наиболее оптимальным считается межстрочное расстояние равное 150%.

Я изложил основные принципы правильного представления информации, которые должны помочь Вам избежать ошибок и, возможно, исправить какие-либо недочёты.

Статьи для веб-девелопера, 18/01/2007  Fork09