Web-дизайн. Удобство использования Web-сайтов

Web-дизайн. Удобство использования Web-сайтовАвторы: Якоб Нильсен, Хоа Лоранжер.

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

Рекомендации высококвалифицированных авторов книги основаны на их богатом опыте и множестве проведенных исследований с участием тысяч пользователей. В книге подробно изучаются особенности взаимодействия пользователей с различными элементами Web-сайтов.

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

Реальные примеры изменения дизайна Web-сайтов крупнейших компаний доказывают справедливость выводов авторов и их авторитет в мире Web-дизайна.

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

Купить на ozon.ru.

Доступность и привлекательность текста

Урок #13. Оформление списков. Как усилить акцент на списке?
18 минут

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

«Если какую-то мысль возможно расчленить на несколько частей и составить их последовательный перечень – непременно так и поступите. Во-первых, пользователь, видя перечень, сам способен логически достроить связки между его пунктами. Во-вторых, даже внешний вид различных списков и перечней очень сильно дает отдохнуть напряженному вниманию и уму за счет избавления от монотонностит».
Источник: Что следует учитывать при оформлении страниц сайта.

Наша задача — еще больше выделить эти блоки:

  1. Применение эффектных маркеров.
  2. Условие для одинакового отображения в разных браузерах.
  3. Важно: отступы сверху и снизу.
  4. Использование фонового изображения.
  5. Использование границ.
  6. Применение оригинальных шрифтов в создании маркеров.
  7. Создание маркеров в Adobe Photoshop.

Урок #14. Создание списка подтем и реализация быстрого доступа к нужным подтемам. Ссылки-якори.
20 минут

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

  1. Создание списка подтем.
  2. Ставим якорь подтемам.
  3. Организуем быстрый доступ к нужной информации.

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

  1. Оформление списков. Как усилить акцент на списке?
  2. Создание списка со ссылками-якорями.

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