12. Типичная структура web-узла компании. (Основные разделы сайта.)

Обязательные разделы: заглавие, название компании, навигационная панель, контактная информация, дата и время обновления, авторские права, содержание, логотип.

Типичная структура Web-узла фирмы обычно представлена так:

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

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

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

Новости. Проинформируйте клиентов о новых товарах и услугах, предоставляемых фирмой, опубликуйте пресс-релизы и т.п.

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

13. Основные принципы дизайна сайта: цвет и цветовые схемы для web, читабельность, навигация.

Основные принципы:

• "Юзабилити" (функциональность)

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

• Компоновка (композиция)

Для начала вам нужна концепция устройства сайта. Концепция и воплощение сайта зависит от его предназначения:

• информационный (СМИ)

• сайт-визитка (небольшая компания)

• корпоративный сайт (много разделов, несколько языков)

• интернет-магазин (интернет-коммерция)

• специфический (развлекательный, рекламный)

Какой дизайн предпочесть "резиновый" или "жесткий" решать Вам. Резиновый (с размером ячеек заданных в процентах) более универсальный, гибкий, вмещает больше информации. Жесткий (с размером ячеек заданных в пикселях) ведет себя более предсказуемо и позволяет воплотить оригинальный дизайн. При задании ширины таблицы в процентах будьте готовы к тому, что на разных разрешениях мониторов ваши странички будут выглядеть по-разному, расползаясь на 17" и скукоживаясь на 11-12" мониторах лептопов. При этом текст может значительно изменять свои блоковые соотношения, а графика - уползать с предназначенного ей места.

3. Типографика (читабельность)

Интернет-технологии накладывают специфические ограничения на использование шрифтов в оформлении WEB-документов. B частности межплатформенный характер Интернета не позволяет однозначно определять шрифт для вывода "тела" текстового документа на экран монитора клиента.

Одним из показателей удобочитаемости является ширина строки документа. С появлением мониторов поддерживающих большое разрешение экрана стало возможно "укладывать" в одну строку до нескольких сотен знаков, однако строка "идеальной ширины" должна умещать порядка 50-70 знаков. При их большем количестве скорость чтения замедляется и утомляемость наступает значительно быстрее. Часто контраст снижают например используют темно-серый на белом фоне, чтобы резкий контраст не утомлял посетителя. Большие тексты стоит делать покрупнее (Text size 2 и выше). Боже вас упаси - делать слабоконтрастные сочетания шрифта и фона: например, желтый на белом.

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

Шрифт - в пределах публикации он должен иметь одинаковые характеристики - такие, как гарнитура (начертание), кегль (высота), цвет.

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

4. Цвет (восприятие)

Задача цвета - правильно определить эмоциональный настрой сайта. Цветовая схема web-сайта начинается с выбора тех основных цветов (2-4) страницы, которые используются для представления обычного текста, ссылок и посещенных ссылок.

Цветовая схема должна повторяться на всех страничках публикации, это создаст у посетителя ощущение связности сайта. Цвета ссылок старайтесь выбирать таким образом, чтобы, с одной стороны, читатель видел, что это ссылка, а с другой стороны, она бы не мешала ему читать основной текст. По поводу ссылок есть два полезных замечания: первое - как бы Вам не хотелось сделать цвета ссылок и посещенных ссылок одинаковыми (без веских на то причин), постарайтесь перебороть себя и придать им немного различия, для этого просто сделайте цвета уже посещенных ссылок чуть темнее; и второе - так уж получилось, что подчеркнутый текст в Web символизирует ссылку, поэтому поборите искушение использовать подчеркнутый текст в публикации, воспользуйтесь другим способом выделения.

Графическое оформление сайта - во-первых, оно должно укладываться в общую цветовую схему; во-вторых, Вы должны продумать общую концепцию графического оформления. Все графические элементы можно разделить на два больших класса: рисованные и фотореалистичные. Постарайтесь не смешивать эти два типа в оформлении. Кроме этого, в случае, если Вы используете на сайте фотографии в качестве иллюстраций, то перед использованием обработайте их - сделайте в случае необходимости тоновую и цветовую коррекцию, кадрирование, выберите примерный размер фотографий в публикации, найдите способ обработать края фотографии. А потом используйте данное оформление по всей публикации. И всегда пишите пояснения к фотографиям в параметре ALT тэга IMG - это будет восприниматься как подпись к фотографии и, кроме того, избавит пользователя от ожидания в случае, если его не интересует данная страничка.

Стандартные схемы.

• «Престижные», золото, серебро, темно-серый, черный. Их задача - передать солидность, уверенность, стабильность и высокую стоимость.

• «Пастельные», нежные бежевые, розовые, голубоватые... Женственные, мягкие, расслабляющие...

• «Здоровые», из американской психологии... Чистота, здоровье, уверенность, семья....

• «Природные», близкие к естественным органическим, природным компонентам..

• Как вариант использования цвета - «Растяжки»... Обычно тональные оттенки одного цвета, и как акцент - более активный цвет.

• Нестандартные сочетания.

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

5. Тестирование (работа над ошибками)

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