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

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

· Перегруженность

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

· Фоновый шум

Нет основного главного элемента, отвлекающего внимание, а есть множество элементов визуального шума, которые в совокупности вызывают ощутимое раздражение.

Здесь приводится лишь краткий перечень правил, которые рекомендованы к использованию при создании Web-страниц для решения данных проблем.

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

● Не вставляйте в документ слишком больших изображений. Не все любят ждать, и не у всех есть быстрые линии связи! Обычный человек теряет интерес к странице после ожидания ее содержимого в течение 10 секунд. Опытные пользователи Internet могут ждать до 15 секунд, но не испытывайте их терпения!

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

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

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

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

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

● Указывайте URL страницы внизу самой страницы. Это помогает пользователям передавать друг другу информацию о вашей странице.

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

● Не переусердствуйте при вставлении в ваши страницы анимации. Пользователь будет постоянно отвлекаться на мелькание. Сосредоточивайте внимание пользователя на том, что вы хотите, чтобы он для себя отметил. В этом отношении тег BLINK - сущее зло.

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

● Если вы переопределяете цвета для документа, позаботьтесь о том, чтобы ссылки выделялись на фоне остального текста.

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

● После выкладывания страниц позаботьтесь (или уговорите вашего нанимателя позаботиться) о поддержании их в ``свежей'' форме, не оставляйте под знаком ``Новое! Все сюда!'' информацию годовалой давности. Это создает эффект запущенности, и пользователи быстро потеряют интерес к вашим страницам.

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

● Всегда используйте параметры WIDTH и HEIGHT тега IMG для указания точечных размеров изображений. Это помогает браузерам корректней отображать страницы по мере их получения по сети и облегчает пользователям оценку времени появления изображения, так как большинство браузеров отображает рамку вокруг места, где будет отображено изображение.

● Не создавайте interlaced GIF-изображений с прозрачностью. Некоторые браузеры не могут их корректно отображать.

Дубовская Оксана

Не нашли, что искали? Воспользуйтесь поиском: