- •Лабораторная работа 6
- •1. Определение цели создания сайта
- •2. Выявление потребностей пользователей сайта
- •3. Определение информационного наполнения и функциональных возможности сайта
- •4. Разработка структуры сайта
- •4.1. Логическая структура
- •4.1.1. Принципы логического проектирования
- •4.1.2Логическая организация информации
- •4.2. Физическая структура сайта
- •5. Разработка аннотированных макетов (Wireframes)
- •5. Итоги проектирования сайта
3. Определение информационного наполнения и функциональных возможности сайта
После четкого определения целей разработки сайта, а также тщательного анализа целевой аудитории необходимо уточнить, какими должны быть информационное наполнение и функциональные возможности сайта, чтобы посетитель, попав на сайт, дошел до целевого действия.
Функциональные возможности сайта описаны в задании к лабораторным работам № 2-4.
Например. Приведем пример описания информационного наполнения страниц сайта центра изучения английского языка "Language-House".
Главная страница
На данной странице, описывая преимущества обучения в центре изучения английского языка "Language-House", необходимо кратко осветить следующие вопросы: подход к обучению; квалификация преподавателей, традиционные программы обучения, специализированные программы, формат обучения. Необходимая информация будет предоставлена дополнительно.
Страница "Цены"
На данной странице необходимо разместить информацию о времени проведения занятий, стоимость занятий общих и специальных программ изучения английского языка.
Страница “Контакты”
На данной странице необходимо разместить контактную информацию: адрес, телефоны, E-mail, схему проезда в виде карты и форму обратной связи.
4. Разработка структуры сайта
Практически любой сайт совокупности страниц, содержащих тексты, картинки, мультимедийные и другие объекты. Для комфортного пребывания посетителя на сайте и для облегчения поиска нужной информации, сайт должен иметь четкую и продуманную структуру.
Структура сайта - это внутреннее устройство сайта, его «скелет», расположение страниц, разделов, подразделов, дополнительных материалов. И первоочередной задачей разработчиков является создание строгого порядка из хаотического скопления информации.
С позиции разработчика, структуру сайта условно можно разделить на два уровня - логический и физический.
На логическом уровне структура сайта является совокупностью страниц, которые объединены между собой единым дизайном, стилем и ссылками.
На физическом уровне структура сайта является упорядоченным набором файлов разного типа (HTML-страницы, изображения, программы, мультимедийные файлы). Продуманная и удобная файловая структура помогает разработчику оптимизировать свою работу, а также будет понятной для других специалистов, работающих над проектом.
4.1. Логическая структура
Сайты с неудачной логической структурой не только затрудняют работу посетителей, они лишают всякого желания на них находиться. Когда посетители не в состоянии найти нужную информацию, они склонны предполагать, что на этом сайте ее вообще нет. Разочарованные посетители вряд ли запомнят этот ресурс, а тем более захотят еще раз его посетить.
Удачный дизайн в первую очередь должен ориентироваться на пользователя, который без особых усилий может найти и использовать любую информацию, содержащуюся в сайте. При этом должна быть абсолютно ясной логическая схема сайта и логическую взаимосвязь между отдельными страницами.
Хорошая навигация сайта означает, что пользователи точно знают, где находятся, где расположены элементы сайта и как использовать эти элементы. Правильная структура информации позволяет пользователям без опаски продолжать странствования сайтом, и быть уверенными в том, что они всегда смогут без труда вернуться к ранее просмотренным страницам.
На удачно организованных сайтах посетители могут свободно перемещаться в поисках нужной информации, не заботясь о структуре сайта. Забота о структуре сайта является задачей разработчика, а не посетителей.
