Требования к веб-сайту
Этапы работы над проектом
- Разработка и составление технического задания на сайт.
- Создание модели содержания.
- Создание модели навигации.
- Тестирование сайта.
В техническом задании (ТЗ) описывается вся структура сайта и его функциональные возможности и особенности.
В ТЗ должны быть отражены следующие пункты:
- Общие цели сайта.
- Структура сайта
- Детальное описание каждой страницы.
- Для ключевых страниц необходима распечатка дизайна с произвольным текстом вместо наполнения.
- При наличии базы данных (БД) - описание ее структуры и полей.
- При наличии административного интерфейса - описание его структуры.
- Общая «почасовка» проекта и его стоимость (для корпоративных сайтов).
Структура сайта определяется удобством использования для пользователя. Это принято называть Юзабилити (usability). Сайт- это сложная система, которая состоит из большого количества информационных блоков (страниц) с перекрестными ссылками. Информация или модель содержания определяется исходя из интересов пользователя. Пользователь должен принять решение о том, что ему нужно, легко найти нужную ссылку, и получить именно ту информацию, которая соответствует его ожиданиям.
Легкое передвижение по сайту осуществляется с помощью кнопок навигации. Они могут использовать как графическое оформление, так и текстовое оформление. Ссылки бываю внешние и внутренние. Внешними ссылками называют ссылки на данный сайт с других сайтов, близких по тематике. Внутренними ссылками называют ссылки на другие сайты с данного сайта. Кроме этого, внутри самого сайта используются перекрестные ссылки, которые помогают попадать с одной страницы на другую, а также с одной позиции текста на другую позицию.
При оформлении страницы необходимо учитывать:
- соотношение цветовой гаммы;
- организацию информационных блоков;
- использование и необходимость использования динамических объектов.
Золотые правила оформления сайта:
- Меню может быть выделено, и бросаться в глаза даже в ущерб читабельности. Его не надо рассматривать - оно должно быть заметным.
- Информация должна быть представлена так, чтобы ее удобно было долго читать. Это значит: небольшая ширина колонки (чтобы не бегать глазами по горизонтали), текст с засечками (serifs, более пригоден для долгого чтения), темным по светлому (так не утомляются глаза).
- На одной странице должен быть размещен только один связанный , блок текста. Если надо перейти к блоку с другим содержанием -сделайте ссылку.
- Ссылки должны однозначно определять то место, куда они указывают! Если это заголовок статьи - сделайте рядом описание. Если это переход к целому разделу - опишите все пункты раздела.
- Не надо давать пользователю выбор! В смысле, в одно и то же время давать возможность выбора. Опишите одну альтернативу, со ссылкой. Затем другую со ссылкой. Если первая пользователю подойдет, он не будет думать о второй.
- Не злоупотреблять динамическими объектами.
Дизайн сайта - это художественное и функциональное оформление сайта, предполагающее единство содержательных и навигационных элементов, выбранных исходя из интересов пользователей.
Основные требования:
- правильная компоновка информации на странице;
- удобство и наглядность представления элементов управления и кнопок навигации;
- соответствие определенному стилю и самобытность;
- быстрая загрузка страницы;
- комфортное сочетание цветовой гаммы;
- учет интересов целевой аудитории.
Параметры страницы могут быть представлены двух видов: фиксированный и «резиновый». Фиксированный параметр задается в количествах точек (пикселях) экрана и не зависит от разрешения монитора. Ориентировка осуществляется на самое распространенное расширение 800 на 600 пикселей. «Резиновый» параметр позволяет растягивать информацию на всю ширину экрана и не зависит от разрешения монитора. Выбор параметров страницы зависит от содержания.
Фиксированный параметр используется для представления информации в каталогах, т. е.:
- при использовании ограниченного объема информации;
- наиболее важным является способ визуального отображения информации.
«Резиновый» параметр используется в информационных и новостных порталах:
- при объемном наполнении информации;
- наиболее важным является информационное наполнение. Комбинированные варианты встречаются редко, и их использование является нежелательным из-за плохого восприятия подобных сайтов.
Чего стоит избегать при создании страницы:
- Не стоит использовать часто используемые слова и фразы при поиске, поисковая система отслеживает соответствие содержания страницы ключевым словам;
- Не стоит превышать заданные лимиты в тэгах title, description, keywords;
- Не стоит использовать заглавные буквы в заголовках и тексте;
- Не стоит использовать фреймы, поисковые системы с ними не справляются.
В качестве основных ошибок при создании Wed-страниц можно отметить:
- неудачное цветовое решение;
- неработающие ссылки;
- слабое информационное наполнение;
- плохая навигация, неудобное перемещение по сайту;
- неработающие разделы;
- отсутствие контактной информации;
- только контактная информация.
Тогда в качестве необходимой информации на сайте должна присутствовать:
- Контактная информация о создателях сайта и «хозяев» сайта.
- Исчерпывающая информация о тех сведениях, которые имеются на сайте.
- Внешние и внутренние ссылки, с перекрестными ссылками между информационными объектами.
- Возможность перелистывания страниц.
- Возможность интерактивного перемещения по тексту (в случае если объем велик).
- Возможность коммуникативного общения.
- Баннеры, логотип
- Карта сайта.