Веб-дизайн

Прототипы страниц

Макет страницы - это место встречи информационного ди­зайна, дизайна интерфейса и дизайна навигации, которые совместно формируют единую конструкцию, связываю­щую части в целое. Макет страницы должен включать в се­бя все навигационные системы, имеющиеся на сайте и от­ражающие разные взгляды на архитектуру сайта; все эле­
менты интерфейса, необходимые для использования функ­циональности этой страницы; а также информационный дизайн, поддерживающий как вышеупомянутые элемен­ты, так и собственно контент страницы.

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

Pack my box with five dozen Liquor jugs. How razorback-jumping frogs can level six piqued gymnasts! We dislike to exchange job Lots of sizes varying from a quarter up. The job requires extra pLuck and zeal from every young wage earner.

A quart jar of oil mixed with zinc oxide makes a very bright paint. Six big juicy steaks sizzled in a pan as five workmen left the quarry. The juke box music puzzled a gentle visitor from a quaint valley town.

Pack my box with five dozen Liquor jugs. How razorback-jumping frogs can level six piqued gymnasts!

Раскрывающийся список

Поле для ввода текста

ИНФОРМАЦИЯ ОТ ПАРТНЕРОВ

The job requires extra pluck and zeaL from every young wage earner. A quart jar of oil mixed with zinc oxide makes a very bright paint. Pack my box with five dozen liquorjugs.

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

СЕРВИСНАЯ НАВИГАЦИЯ

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

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

Архитектурная схема, которую мы обсуждали при рас­смотрении уровня структуры, предлагает общий взгляд на проект. Прототип страницы является подробным докумен­том, показывающим, как этот общий взгляд будет вопло­щен на уровне компоновки. Прототипы страниц иногда до­полняются подробной спецификацией системы навига­ции, включающей в себя детальное описание всех навига­ционных элементов.

Для небольших или несложных сайтов в качестве образца всех будущих страниц достаточно иметь один прототип. Однако во многих проектах для того, чтобы можно было передать всю их сложность, необходимо создавать большое количество прототипов. При этом вам вряд ли потребуются отдельные прототипы для каждой страницы сайта. Вслед­ствие того, что при создании архитектуры контент делится на несколько обширных классов, для описания всех стра­ниц сайта необходимо создать относительно небольшое ко­личество уникальных прототипов.

Прототипы страниц необходимы прежде всего в работе над визуальным дизайном сайта, где они служат первым ша­гом процесса формального определения дизайна; однако почти каждый, кто вовлечен в разработку сайта, будет в определенный момент пользоваться ими. Сотрудники, ответственные за стратегию, набор функциональных воз­можностей и структуру сайта, могут обратиться к прототи­пу страниц, чтобы проверить, соответствует ли конечный продукт их ожиданиям. Люди, ответственные за фактиче­ское построение сайта, могут с помощью прототипа стра­ниц ответить на вопросы о том, как сайт должен функцио­нировать.

По мере того как сфера проектирования опыта взаимодей­ствия росла и развивалась, ответственность за прототипы страниц время от времени становилась предметом междо­усобных войн внутри компаний. В некоторых командах веб-разработчиков разделение труда доходит до такой сте­пени, что там существуют специальные должности (и даже целые отделы!) «информационных архитекторов» и «ди­зайнеров».

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

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

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

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

Значимость прототипов страниц определяется тем, как они объединяют все три элемента уровня структуры: ди­зайн интерфейса - через расположение и выбор элементов интерфейса; дизайн навигации - через идентификацию и задание главных навигационных систем; информацион­ный дизайн - через размещение и расстановку по приори­тету информационных компонентов. Собрав эти три со­ставляющие в одном документе, прототип способен задать компоновку, в полной мере опирающуюся на концепту­альную структуру сайта и указывающую дорогу к визуаль­ному дизайну.