25. Этапы проектирования сайта .Особенности разработки структуры, контента и навигации сайта.

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

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

2. Написание контента. Информационное наполнение сайта.

3. Разработка дизайна, графических элементов, обработка графики и все что с ней связано.

4. Написание кода. Создание веб-страниц, программирование, написание функциональной части.

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

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

6. Публикация. Размещение сайта в Интернете.

7. Раскрутка (SEO). Рекламная компания по узнаванию сайта и повышения его посещаемости. Сюда входит регистрация сайта в поисковых системах, обмен ссылками, баннерная реклама и др.

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

Структуру сайта можно условно разделить на внешнюю и внутреннюю.

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

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

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

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

Работа над контентом сайта включает следующие задачи:

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

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

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

Основные признаки идеальной навигации:

Навигация понятна для пользователя с первого взгляда.

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

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

Единообразна. Это относится к изображениям, размерам и текстурам кнопок, их расположению, названиям, шрифту и цвету.

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

Удобна в использовании. Размеры ссылок достататочно большие, навигационный текст легко читается. Страницы большого размера снабжены внутренними ссылками (якорями), названия подразделов ярко выражены, их текст укрупнен.Ссылок не очень много.

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

Посетитель знает свое местоположение.

Иерархия меню отражает структуру сайта. Цвет просмотренных и непросмотренных ссылок отличен. Их текст и появляющиеся при наведении указателя подсказки дают краткое представление о содержании стараницы, на которую осуществится переход.

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

На сайте отсутствует 404 ошибка. Ссылки полностью протестированы, не ведут на отсутствующие страницы.