WEBMASCON - журнал для веб-мастеров обновление: 2007.09.07

Сайт новостей

Interaction Design Patterns (Web)
автор: 2002 Martijn van Welie
перевод: Александр Качанов

(назад к списку)

С сайта www.cnn.com

Задача

Пользователь желает быть в курсе последних новостей

Условия

Ваш сайт предоставляет посетителям ежедневные новости

Решение

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

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

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

Для того, чтобы сделать сайт более интерактивным, на нем организуются ежедневные опросы, либо после регистрации посетитель получает свой собственный набор новостей. Регистрация может быть также необходима, если сайт предоставляет какие-то свои статьи на платной основе. Для того, чтобы обозначить, какие статьи можно прочитать платно, а какие бесплатно, используется решение "Платное/Бесплатное". Среди прочих вещей, присутствующих на сайте, могут быть: подписка на список рассылки и поиск. В подвале как правило размещаются ссылки на юридические документы, связанные с авторским правом. Для обозначения ссылок, ведущих на другие сайты, используется решение "Исходящие ссылки (Outgoing Links)".

Почему

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