
- •Планирование web-сайта
- •Именование страниц
- •Добавление деталей
- •Средства навигации
- •Другие часто используемые элементы сайта
- •Заголовки
- •Юзабилити
- •Цвет, оттенки, и тени
- •Монохроматические цветовые схемы
- •Дополнительные цветовые схемы
- •Теплые и холодные цвета
- •Рассмотрение шрифтового оформления
- •О гарнитурах шрифтов или шрифтах
- •О разборчивости и удобочитаемости
- •Первые шаги
Первые шаги
Чтобы помочь разобраться с этими вопросами, мы создадим простой бизнес-сайт, используя методические принципы, которые я использую при проектировании Web-сайтов для себя и других. Эти инструкции включают как бизнес-аспекты, так и вопросы проектирования. Для удобства используется воображаемый бизнес, который уже достаточно развит, и использовал в прошлом некоторые маркетинговые материалы. Печатные материалы, включая логотип и брендинг, уже используются. Если начинать с самого начала, то сначала нужно будет разработать планы создания логотипа и брендинга, прежде чем начинать разрабатывать сайт Web.
Как Web-дизайнер, я хотела бы иметь следующую информацию о бизнесе, прежде чем начинать проектировать сайт. Я хочу создать список того, что хочу знать о дизайне этого сайта, чтобы не потребовалось делать никаких радикальных изменений в будущем. Это не воображаемая ситуация, так как представленные ниже вопросы необходимо обсудить с владельцами бизнеса или принимающими решение лицами, чтобы убедиться, что ваше представление проекта совпадает с их представлением.
-
Имя Web-сайта: Соответствует ли имя сайта компании ее сетевой активности? В данном случае имя Web-сайта совпадает с названием компании "Wiki Whatevers" Компания может захотеть разработать также некоторый девиз (http://www.powerhomebiz.com/vol112/tagline.htm), если она еще его не имеет. Девиз будет затем размещаться вместе с названием компании и логотипом на странице Web.
-
Логотип и брендинг: Я хотела бы собрать любые печатные материалы, которые были разработаны до сих пор, включая логотип, брошюры, буклеты, и т.д., чтобы можно было создать файл, содержащий такую информацию, как номера телефонов и адреса. Эта информация поможет также понять "тон", брендинг и стиль этого бизнеса лучше, исходя из ее прошлой активности. Если ничего из этого не было разработано раньше, то я захотела бы нанять специалистов по разработке логотипа (я не являюсь дизайнером логотипов, поэтому я передам эту работу субподрядчику — и вы также можете это сделать, добавляя соответствующую статью расходов в общий счет).
-
Имя домена Web-сайта: Вместе с именем сайта Web, я хотела бы знать, имеется ли имя домена. Имя домена является адресом, который использует Web-сайт для идентификации, и который пользователи будут вводить в адресной строке браузера, чтобы попасть на этот Web-сайт. Имя домена используется также как ссылка на сайт Web из внешних ресурсов. Имя домена может содержать любое количество зарегистрированных доменов более высокого уровня (http://www.ipowerweb.com/hostingdictionary/), таких как ".com," ".org," и т.д. Хотя дизайнер обычно не отвечает за регистрацию имени домена, полезно знать, что имя домена было выбрано и зарегистрировано. В некоторых случаях я должна была изменить имя сайта домена и другой контент, так как имя домена отсутствовало. Эта проблема ведет к более высокой стоимости для клиента, что было бы не нужно, если бы сначала было выбрано имя домена.
-
Исследование конкурентов: Это помогает узнать, что содержат Web-сайты конкурентов в терминах графики и контента, чтобы создаваемый сайт вышел на рынок на равных или лучших условиях при сравнении с основными конкурентами компании.
-
Информационная архитектура: Требуется ли на сайте корзина для покупок или блог? Какие планы расширения предполагает владелец сайта? Какова структура взаимных связей страниц? Эти вопросы имеют важное значение, так как необходимо будет встроить их в дизайн сайта и его средства навигации. Нужно знать, как сайт будет расширяться в будущем - это также будет определять, как создается сайт.
-
Контент сайта: Был ли разработан контент сайта? Если разработан, то вы должны немедленно получить доступ к контенту, чтобы определить средства навигации, тип дизайна, и компоновку. Классификация контента является лучшим способом разработки навигации. Контент может помочь также определить внешний вид и функции сайта; поэтому, если контент не был разработан, то может иметь смысл отложить разработку дизайна. Проверьте, что контент соответствует поставленной задаче, и планируйте обновление, так как именно контент сайта заставляет посетителей возвращаться на сайт.
-
Изучите возможности Web-хостинга: Хотя клиент может предполагать определенного провайдера Web-хостинга, вам может понадобиться что-то совершенно другое, так как не все хосты предоставляют одинаковую технологическую поддержку. Web-хост является компанией, которая обеспечивает Web-сайтам присутствие в Интернет, и некоторые Web-хосты предоставляют доступ к базам данных, которые могут понадобиться для блога или для каталогизации информации или продуктов с помощью корзины покупок. Некоторые хосты ограничивают число посетителей на сайте, и это может создавать проблемы, если сайт станет популярным. Большой список провайдеров услуг Web-хостинга и их возможностей можно найти на сайте Web Host Database (WHDB — http://whdb.com/). Проверьте, что клиент купил пространство на Web-хосте, прежде чем начинать дизайн, чтобы знать заранее параметры дизайна.
-
Контролируемый уход: Планирование контролируемого ухода означает, что вы/ваш клиент получаете контроль над тем, как пользователи будут покидать сайт. Посетители будут покидать Web-сайт неизбежно, поэтому почему бы не спланировать их уход через оплачиваемое размещение рекламы или через обмен ссылками? Планирование такого направления теперь может добавить сайту ценность в денежном выражении и/или предлагая услуги для пользователей сайта.
-
Сроки окончания: Определяют, когда сайт начнет "жить". Обычно восьми недель бывает достаточно для завершения любого небольшого проекта, подобного этому, когда клиент имеет готовый контент, согласен с предложенным в качестве образцов дизайном цвета и компоновки, и не требуется никакое сложное программирование.
Когда эти вопросы будут разрешены, можно будет сесть, прочитать контент, спланировать средства перемещения и решить, как лучше всего оптимизировать сайт для поисковых систем. Хотя вы можете не отвечать за SEO (Search Engine Optimization — Оптимизация для поисковых систем), вы можете работать в тесном сотрудничестве со специалистом по SEO, чтобы определить, как лучше всего использовать контент сайта и код (http://www.sitepoint.com/article/ultimate-seo-checklist) для генерации дополнительного трафика за счет ключевых слов в контенте, и в заголовках и подзаголовках. Также как вы не выберете ковры или диван для нового дома, прежде чем архитектор создаст чертежи, вы не будете создавать визуальный дизайн для сайта, пока не спланируете архитектуру сайта. Средства навигации и планы для SEO (http://www.seochat.com/) на этом начальном этапе сберегут время и избавят от проблем в дальнейшем. К тому времени, когда вы будете готовы создать план, вы уже должны быть хорошо знакомы с направлением сайта и его контентом, и это существенно облегчает работу с цветом и графикой.