Веб-дизайн (web page design) – это процесс проектирования, планирования, моделирования и реализации доставки электронного содержимого через сеть Веб с использованием технологий (на основе языков разметки), подходящих для интерпретации и визуализации веб-браузером или другим графическим веб-интерфейсом пользователя.
Очень важным является приведение веб-ресурса в соответствие стандартам W3C, что обеспечивает доступность содержания для людей с ограниченными физическими возможностями и пользователей портативных устройств, а также кроссплатформенность кода разметки ресурса.
Основными аспектами веб-дизайна (в первую очередь для коммерческих веб-сайтов) являются следующие:
• Содержимое. Информационное наполнение должно быть релевантным тематике сайта и ориентированным на целевую аудиторию сайта.
• Удобство в использовании (usability). Сайт должен иметь дружественный пользовательский интерфейс с простой и надежной навигацией.
• Внешний вид. Графика и текст должны быть выполнены в одном стиле и согласованы на всех страницах сайта. Стиль оформления должен демонстрировать профессионализм, привлекательность и релевантность.
• Видимость. Сайт должен легко находиться с помощью большинства поисковых систем и рекламных площадок.
По-сути, веб-сайт - это информационная система, которая содержит две основные компоненты:
• Компоненту представления (front-end). Видимое содержимое (разметка страниц, графика, аудио и текст).
• Компоненту реализации (back-end). Связана с организацией и эффективной реализацией исходных кодов. Включает в себя неотображаемые сценарии, серверные компоненты, являющиеся основой для компоненты представления.
Составлением технического задания на разработку веб-сайта для специалистов занимается менеджер проекта. Работа с заказчиком начинается с составления краткого описания, в котором излагаются пожелания заказчика по визуальному представлению и структуре сайта. С учетом возможностей программных и дизайнерских средств и исходя из краткого описания, менеджер составляет техническое задание, которое должно быть утверждено заказчиком.
Этапы проектирования веб-сайта зависят от объема сайта, его функциональности и многого другого.
Разработка веб-сайта включает в себя следующие этапы:
• Дизайн главной и типовых страниц сайта. (выполняетя обычно в графическом редакторе).
• HTML-кодирование, в результате которого создаётся код, который можно просматривать с помощью браузера.
• Программирование сайта. Может осуществляться как "с чистого листа", так и с помощью специального высокоуровнего пакета - системы управления сайтом (CMS).
• Размещение сайта в Веб, наполнение контентом и публикация.
• Оптимизация веб-сайта с целью повышения его видимости в Веб.
• Сдача сайта заказчику.
Для дизайна веб-сайта и разработки веб-приложений для него имеет широкий спектр инструментальных средств. Компания Майкрософт имеет уже давнюю традицию создания WYSIWYG-инструментов такого рода. Среди таких инструментов можно назвать, в частности Microsoft Visual Studio. NET и Microsoft Expression Web.
Дизайн сайта (веб-дизайн) это не просто его художественное оформление. Создание качественного дизайна должно учитывать несколько обязательных аспектов. Вот основные из них:
1. Веб-дизайн должен ориентироваться на целевую аудиторию. Если достаточно большая часть аудитории, к примеру, те люди которые подключаются к интернет по телефонной линии, в оформлении не должно быть больших, или как говорят специалисты, "тяжелых" картинок. Если среди аудитория состоит из специалистов-компьютерщиков, позаботьтесь о том, чтобы созданный сайт был виден абсолютно под всеми браузерами. А если аудитория из тех, кто наверняка оставлял настройку машины "по умолчанию" можно не стесняться сделать какой-нибудь нужный, с функциональной точки зрения, элемент, который не будет работать в Netscape или Galion и т.п. - это почувствует на себе менее 1% посетителей. Для сайта развлекательной тематики движущиеся элементы, мерцание и яркость красок будут, возможно, в самый раз, а на деловом или информационном ресурсе такой веб-дизайн будет совершенно не уместен - раздражать и отвлекать внимание.
Расположение элементов оформления должно подчеркивать важные информационные блоки, "водя" взгляд посетителя по экрану так, чтобы тот в течение нескольких секунд понял "о чем здесь написано" и "что делать дальше".
2. Web-дизайн должен быть эргономичным. Соблюдать контрастность текста к фону, использовать удобную навигацию, по возможности не изменять расположение навигационных элементов на разных страницах сайта. Грамотная навигация по сайту и соблюдение правила "трех кликов" (до любой информации на сайт пользователь должен добираться не более чем за три щелчка мыши) - эти требования веб-дизайна следуют из элементарного уважения к посетителям сайта. Если разрабатываемый сайт имеет коммерческую или информационную направленность, лучше не экспериментировать с "нетрадиционной" навигацией по сайту только лишь ради того, чтобы "выделиться" в общей массе. Выделяйтесь за счет чего-нибудь другого, но меню должно находиться там, где пользователь привык, где он ожидает его увидеть.
3. Веб-дизайн должен быть красивым. А это значит приятным глазу, комфортным. Единообразие шрифта, минимум выделений шрифта цветом и размером букв, обеспечат посетителю комфорт на вашем веб-сайте, а вам - постоянного посетителя. И хоть красота не есть понятие абсолютное, критерий здесь достаточно прост. Веб-дизайн в первую очередь должен понравиться посетителям вашего сайта (в конечном счете - вашим клиентам) и уж потом вам, как владельцу сайта. Покажите концепцию дизайна, который собираетесь утвердить, нескольким своим клиентам и послушайте их мнение.
4. Технологичность веб-дизайна. Требование технологичности web-дизайна обусловлено тем, что современный ресурс динамичен. В нем нет фиксированного набора разделов - они будут добавляться вами, как владельцем и администратором сайта, в процессе эксплуатации сайта. Все что может, и о чем обязан позаботиться веб-дизайнер - это о правилах вывода типовых (и на этапе разработки весьма абстрактных) элементов и информационных объектов, которые в дальнейшем вы будете размещать на своем сайте. Сразу скажу, что задача это не простая и накладывает на дизайнера массу ограничений. Более того, подавляющее большинство веб-дизайнеров просто не привыкло еще работать в условиях динамично развивающейся структуры веб-сайта. На этапе разработки ему приходится работать в тесной связке с верстальщиком, обдумывая что произойдет с той или иной картинкой если здесь появится слишком длинное название, или пунктов в меню станет слишком много. Вот в этих строгих рамках и должен найти элегантную свободу современный веб-дизайнер.
5. Первое впечатление. Первое впечатление создается не от того, какая конкретная информация размещена на сайте. Не от отдельных элементов дизайна, а от восприятия сайта в целом, от его общего вида и общей направленности. Если это восприятие будет положительным, посетитель начнет изучать меню, просматривать информацию, если нет, может сразу уйти.
При этом на общее восприятие влияют не только художественные аспекты. Влияет и тематическая направленность расположенной на сайте графики, общая направленность ссылок и текстов. Если посетитель занимается поиском информации (статей, описаний и т.д.), а в открывающейся первой странице сайта видит сияющий флэш в пол-экрана и несколько надписей, он вернее всего сразу уйдет. Общий вид Вашего сайта должен четко соответствовать миссии сайта.
Люди разного возраста и разных социальных групп воспринимают Ваш сайт по разному. И даже один и тот же посетитель, но ориентированный на разные задачи. Занимаясь поиском в сети каждый пользователь уже имеет некоторое представление о том, какой сайт он хочет увидеть. Причем это представление, как уже понятно, зависит как от личности посетителя, так и от его текущих целевых устремлений.
Соответственно и возникло деление корпоративных сайтов на Интернет-представительства, Интернет-витрины, Промо-сайты, Интернет-магазины, Информационные порталы. Дизайн каждого из них имеет свои специфические особенности. И не только такое, но и более детальное тематическое деление. Например, посетитель предпочтет тот интернет-магазин, который на первой странице представит искомые им категории товаров и будет соответственно оформлен. Поэтому и дизайн сайтов одного типа, но представляющих разные категории товаров/услуг/информации должен отличаться.
Невозможно сделать один сайт даже одного конкретного типа на все случаи жизни. Если компания имеет широкий профиль, лучше делать несколько сайтов по каждой категории товаров/услуг/информации. Например, интернет-магазины по продаже компьютеров, часов, ювелирных изделий, нижнего белья должны иметь совершенно разный дизайн. Это же касается и информационных порталов и всех других категорий корпоративных сайтов.
Четко сфокусированная ориентация всех элементов дизайна корпоративного сайта на потребителя, на требуемую Вам целевую аудиторию – один из основных факторов успеха.
6. Удобство сайта. Первое впечатление от сайта очень хорошее, но органы управления расположены неудобно, надписи мало информативны, меню имеет большую глубину и в нем можно запутаться. Пользователь может просто не дойти до нужной ему информации и покинуть сайт.
Если же посетитель нашел то, что ему требуется, но не нашел контактных телефонов, форм обратной связи и т.д., он опять же уходит и не вернется вновь.
7. Запоминаемость сайта. Пользователь получил искомую информацию, и в хорошем настроении покидает сайт. Необходимо, чтобы он запомнил сайт, запомнил логотип, имя сайта, брэнд компании. Вернулся бы на сайт вновь за новой информацией, не прошел бы мимо рекламных ссылок на Ваш корпоративный сайт находясь на других сайтах, зашел бы в офф-лайн магазины компании.
Изложенное выше показывает важность и сложность создания качественного дизайна сайта. Хороший дизайн можно получить только итерационными методами: пока сайт не функционирует (не запрограммирован и не наполнен контентом) очень трудно представить его оптимальный дизайн. Но не имея концепции дизайна невозможно приступить к программированию сайта. Дизайн создается до начала программирования, корректируется в ходе программирования и дорабатывается по окончании наполнения сайта контентом.
От того, насколько дизайн сайта соответствует уровню компании и ее фирменному стилю, характеру представляемых услуг, требуемой целевой аудитории, во многом зависит успешность бизнеса в целом. Дизайн сайта должен соответствовать содержанию сайта, а в целом они должны быть ориентированы на требуемую целевую аудиторию.
Элементы дизайна
Элементы - это части или компоненты, которые можно выделить и определить в любой визуальной композиции или произведении искусства. Они создают структуру произведения, и могут нести множество различных идей.
Элементами дизайна являются:
• Точка
• Линия
• Форма, фигура
• Движение
• Цвет
• Узор
• Текстура
• Пространство
• Текст, шрифт
Точка - простейший элемент визуального дизайна. Точка служит в качестве фокуса изображения, выделяя важную информацию или притягивая к ней внимание
Линия - это черта создаваемая движущейся точкой, и соответственно она имеет определенное психологическое значение в зависимости от ее направления, толщины и изменения ее направлений и толщины. Это очень полезное и разнообразное графическое средство, которое способно "говорить" как визуально, так и вербально. Оно может использоваться в языке символов, либо для передачи эмоций своим направлением и свойствами.
Узор это фоновая структура, которая организует плоскости или структуры в нечто однообразное и повторяющееся. Узор можно описать, как повторяющийся элемент фигуры или формы, но так же его можно представить как "скелет", который организует части композиции.

2 Анализ принципов восприятия сайта пользователями, юзабилити и практичность

Именно юзабилити и практичность определяют успех или неудачу сайта. Успешный сайт – такой сайт, который понятен пользователю и который способен выполнять возложенные на него задачи.
Сосредоточимся на рассмотрении основных принципов, эвристики и методов эффективного веб-дизайна, необходимо знать, как пользователи взаимодействуют с сайтами, как они думают и основные модели их поведения.
Как думают пользователи
Обычно поведение пользователей в Интернет ничем не отличается от поведения покупателей в магазинах! Посетители просматривают каждую новую страницу, сканируют глазами текст и кликают на первую привлекшую их внимание ссылку.
В основном пользователи ищут что-то интересное или полезное и как только такие объекты ими находятся, пользователи кликают на них. Если же открывшаяся страница не оправдала ожиданий пользователя, он жмет на кнопку браузера «Назад» и продолжает поиски.
• Пользователи ценят качество. Если на сайте имеется важная и полезная для пользователя информация, то он закроет глаза на оформление сайта и на рекламу, на нем размещаемую. Именно поэтому сайты, предоставляющие первосортный контент, но не обладающие изысканным оформлением, имеют стабильную высокую посещаемость. Запомните! Контент гораздо важнее для пользователя, нежели дизайн.
• Пользователи не читают, они сканируют глазами. Пользователи сканируют веб-страницы, ища на них «зацепки», такие как заголовки, списки, слова, выделенные жирным или курсивом и т.д.

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

На обоих скриншотах видно, что взгляд пользователей бродит в хаотичном направлении по веб-странице.
• Пользователи следуют своей интуиции. В большинстве случаев пользователи с грехом пополам выполняют различные действия, не читая инструкций, размещаемых на сайте. Согласно Стиву Кругу: «Если мы находим что-то, что работает, мы используем это. Абсолютно неважно, как это работает, нам важен сам факт этого!»
• Пользователи хотят владеть ситуацией. Пользователи хотят управлять своим браузером и не терпят вмешательства в свою вотчину со стороны. Например, их неописуемо раздражает, когда при заходе на сайт меняется размер окна их браузера или выскакивают всплывающие окна, обходя установленный блокировщик и т.д. Отсюда вытекает еще одно очень важное и часто нарушаемое правило: никогда не задавайте открытие ссылок в новом окне браузера. Пользователи сами решат, что, как и где им открыть.
Не заставляйте пользователей думать
Веб-страница должна быть максимально понятна пользователю. В процессе создания веб-страниц, нужно сделать все возможное, чтобы избавить пользователя от всевозможных вопросов, которые могут возникнуть у него при попадании на эту страницу.
Если же навигация по сайту и его структура запутаны и неочевидны, то количество вопросов у пользователя только возрастет и он не сможет понять, как работать с сайтом, как переместиться из точки А в точку Б…
Необходимо добиться максимальной прозрачности и очевидности структуры сайта, все пути по сайту сделать интуитивно понятными ради того, чтобы пользователи без труда и в любой момент могли попасть в любую точку сайта.

Рассмотрим наглядный пример. У Beyondis.co.uk в самом верху веб-страницы размещен девиз: «beyond channels, beyond products, beyond distribution». Почему именно в этом месте? А потому что разработчики исходили из того, что при просмотре веб-страниц пользователи действуют по схеме «F», отсюда следует, что первым, что увидят пользователи, будет этот девиз.
Несмотря на то, что дизайн сайта интуитивно понятен, для того, чтобы понять, о чем конкретная его страница, необходимо искать ответ. Этот недостаток – вина проектировщика, который обязан предусматривать все возможные вопросы, которые могут возникнуть у пользователя, находящегося на сайте.
Если же поменять местами левую часть (девиз) и правую (графическое изображение с описательным текстом), то этот вопрос бы отпал сам собой. Решение перед носом, нужно просто его увидеть!

ExpressionEngine использует такую же простую структуру, как и в предыдущем примере, но при просмотре страницы сайта у пользователей не возникает никаких вопросов – им все понятно!
Разработчики грамотно предлагают выбрать пользователям между онлайн-тестированием движка и его бесплатным скачиванием.
Именно простота привлекает пользователей в веб-сайтах. Им нравится, когда заранее известно, что они хотят, и им это предлагается. Только добившись этого, возможно успешно взаимодействовать со своими пользователями.
Не испытывайте терпение пользователей
В процессе реализации новых проектов не нужно забывать о минимальных требованиях, предъявляемых к пользователям. Чем меньше действий требуется от пользователя, тем охотнее он будет пользоваться тем или иным сервисом.
Пользователи очень не любят, когда от них требуется заполнения больших форм. Поэтому не рекомендуется их использовать, чтобы не распугать всех посетителей. Позвольте пользователям гулять по сайту, не требуя от них регистрации и авторизации.
Ужасную ошибку совершают те, кто не пускают пользователя на сайт без указания последними их e-mail’ов.
Пользователи охотно бы дали свой e-mail после того, как увидели сервис в действии и смогли понять и оценить, что они получат взамен на свой e-mail.

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

А вот и менее удачный пример – Mite требует ввести гораздо больше регистрационной информации, вследствие чего весь процесс может занять около 30 секунд, что доставляет пользователям некий дискомфорт.
Самым лучшим вариантом будет убрать все барьеры, будь то требование зарегистрироваться или подписаться на что-либо перед тем, как получить доступ к сервису.
Управляйте вниманием пользователей
Поскольку веб-сайты представляют одновременно и статический и динамический контент, некоторые элементы пользовательского интерфейса лучше привлекают внимание пользователей. Например, изображения сразу же привлекают к себе взор пользователей и являются более замечаемыми элементами сайта, чем контент.
Человеческий взгляд далеко не прямолинейный и способен мгновенно фокусироваться на границах, узорах и движущихся элементах. Именно по этой причине видео-реклама так сильно раздражает пользователей. Однако с маркетинговой точки зрения – такой вид рекламы самый заметный.

Humanized.com в совершенстве использует метод захвата и управления вниманием пользователя. Единственным элементом, цепляющим взгляд пользователей, является слово «FREE». Под и справа от этого заголовка располагается контентная часть, описывающая, что и как пользователь получает бесплатно.
Фокусировка пользовательского внимания на определенных участках сайта позволяет помочь им попасть из точки А в точку Б без каких-либо умственных усилий с их стороны.
Чем меньше у пользователей возникает вопросов относительно пользования Вашим сайтом, тем с большим доверием они будут к Вам относиться!
Все функции Вашего сайта должны быть видны пользователям
Современные дизайны сайтов обычно критикуются за их уклон в пошаговое управление пользователями в процессе достижения их цели, крупные иконки с визуальными эффектами и т.д. Однако с точки зрения перспектив дизайна эти элементы очень даже хороши.
С другой стороны, подобное пошаговое управление пользователями очень эффективно и помогает им спокойно и без приложения усилий достигать поставленной цели.
Подобные пользовательские интерфейсы очень просты, очевидны и юзабельны.

Dibusoft.com совмещают визуально привлекательный дизайн с ясной и прозрачной структурой самого сайта. Сайт имеет 9 основных навигационных опций, которые видны даже при беглом взгляде.
Запомните! Все функции сайта должны быть видны пользователям даже при его беглом просмотре. Это фундаментальный принцип успешного пользовательского интерфейса. Пользователи должны получать удовольствие от взаимодействия с сайтом.
Пишите эффективные и понятные тексты
Правила написания текстов для печатных изданий и для Web различаются. Для Web необходимо писать кратко, четко и понятно, разбивать текст на короткие абзацы, делать цепляющие заголовки, создавать различные списки и т.д.
Нужно избегать использования заумных и профессиональных выражений – Ваш текст должен быть понятен любому рядовому пользователю.
Выражайте свои мысли словами максимально четко, например, если хотите, чтобы пользователь зарегистрировался, следует сделать ссылку вида «зарегистрироваться» или «получить аккаунт», вместо «начать тут».

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

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

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

В нашем очередном примере Cameron.io использует свободное пространство в качестве основного элемента дизайна и, как видите, смотрится очень профессионально, а контентные блоки видны невооруженным глазом.
Взаимодействуйте с пользователями посредством «языка дизайна»
Три фундаментальных принципа «языка дизайна» – всего того, что пользователь видит на экране.
• Организация. Обеспечьте свой сайт ясной и прозрачной структурой для удобства пользователей. Последовательность расположения элементов, простота и ясность навигации сайта – основные понятия организации. Эти же правила должны быть применены ко всем элементам сайта.
• Экономия. Сделайте больше с минимальным набором визуальных элементов. В своей работе Вы должны использовать следующие 4 основных принципа: простота, ясность, уникальность и выразительность. Простота включает в себя только самые важные элементы для коммуникации. Ясность: каждый элемент сайта должен быть понятен и не вызывать вопросов. Уникальность: все основные элементы и их свойства должны быть уникальными. Выразительность: все самые важные элементы должны быть легко воспринимаемы.
• Коммуникация. Сделайте сайт, соответствующим ожиданиям пользователей. В грамотном пользовательском интерфейсе в балансе находятся четкость, читабельность, типографика, символика, цвета или текстуры. Оптимально будет использовать 3 гарнитуры шрифта максимум 3-ех размеров – по 18 слов или 50-80 символов на строке.
Общепринятые соглашения – наши друзья
Согласованное и общепринятое оформление элементов сайта не приведет к получению в итоге скучного и невзрачного сайта. Соглашения, по своей сути, очень полезны и удобны, т.к. они уже предоставляют готовые решения, которые легко узнаваемы пользователями всего Мира.
Только представьте, что бы было, если каждый веб-дизайнер размещал на своем сайте свой вариант иконки RSS, а не просто преобразовывал общепринятый.
То же касается и базовых принципов, как то структурировать файлы по папкам.
Изучайте пользователей, их поведение и ожидания. Сайт должен им соответствовать и оправдывать.
Самой хорошей проверкой будет зайти на сайт, предварительно переведя его на другой язык с помощью, например, Babelfish и попросить кого-нибудь найти что-либо на страницах этого сайта. Если сайт использует общепринятые соглашения, то пользователи смогут достичь определенных успехов поиска, даже не зная установленного языка.
Постоянно тестируйте
Юзабилити-тестирования должны проводиться на регулярной основе, т.к. только при таком раскладе Вы можете всегда быть в курсе потребностей и желаний Ваших посетителей.
Далее приведу Вам 4 важных пункта для запоминания:
• Тестировать 1 пользователя на 100% эффективнее, чем ни одного. Также тестировать 1 пользователя в начале реализации проекта гораздо лучше, чем тестировать 50 ближе к его запуску. Основная масса ошибок встречается на этапе проектирования. В дальнейшем же избавление от неисправленных ошибок обходится очень дорого.
• Тестирование – постоянный процесс. Суть этого заключения состоит в том, что нужно тестировать каждый новый элемент сайта с целью его совершенствования.
• Результатом юзабилити-тестирований являются практические рекомендации. В ходе тестирований выявляются неполадки и недоработки, которые необходимо исправить по горячим следам.
• Разработчик не в состоянии тестировать свой собственный код. Все очень просто – после долгих работ над одним проектом, глаз «замыливается» и невозможно оценить результаты своих усилий свежим взглядом. Вы знаете, как и что работает. Поэтому в этой ситуации нужен человек со стороны, незнакомый с разрабатываемым проектом.
Заключение: Если Вы хотите создать неотразимый во всех отношениях сайт, Вы должны регулярно подвергать его всевозможным тестированиям.

3 Программы дизайна веб-сайта и разработки веб-приложений

Microsoft Expression Web
Microsoft Expression Web является составной частью пакета Microsoft Expression Studio.
Microsoft Expression Studio - пакет графических программ компании Майкрософт, предназначенных для разработчиков и дизайнеров. Использует программный интерфейс WinFX.
WinFX (теперь NET Framework 3.0) — интерфейс программирования приложений, входящий в состав операционных систем Windows Vista и Windows Server 2008.
В состав Microsoft Expression Studio входят следующие инструменты:
• Microsoft Expression Blend — WYSIWYG-инструмент для проектирования пользовательского интерфейса приложений, создаваемых на основе Windows Presentation Foundation.
• Microsoft Expression Web — WYSIWYG-инструмент для дизайна веб-сайтов и редактор HTML.
• Microsoft Expression Media — векторно/растровый графический редактор.
• Microsoft Expression Design — профессиональный инструмент для графического дизайна и подготовки иллюстраций для настольных и web-приложений.
• Microsoft Expression Encoder – профессиональный мультимедиа-кодек для содержимого в формате VC-1 для Microsoft Silverlight.

Microsoft Expression Web 2
Microsoft Expression Web 2 позволяет разрабатывать веб-страницы, интегрирующие в рамках веб-сайта такие технологии как XML, CSS 2.1, ASP.NET 2.0, XHTML, XSLT и JavaScript., а также внедрять в страницы управляющие элементы ASP.NET, Microsoft Silverlight и AJAX. Для работы с этим инструментом требуется наличие установленной компоненты .NET Framework 2.0.
Необходимо уделить особенное внимание созданию мастер-страниц.
Поскольку страницы веб-приложения составляют некое единое целое, объединенное едиными требованиями к оформлению, содержанию, расположению элементов управления, то создаваемые веб-страницы сегодня очень редко разрабатываются "с нуля". Обычно при создании страниц используются готовые шаблоны, либо они создаются в процессе разработки веб-страниц приложения. Одним из средств решения подобных задач являются мастер-страницы (master pages). Они реализуют простую модель создания шаблонов форм с возможностью их повторного использования.
Для реализации данного механизма существуют такие типы страниц, как мастер-страницы (master pages) и страницы содержимого (content pages).
• Мастер-страница представляет собой шаблон страницы, который может содержать любые элементы, допустимые для обычной страницы, а также программный код. Обычно мастер-страница содержит фиксированные элементы, одинаковые для всех страниц, и заполнитель содержимого для остальной части страницы. Наиболее типичными фиксированными элементами являются верхний и нижний колонтитулы, панель навигации, панель меню и другие.
• Страница содержимого включает в себя допустимые элементы управления и с помощью их определяет содержимое, которым заполняются специальные области мастер-страниц. Каждая страница содержимого ссылается только на одну мастер-страницу из которой она получает элементы. Помимо фиксированных элементов мастер-страницы она также предоставляет и дополнительное содержимое.
Мастер-страница должна содержать элемент управления ContentPlaceHolder, который предназначен для определения области, куда страница содержимого может вставлять содержимое. При создании новой мастер-страницы элемент ContentPlaceHolder создается по умолчанию. Для того чтобы превратить обычную страницу в страницу содержимого, необходимо в качестве значения свойства MasterPageFile страницы указать имя мастер-страницы, а также добавить на страницу нужный элемент управления.