Я уже давно работаю веб-мастером и зарабатываю себе на жизнь с помощью сайтов, которые сам и делаю. Если говорить конкретно, зарабатываю с помощью партнерских программ, а на данный момент работаю с файлообменной партнерской программой Stock-partners.com. Главное в моей работе - это не только создать сайт с высокой посещаемостью, но и сделать его удобным для посетителей. Удобство сайта просто необходимо, дабы пользователи не просто зашли на сайт и вышли, но и изучили его, увидели ссылки и перешли по ним.

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

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

Так вот, первым делом необходимо нарисовать на бумаге схематически функциональный дизайн. Как можно реализовать выбранный дизайн? Здесь есть два способа: с помощью слоев либо с помощью вложенных друг в друга таблиц с невидимыми границами. Как и в любом другом деле, у каждого из этих способов есть свои плюсы и минусы. Таблицы гораздо проще, чем слои, но у них меньше возможностей. У слоев возможностей значительно больше, но и работать с ними значительно сложнее. Выбирать способ создания необходимо, исходя из визуальной специфики будущего сайта. Если вы хотите создать простой и лаконичный сайт с четко выделяющимися прямоугольными областями, берите таблицы. Если вы хотите сделать красочный сайт со сложным дизайном и большим количеством элементов, расположенных нелинейно, берите слои.

У стандартного сайта есть три главных элемента: навигационное меню, шапка и нижняя часть, в которой располагаются счетчики, контактная информация, а также всевозможные копирайты.

Разрабатывая дизайн каждого элемента, необходимо учитывать его назначение. Шапка должна быть яркой и запоминающийся, меню - удобным и максимально информативным, ну а нижняя часть, наоборот, не должна бросаться в глаза. Шапку обычно делают в виде графического баннера. Она должна содержать полное название сайта, возможно, логотип или слоган. Также в шапку можно вынести несколько элементов управления. Но их не должно быть много, двух-трех вполне достаточно. Сделайте шапку гиперссылкой на главную старицу, дабы пользователю всегда было легко вернуться на главную из любого раздела сайта. Еще один полезный элемент, который можно разместить в шапку, - кнопка «Добавить в избранное».

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

Главные требования к меню сайта:

-    кнопки не должны быть мелкими и стоять слишком близко друг к другу, дабы пользователи не промахивались мимо нужного пункта меню;

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

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