ALTE DOCUMENTE
|
||||||
Когда мы слышим слова Web-дизайн, то первое, что приходит в голову - это создание выразительных иконок, выбор чистых цветов и подбор привлекательных сочетаний шрифтов, то есть визуальных элементов узла Web. И очень часто никто даже не задумывается о вну 10510o1416k 90;ренней структуре, объединяющей все эти элементы. Однако этот каркас - вну 10510o1416k 90;ренняя информационная архитектура - не менее важен, чем то, что лежит на поверхности. В конечном итоге, если посетители узла не смогут найти на нем ну 10510o1416k 78;ную им информацию, все чудесные трехмерные графические украшения окажутся совершенно бесполезными.
Информационное проектирование (information design), или ИП - это процесс организации содержания и представления его в наиболее удобной для целевой аудитории узла форме. Речь идет не о создании привлекательных логотипов и выразительных корпоративных лозунгов, а об улучшении ясности и функциональности узла Web. Информационное проектирование является неотъемлемым элементом Web-дизайна; без него любой узел Web - пусть даже сделанный с использованием новейших технологий и очень дорогой - обречен стать всего лишь памятником бесцельно потраченному времени, денег и полосы пропускания канала.
Как информация выражается? Словами, диаграммами, иллюстрациями, фотографиями, звуком, видео или (чаще всего) сочетанием некоторых из этих элементов? Сколько должно быть страниц: одна или несколько; либо страницы, разбитые по разделам; либо потребуются даже подузлы с собственными URL?
Каким образом посетители будут находить то, что им ну 10510o1416k 78;но? Как они будут перемещаться в пределах узла и просматривать его содержимое? И, что еще важнее, как они смогут узнать, где находятся?
Задача информационного проектировщика - найти лучшие ответы на все эти вопросы, и задача эта часто не имеет простого решения. В этой статье рассматривается, как в трех очень различных узлах Web - Volkswagen, CNN и CDNow - реализуются четыре основополагающих принципа, и почему при проектировании узла этим принципам следует уделять максимум внимания.
Какие инструменты ну 10510o1416k 78;ны для этого? Ниже приводится краткий обзор того, что можно найти в инструментальном «ящике» любого уважающего себя информационного проектировщика.
Следует помнить, что потребности в инструментах информационного проектирования для каждого проекта различны. Для «капитального ремонта» узла, когда должны быть реализованы новые функции, связанные с появлением новых целей, следует использовать несколько инструментов для исследования и визуализации (профили, сценарии, диаграммы технологического процесса, сценарные панели). Для более простой «доводки» узла (когда ну 10510o1416k 78;но лишь реорганизовать запутанную структуру узла, оставляя без изменений набор возможностей, целевую аудиторию и общую направленность) инструментов понадобится меньше.
ИП также является фундаментом для планирования развития узла. Масштабируемость - это важный элемент разработки узлов Web: по мере того, как организации будут использовать свои узлы для предоставления более разнообразных видов информации более широкой аудитории, структура узла должна поддерживать его рост. Важно также обеспечить преемственность: после того, как посетители уже изучили структуру и схему навигации узла, они будут опираться на это знание во время следующих посещений. Если в своих поисках информации они стану 10510o1416k 90; терять ориентацию и попадать совсем не туда, куда привыкли, в следующий раз посетители уже могут не верну 10510o1416k 90;ься.
Однако интересы заказчика не всегда совпадают с интересами аудитории. Например, «любопытный» отдел маркетинга может захотеть выкачать из потенциальных клиентов все возможные сведения о них, но большинство граждан Сети предпочитают во время своих экскурсий по Web оставаться анонимными.
В наше время лучшие решения в области ИП (как и в жизни) принимают наиболее образованные и коммуникабельные специалисты. Многие заказчики просто не понимают специфики Web-дизайна, поэтому проектировщик должен помочь им принять правильные решения. Но нельзя объяснить им, почему нежелательно непосредственно связывать с домашней страницей все остальные, если дизайнер не понимает этого сам.
Невозможно освоить ИП за одну ночь. Освоение навыков информационного дизайна - вещь трудная, особенно учитывая отсутствие справочного материала в этой области (в отличие от других направлений дизайна). Но помощь близка: все больше школ дизайна открывают курсы основ ИП, кроме того, уже издано несколько книг, посвященных исключительно ИП в Web-дизайне. Со временем эта область будет, без сомнений, так же хорошо разработана и столь же широко изучаться, как графический дизайн.
Тем не менее, как можно предположить, лучший способ научиться ИП - практика. Попробуйте в деле некоторые из описанных выше инструментов - и вы увидите, какое влияние они оказывают на разрабатываемые решения. Не исключено, что новые инструменты полностью изменят ваш подход к Web-дизайну, и вскоре вы найдете новые способы сделать проектируемый узел более удобным и полезным как для посетителей, так и для заказчиков.
Дрю Миллер ([email protected]) - главный информационный проектировщик компании Vivid Studio (www.vivid.com) из Сан-Франциско.
Добро пожаловать: VolkswagenУзлы Web становятся такой же движущей силой маркетинга, как телевизионная или печатная рекламные кампании. Конечно, узлы Web обладают значительно более высоким потенциалом, чем традиционные рекламные «среды», поскольку дают возможность посетителям взаимодействовать с информационным содержанием. У компании Volkswagen всегда был очень демократичный, дружественный имидж (помните лозунг «Герби любит Жука»?). Поэтому и узел Web компании также построен без излишней претенциозности; таким образом, хотя www.vw.com набит информацией до отказа, он остается весьма презентабельным и обладает удобным механизмом навигации. Замечательно то, что на узле посетители могут почувствовать себя владельцами и водителям «фольксвагена», а не только полистать и почитать рекламную брошюру. Узел Volkswagen разделен на шесть общих категорий, каждая из них содержит свои подразделы: «Автомобили» (отдельные модели), «Вождение» (предполагаемые маршруты), «Владельцы» (информация из магазинов и клубов, часто задаваемые вопросы и торговля, связанная с VW), «Мир VW» (календарь автовыставок и событий), «Контакт» (форма запроса и поиск дилеров) и «Брошюра» (литература по продажам). Шесть категорий, вместе взятые, составляют достаточно гибкую структуру, в которую можно вместить всю информацию компании и, при необходимости, добавить новую. Преимущество такой структуры состоит в том, что узел может органически эволюционировать, поскольку дизайнеру легко выбрать подходящий способ для добавления нового содержания. Однако свободная структура не означает отсутствия структуры вообще; для правильной организации содержания необходима четкая система. Узел VW организован четко. Для всех страниц выбран яркий или серый текст на белом фоне; значки навигации небольшие и простые, а расположены они всегда на одних и тех же местах. Освещение большинства фотографий на узле подобрано очень тщательно, размещены они со знанием дела, особенно снимки в «Галерее» для каждой модели. В области «прихожей» на домашней странице узла разделы выделены текстом и графикой. Это самая большая и заметная часть информации на странице: здесь все максимально упрощено, поскольку очень важно, чтобы посетители сразу могли понять, с чего им следует начать. Функция «Сделай сам» - это умный способ заострить внимание на интерактивной природе Web: можно выбрать модель, цвета окраски кузова и салона, плюс любые дополнительные устройства, а затем оценить общую стоимость (пока узел не позволяет связаться с продавцами машин электронным способом, но, возможно, это будет реализовано в следующем году).
Заголовки для страниц (в теге TITLE) хорошо выделены, хотя не во все из них включено название VW. Это может несколько смутить тех пользователей, которые несколько позже обнаружат в меню закладок загадочные страницы под названием Driving (Вождение) или Owners FAQs (Часто задаваемые вопросы владельцев). Поскольку обновление содержания обычно вызывается внешним событием - новые модели выходят на рынок раз в год - создателям узла Volkswagen не ну 10510o1416k 78;но заботиться о срочном размещении каких-то неожиданных материалов. Следовательно, все может быть тщательно спланировано заранее. Кроме того, содержание главной страницы произвольно меняется (когда посетители повторно загружают ее, то видят новое изображение и текст), что облегчает добавление новых материалов в любое время. Еще одна приятная возможность заключается в том, что узел приглашает своих посетителей принять участие в его обновлении - в подразделе Favorite Roads (Любимые маршруты) можно поместить собственные рассказы. Кроме описания маршрута, посетителя попросят порекомендовать отели, рестораны, интересные места, развлекательные заведения и выбрать «цвет местности» - иногда такие рассказы довольно интересны, а главное, всегда есть причина верну 10510o1416k 90;ься на узел еще раз. |
Новости от CNNУзел Web CNN - один из самых популярных электронных источников новостей. Поскольку на узле размещается огромный объем постоянно меняющейся в течение дня информации, для него необходима особенно устойчивая архитектура, которая, с одной стороны, должна быть достаточно гибкой для быстрого обновления «горячих» новостей, а с другой стороны - быть понятной многочисленным посетителям.
Показом записи или прямой трансляции телевизионных новостей можно еще более усилить воздействие статьи; печатные публикации обычно готовятся дольше, поэтому в них можно найти более детальные описания и анализ. К счастью, Web позволяет использовать преимущества обоих миров, поскольку там можно разместить как объемные тексты и изображения, так и видео. В CNN хорошо знают это, поскольку новые видеоролики появляются на узле ежедневно, особенно для таких событий, где видеоряд имеет первостепенное значение: взрывы, ураганы и извержения вулканов. Крошечный значок видеокамеры рядом с текстом статьи, который представляет собой ссылку на видео, облегчает поиск видеофрагментов. Некоторые видеофрагменты представлены в формате Apple QuickTime; другие - по выбору в форматах RealMedia компании RealNetworks или Windows Media, оптимизированных для скоростей передачи 28,8 или 56 Кбит/с (что может иметь важное значение для пользователей не самых лучших каналов). Подобные значки обозначают также фрагменты аудио и QuickTimeVR. Страницы CNN содержат довольно много графической информации, включая рекламные объявления нескольких размеров. К счастью, разработчики приложили немало усилий, чтобы отделить содержание от рекламы, выделив для баннеров несколько строго определенных мест (низ и верх каждой страницы, а также область под панелью навигации), а также визуально отделив их линиями и цветными ячейками таблиц. Основные функции навигации узла помещаются в цветной панели навигации в левой части страницы. Текущее положение посетителя всегда выделяется красно-белой стрелкой, что облегчает ориентацию. Подобный метод навигации с «полосатой», раскрывающейся вниз панелью в левой части страницы давно подвергается критике многими Web-дизайнерами, как слишком обыденный и недостаточно изысканный, но для новостного узла сугубо практической направленности подобный метод работает хорошо. В CNN предусматривается несколько опций поиска: кроме поиска определенных слов или фраз, по ключевому слову можно найти фрагменты видео, анимации и QuickTimeVR, а также изображения. На карте узла даны непосредственные ссылки на основные разделы и подразделы, а также удобное и наглядное представление всего узла. Новости появляются без всякого расписания, поэтому информация на CNN изменяется постоянно. Отсутствие задержек во времени очень важно: CNN задуман как круглосуточная служба новостей, где немедленно сообщается обо всех происходящих событиях, иногда даже в режиме реального времени. Нет необходимости напоминать, что такой узел Web должен обладать адекватными возможностями. Важные новости, независимо от того, к какому разделу они относятся, помещаются наверху страницы. Ко всем статьям, чтобы показать, когда они были размещены в Web, добавляются дата и время, а более старые статьи помещаются в архив, откуда их можно легко извлечь. Один из самых примечательных инструментов узла - функция заказа информации. Заполнив личный профиль на странице CNN Custom News, посетитель может выбрать только те разделы, которые его интересуют, например, погоду или спорт. |
CDNow: громко, но невнятно
Если необходимо найти продукт, то информационная структура узла практически заставляет воспользоваться для этого механизмом поиска, что иногда оказывается слишком сложно. Единственные альтернативы этому - Lexicon (огромный набор списков, в которые включены все исполнители, записи, песни, футболки, видеокассеты или обложки альбомов со ссылками на вну 10510o1416k 90;реннюю опись CDNow) и Album Advisor (Советчик по альбомам), чье назначение - порекомендовать выборки в соответствии с музыкальным вкусом посетителя.
Главная страница CDNow, на которой расположено более 50 графических и текстовых ссылок, слишком перегружена. На ядовито-зеленой центральной панели отображаются два различных продукта (при каждом обновлении страницы пара меняется). Цветовое решение довольно спорно: возможно, это сделано специально для спешащих покупателей, которые могут быстро перейти к одной из двух ссылок и сразу оформить покупку?
Все страницы построены на основе таблиц шириной 590 пикселов, что довольно удобно для просмотра на мониторах с разрешением 640 і 480 пикселов. Однако при более высоких разрешения в окне распахну 10510o1416k 90;ого на весь экран браузера с правой стороны оказывается обширное белое пространство. Использование таблиц с переменной шириной стало бы более гибким решением; даже простое центрирование таблиц в какой-то степени устраняет дисбаланс. Разработчики CDNow совершили одну из наиболее распространенных ошибок в Web-дизайне: они неправильно используют цвета и не обеспечивают их повторяемости по всему узлу. Для ссылок и просмотренных ссылок задан один и тот же голубой цвет, что не позволяет использовать информацию об уже пройденном пути в навигации. Еще более ухудшает дело то, что ссылки, добавляющие пункты в список покупок, выделяются красным цветом. Дело в том, что такой выбор цвета не всегда позволяет отличить функции покупки от обычных ссылок, поскольку на узле нарушается собственный стандарт: обычная ссылка в верхней части каждой страницы также выделена красным цветом, а в разделе подарков красный и синий цвет заменены, соответственно, пурпурным.
К узлу CDNow постоянно добавляется новая информация, которая выделяется несколькими способами. На странице-заставке и главной странице в разделе для каждого стиля перечисляются новые и ожидаемые поступления, а еженедельные музыкальные рейтинги, обзоры и интервью из музыкальных журналов и телевизионных передач создают приятное впечатление новизны содержания. В функции My CDNow можно изменить все опции - от информации о счете для оплаты до списка любимых исполнителей. Это важно, поскольку подобная функция должна быть гибкой и настраиваемой для каждого человека. В будущем My CDNow должна стать еще более важной частью узла, поскольку она обладает огромным потенциалом, чтобы сделать покупки по сети более удобными и приятными. Один из крупнейших электронных музыкальных магазинов, CDNow предлагает более 300 000 наименований компакт-дисков, кассет, альбомов и видеокассет, а также множество сопутствующей информации. Очевидно, что создание подходящего интерфейса для такого моря информации - задача непростая, и разработчики узла не всегда справляются с ней успешно. |
|
