Требования к сайту (9, 11 классы)

  • Создание сайта

Требования к веб-сайту

Этапы работы над проектом

-      Разработка и составление технического задания на сайт.

-      Создание модели содержания.

-      Создание модели навигации.

-      Тестирование сайта.

В техническом задании (ТЗ) описывается вся структура сайта и его функциональные возможности и особенности.

В ТЗ должны быть отражены следующие пункты:

-      Общие цели сайта.

-      Структура сайта

-      Детальное описание каждой страницы.

-      Для ключевых страниц необходима распечатка дизайна с произволь­ным текстом вместо наполнения.

-      При наличии базы данных (БД) - описание ее структуры и полей.

-      При наличии административного интерфейса - описание его струк­туры.

-      Общая «почасовка» проекта и его стоимость (для корпоративных сайтов).

Структура сайта определяется удобством использования для пользователя. Это принято называть Юзабилити (usability). Сайт- это сложная система, которая состоит из большого количества информационных блоков (страниц) с перекрестными ссылками. Информация или модель содержания определяется исходя из интересов пользователя. Пользователь должен при­нять решение о том, что ему нужно, легко найти нужную ссылку, и полу­чить именно ту информацию, которая соответствует его ожиданиям.

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

При оформлении страницы необходимо учитывать:

-      соотношение цветовой гаммы;

-      организацию информационных блоков;

-      использование и необходимость использования динамических объ­ектов.

Золотые правила оформления сайта:

-      Меню может быть выделено, и бросаться в глаза даже в ущерб чита­бельности. Его не надо рассматривать - оно должно быть заметным.

-      Информация должна быть представлена так, чтобы ее удобно было долго читать. Это значит: небольшая ширина колонки (чтобы не бе­гать глазами по горизонтали), текст с засечками (serifs, более приго­ден для долгого чтения), темным по светлому (так не утомляются глаза).

-      На одной странице должен быть размещен только один связанный , блок текста. Если надо перейти к блоку с другим содержанием -сделайте ссылку.

-      Ссылки должны однозначно определять то место, куда они указы­вают! Если это заголовок статьи - сделайте рядом описание. Если это переход к целому разделу - опишите все пункты раздела.

-      Не надо давать пользователю выбор! В смысле, в одно и то же время давать возможность выбора. Опишите одну альтернативу, со ссыл­кой. Затем другую со ссылкой. Если первая пользователю подойдет, он не будет думать о второй.

-      Не злоупотреблять динамическими объектами.

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

Основные требования:

-      правильная компоновка информации на странице;

-      удобство и наглядность представления элементов управления и кнопок навигации;

-      соответствие определенному стилю и самобытность;

-      быстрая загрузка страницы;

-      комфортное сочетание цветовой гаммы;

-      учет интересов целевой аудитории.

Параметры страницы могут быть представлены двух видов: фиксиро­ванный и «резиновый». Фиксированный параметр задается в количествах точек (пикселях) экрана и не зависит от разрешения монитора. Ориенти­ровка осуществляется на самое распространенное расширение 800 на 600 пикселей. «Резиновый» параметр позволяет растягивать информацию на всю ширину экрана и не зависит от разрешения монитора. Выбор парамет­ров страницы зависит от содержания.

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

-      при использовании ограниченного объема информации;

-      наиболее важным является способ визуального отображения информации.

«Резиновый» параметр используется в информационных и новостных порталах:

-      при объемном наполнении информации;

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

Чего стоит избегать при создании страницы:

-      Не стоит использовать часто используемые слова и фразы при поиске, поисковая система отслеживает соответствие содержания стра­ницы ключевым словам;

-      Не стоит превышать заданные лимиты в тэгах title, description, key­words;

-      Не стоит использовать заглавные буквы в заголовках и тексте;

-      Не  стоит использовать фреймы,  поисковые системы  с ними не справляются.

В качестве основных ошибок при создании Wed-страниц можно отметить:

-      неудачное цветовое решение;

-      неработающие ссылки;

-      слабое информационное наполнение;

-      плохая навигация, неудобное перемещение по сайту;

-      неработающие разделы;

-      отсутствие контактной информации;

-      только контактная информация.

Тогда в качестве необходимой информации на сайте должна присутст­вовать:

-      Контактная информация о создателях сайта и «хозяев» сайта.

-      Исчерпывающая информация о тех сведениях, которые имеются на сайте.

-      Внешние и внутренние ссылки, с перекрестными ссылками между информационными объектами.

-      Возможность перелистывания страниц.

-      Возможность интерактивного перемещения по тексту (в случае если объем велик).

-      Возможность коммуникативного общения.

-      Баннеры, логотип

-      Карта сайта.