
9. Создание каркаса сайта
Что необходимо знать, приступая к созданию каркаса сайта? Что нужно продумать в первую очередь, приступая к разработке сайта? На примере воображаемого сайта автор показывает, как начать делать сайт. Логотип, его влияние на дизайн сайта. Предполагаемая компоновка сайта, ее особенности. Немного слов о рекламе на сайте, как лучше ее разместить. Как осуществить проверку компоновки?
Введение
Каждый Web-дизайнер должен знать и понимать параметры Web-сайта, прежде чем начинать проектирование сайта. В этой лекции вы познакомитесь с основами, которые требуется знать, прежде чем начинать проектировать Web-сайты для бизнеса. Эта информация будет полезна также, если вы захотите создавать сайты для других, и ее можно использовать в качестве статьи-инструкции для сайтов, которые вы захотите создавать для себя. Обычно этот этап наступает после создания информационной архитектуры — необходимо собрать информацию о том, что клиент хочет иметь на своем сайте, и как он должен быть структурирован, какой тип брендингаиспользует компания, и использовать затем эту информацию для создания визуального макетадизайна, который необходимо согласовать с клиентом, прежде чем добавлять к нему графику и цветовые схемы. В частности рассмотрены следующие вопросы:
Хотя цвет и дизайн играют важную роль, необходимо понять, что клиент хочет реализовать с помощью своего Web-сайта. Эта информация будет иметь существенное значение для внешнего вида и функций сайта.
Поэтому необходимо создать контрольный список вопросов о Web-сайте клиента, на которые надо получить ответы, прежде чем пытаться что-то проектировать.
Необходимо также узнать как можно больше о предыдущих маркетинговых усилиях компании, включая брендинг. Эта информация будет иметь значение после начала проектирования Web-сайта.
На основе всей собранной от клиента информации вы создаете визуальный дизайн сайта, чтобы клиент мог представить себе основу для дополнительной графики и контента.
Лекция имеет следующее содержание:
Что необходимо знать
Первые шаги
Пример воображаемого сайта
Логотип
Компоновка
О рекламе на сайте
Проверка компоновки с помощью валидаторов и с клиентом
Заключение
Дополнительное чтение
Контрольные упражнения
Что необходимо знать
Обычно перед принятием решения о создании Web-сайта, индивидуум или компания должны иметь план того, что должен реализовать Web-сайт. Хотя цвет и графика играют важную роль, должны иметься планы для бюджета, предполагаемого рынка и намеченных целей, а также ресурсы для выполнения этих задач. Будет ли сайт просто предоставлять пользователям информацию, или он предназначен также для продажи им продуктов или услуг? Будет ли этот Web-сайт расширяться, или он предназначен для кратковременного усилия для достижения нишевого рынка (такой как сайт политической кампании или сайт, который предназначен для того, чтобы встроиться в текущую тенденцию). Будет ли сайт включать блог, юридические и информационные страницы, фото-галерею, форму для коммуникации через e-mail? Что еще ему нужно? Можно ли этот сайт сравнить с конкурентами?
Последнее, но не менее важное среди этих вопросов, имеет ли компания собственный бренд вместе с основными направлениями маркетинга. Если нет, то эта работа требует внимания до начала проектирования Web-сайта. Логотип, брендингтоваров или услуг, предназначенных для специфического рынка, и средства для достижения рынка могут быть за пределами ваших возможностей. Если вы не решали таких задач прежде, то можно привлечь специалиста по маркетингу, чтобы он помог решить этот вопрос правильным образом. С другой стороны, если план уже имеется, то крайне важно следовать указаниям компании, чтобы Web-сайт был согласован с другими маркетинговыми материалами.
Хотя большая часть этой информации может быть получена до того, как планируемый сайт дойдет до дизайнера, ответы на эти вопросы могут помочь решить, какой тип сайта будет создаваться, используемые цвета, и тип включаемой графики. Но один вопрос можно определить в большинстве случаев заранее — сайт должен быть доступным и легко используемым. Поэтому, внимание к коду и средствам навигации является приоритетным во всех случаях. О доступности можно будет прочитать больше далее в этом курсе (основные лекции по доступности еще должны быть опубликованы), а некоторые дополнительные моменты о вопросах юзабилити у Джекоба Нильсена (http://www.useit.com/).
Главный момент состоит в том, чтобы сохранить сайт простым, используя HTML и CSS для кода и дизайна, соответственно. Старайтесь избегать использованиятехнологииFlash, если только она не соответствует некоторым элементам сайта (в последнее время много было сделано, чтобытехнологияFlash стала более доступна, и она хорошо подходит для некоторых задач, таких как видео), и подумайте о том, где может понадобиться JavaScript и другие технические средства. Это облегчит дизайнеру и программисту создание сайта (особенно, если дизайнер является программистом), и сделает сайт более совместимым с различными браузерами.