Лабораторная работа 6

Проектирование структуры сайта.

Основы построения HTML-документов.

Цель работы:

Цель работы: получение практических навыков по проектированию структуры сайта.

Теоретические сведения

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

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

1. Определение цели создания сайта.

2. Выявление потребностей пользователей сайта.

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

4. Разработка структуры сайта (логической и физической).

5. Разработка аннотированных макетов (Wireframes).

5. Итоги проектирования сайта.

Остановимся подробно на каждом из этапов.

1. Определение цели создания сайта

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

Например:

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

Назначение разрабатываемого сайта-визитки – предоставить посетителям подробную информацию о деятельности центра иностранных языков "Language-House" (программы курсов, преподаватели, стоимости занятий и др.), и контактные данные для связи.

2. Выявление потребностей пользователей сайта

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

Прорабатывая этот раздел необходимо дать ответы на следующие вопросы.

‑ Кто главный конкурент компании?

‑ Какой сайт является конкурентом для разрабатываемого сайта? Ответы не всегда указывают на одно и то же, особенно в случае крупных компаний или совершенно новых сайтов.

‑ Существуют ли сайты, которые не являются непосредственными конкурентами, но имеют интересные модели для подражания? и т.п.

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

Что бы понять правильно ли мы выразили потребности пользователей (или же эти потребности нужно откорректировать?) необходимо описать целевую аудиторию сайта.

Британский бизнес-словарь трактует понятие целевой аудитории следующим образом:

Целевая аудитория (англ. target audience) – это группа людей или сегмент рынка, для которого предназначен продукт, услуга, веб-сайт, реклама, телевизионная или радио программа и т.д. Например: ЦА интернет-магазина обручальных колец – это люди, которые планируют связать свою жизнь узами брака.

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

Для того чтобы дать определить целевую аудиторию того или иного сайта, необходимо составить примерный портрет целевого посетителя. Основными характеристиками посетителя являются:

‑ пол;

‑ возраст;

‑ место жительства;

‑ социальный статус;

‑ финансовое положение;

‑ образование;

‑ сфера занятости;

‑ и другие характеристики, имеющие непосредственное отношение к специфике конкретного сайта.

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

Например, для сайта-визитки центра обучения иностранным языкам "Language-House" выделим несколько групп посетителей сайта.

Группа 1 (подростки и студенты младших курсов)

‑ пол: преимущественно девушки;

‑ возраст: от 13 до 20;

‑ место жительства: Украина;

‑ образование: среднее, неоконченное высшее образование;

‑ финансовое положение: малый уровень доходов, получаемый от родителей и в форме подработок;

‑ интересы: социальные сети, общение, друзья, блоги, путешествия, музыка, спорт и т.д.

Группа 2 (студенты старшекурсники, молодые специалисты)

‑ пол: преимущественно девушки;

‑ возраст: от 20 до 25;

‑ место жительства: Украина;

‑ образование: неоконченное высшее и высшее образование;

‑ финансовое положение: малый уровень доходов, получаемый от родителей и в форме подработок, средний уровень доходов;

‑ интересы: друзья, работа, семья, общение, социальные сети, интернет, спорт, музыка. и т.д.

...............................................................................

Группа N (IT специалисты)

‑ пол: преимущественно парни;

‑ возраст: от 20 до 35;

‑ место жительства: Украина;

‑ образование: неоконченное высшее, высшее или несколько высших образований;

финансовое положение: средний, высокий уровень доходов;

‑ интересы: IT технологии, друзья, работа, семья, общение, социальные сети, интернет, спорт, музыка. и т.д.

Следовательно, целевой аудиторией сайта-визитки центра обучения иностранным языкам "Language-House" будут: подростки (от 13 до 18 лет), студенты, молодые специалисты, представители проффесий, которые активно используют английский язык (предприниматели, руководители, работники туристического бизнеса, IT специалисты и др.). Таким образом сайт предназначен для посетителей, которые знают английский язык, но хотят усовершенствовать свои знания в определенной области.

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