Баланс формы и функции

    Ключевой проблемой Web-дизайна является проблема соблюдения баланса формы и функции сайта. Под влиянием модернизма многие дизайнеры стали придерживаться представления о том, что форма во что бы то ни было должна соответствовать его функции. Будем считать, что форма - это одно основание нашей метафорической пирамиды Web-дизайна, в то время как функция - это другое ее основание. Функция без формы обязательно будет скучной и непривлекательной. Пусть даже такой сайт будет правильно работать, но он никогда не сможет привлечь пользователя. Верно также и обратное: если форма превосходна, но функция крайне ограничена, пользователь снова будет глубоко разочарован. Между формой и функцией необходимо поддерживать постоянное и четкое взаимодействие. Проще говоря, форма сайта должна напрямую вытекать из его предназначения. Если, например, сайт посвящен в основном online-торговле или рекламе, то он просто обязан быть очень привлекательным с визуальной точки зрения и иметь большое количество мультимедийных возможностей, если это реально помогает достигать поставленных перед ним целей. Напротив, сайт, предназначенный исключительно для решения узкого круга чисто практических задач, например, для проведения банковских операций в режиме online, вполне может иметь более утилитарную форму. Естественно, определение конкретной формы Web-сайта предполагает, что его функция уже изначально четко детерминирована. К сожалению, конечное назначение многих Web-сайтов не всегда четко передается. Хуже того: не всегда ясно устанавливается взаимоотношение формы и функции сайта.

Правило: обеспечьте связь внешнего вида сайта и его назначения.

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

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

Исполнение: легкая часть ?

    HTML, XML, CSS, JavaScript, Java, Flash, совместимость с браузерами, возможности серверов и прочие компоненты Web-разработки - это простая часть Web-дизайна. Хотя изучение новой технологии может потребовать некоторого времени и усилий, в большинстве случаев довольно несложно оценить, используется ли HTML или какая-либо другая технология правильно, или же нет. Тем не менее, сегодняшние сайты изрешечены проблемами, связанными с исполнением; проблемы варьируются от простых опечаток до значительных осложнений по части технической совместимости, доставки и удобства использования.

    Web-сайт следует считать отличным, только если он полезен, удобен в использовании, безошибочен и привлекателен. Смысл, вкладываемый в каждое из этих определений, может быть в значительной мере чем-то субъективным, кроме, пожалуй, безошибочности. Чтобы сайт мог считаться хорошо разработанным, его исполнение должно быть превосходным. Это означает, что сайт не дает никаких сбоев где бы то ни было. HTML-код должен быть абсолютно точно выверен, а изображения правильно сохранены, чтобы страница отображалась браузером именно так, как изначально задумывал дизайнер. Любые интерактивные элементы, будь то сценарии клиентской части, реализованные с помощью JavaScript, или CGI-сценарии, исполняемые сервером, обязаны функционировать соответствующим образом и не приводить к сообщениям об ошибках. Система навигации сайта должна четко работать в любой момент времени. Появление нарушенных связей (broken link), сопровождающееся слишком хорошо известными сообщениями об ошибке 404: "Not Found", никак нельзя отнести к признакам качественно выполненного сайта. Ошибки, на самом деле, следует обрабатывать, а неисправности на сайте, если уж они есть, должны происходить элегантно. Несмотря на то, что высокое качество исполнения представляется очевидным условием создания превосходного сайта, слишком многие сайты испытывают серьезные проблемы именно на уровне практической реализации проекта, поэтому мы не можем оставить данный аспект без внимания.

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

    Почему же Web-сайты кишат проблемами, связанными с исполнением ? Все просто: это молодая индустрия с меняющимися стандартами. Посмотрите на Web-дизайн, который считался современным несколько лет назад, и вы увидите разницу. Более того, большинство специалистов по Internet зачастую не имели подготовки в областях вычислительной техники, организации сетей, теории гипертекста, когнитологии и во всех других дисциплинах, которые могут влиять на качество создаваемого сайта. Некоторые простодушные дизайнеры даже игнорируют характерные черты возникающей сетевой среды не обращаясь к проблемам различающихся разрешений, цветовоспроизведения, ограничений пропускной способности и т. д. Web-дизайнер, не придающий значения этим видам технических характеристик Internet, похож на дизайнера печатной продукции, который не соглашается с тем, что чернила на бумаге расплываются. Мастера Web-дизайна должны знать и уважать пространство, в которое входит все от браузеров и пропускной способности до программирования и протоколов.

Правило: выполняйте разработки для среднестатистического пользователя, но учитывайте различия.

    Таким образом, учитывая среду Web-дизайна, мы заканчиваем с сегодняшним ассортиментом сайтов - от соответствующих стандартам, легковесных, удобных для пользователя, информационных и предоставляющих широкие возможности по выполнению задач, до сконструированных для определенного браузера, непригодных для использования и неподъемных мультимедийных монстров, построенных с расчетом на громадную пропускную способность и разрекламированных как проекты "следующего поколения". Но предполагает ли это сравнение, что все хорошие сайты одинаковы ? Не обязательно.

Ортодоксальность и новаторство

    Многие Web-дизайнеры полагают, что теории дизайна и классификация моделей сайтов делают их похожими друг на друга и сдерживают нововведения. Действительно, строгое соблюдение дизайнерских шаблонов вроде компоновки "сверху-слева-снизу" или таких общераспространенных приемов, как помещение логотипов организаций в левый угол Web-страницы, ограничивают некоторые альтернативы дизайна страниц; но дизайнеры неправильно поняли причину появления этих соглашений. Подумайте: хотя в принципе проектировать книги с треугольными страницами можно, лишь немногие книги делаются такими. Издержки производства, неуклюжесть, неподготовленность читателя к такой форме - все это делает треугольную книгу рискованным предложением. Большинство книг имеют квадратную или прямоугольную форму, отчетливую обложку, титульный лист, оглавление, разделение между главами и т. д. Подавляют ли эти соглашения дизайнеров книг ? Лишь немногие будут утверждать, что это так; в рамках заданных ограничений, присущих современной книге, все же возможно серьезное творчество. Это утверждение справедливо и применительно к Web-дизайну. Дизайн графических пользовательских интерфейсов (GUI) для программ оказал влияние на то, что считается стандартом для пользовательских интерфейсов в Internet, однако появились и новые идеи.

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

Правило: выказывайте должное уважение к соглашениям, связанным с графическим пользовательским интерфейсом (GUI) и Web-интерфейсом.

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