Проектирование web-сайта

Автор работы: Пользователь скрыл имя, 18 Января 2013 в 15:03, курсовая работа

Описание работы

Цель моей курсовой – разработка структуры Web-сайта «Кошки».
Основная задача - оснастить свой сайт таким образом, чтобы пользователю было приятно находится на нём и чтобы он отыскал там всю интересующую его информацию.
Объект моего исследования - web-сайт.

Содержание работы

Введение 4
1.Выявление целей создания сайта и постановка проблемы, решаемой с созданием сайта 6
1.1 Определение целей создания сайта 6
1.2 Определение целевого сегмента потребителей 6
1.3.Аудитория сайта 10
2. Выбор темы 13
2.1.Анализ аналогов сайтов 13
2.2 Обоснование типа разрабатываемого web–узла 20
3. Создание наброска сайта 25
3.1 Перечень требований по содержимому и функциям Web-сайта 25
3.2 Создание рабочего наброска сайта 26
4. Разработка набора макетов страниц 28
4.1 Определение функциональных зон страниц сайта 28
4.2 Нахождение идеи пластического решения, определение колорита страниц 30
4.3 Разработка композиционного решения страниц сайта 32
4.4 Нахождение идеи решения основных зон страниц сайта 33
5. Декомпозиция макета на структурные блоки и модули 37
5.1 Разработка модульной сетки на основе утвержденного макета 37
5.2.Разработка руководства по стилю 39
6. Оптимизация контента сайта 43
Заключение 45
Приложение 1 47
Список использованных источников

Файлы: 1 файл

3.doc

— 3.17 Мб (Скачать файл)

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

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

Данные, необходимые для  анализа целевой аудитории сайта "Кошки":

1)  Географические

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

2)  Демографические

Я считаю, пол, национальность, профессия не имеют значения, так  как человек независимо от этого  может оказать предпочтение любой  породе. Но, возможно, важен возраст: от 20-ти до 40-ка лет, либо старше. Так как человек должен делать выбор осознанно, иметь либо свою отдельную жилплощадь (если есть возможность), либо с ним должны быть согласны все члены семьи.

3)  Экономические

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

Итак, в среднем посетитель сайта должен быть из любого региона страны, если он зашел на сайт с целью выбора кошки для себя, он не должен зависеть в выборе от кого – либо и никто не должен пострадать от его решения.

 

1.3. Аудитория  сайта.

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

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

Различают три основные группы целевой аудитории сайта: посетители, заинтересованные в получении информации; посетители, заинтересованные в выборе товара или услуги; посетители, заинтересованные в приобретении товара или услуги.

Любой сайт, кроме  собственно целевой аудитории, имеет также побочную аудиторию и случайную. Побочной является часть аудитории, которая приходит с поиска по смежным с семантическим ядром сайта запросам. Например, вы продвигаете страницу по запросу "ремонт коробки передач Toyota своими руками" (и рассказываете, как это делается). И на ваш сайт почему-либо попадает клиент по запросу "ремонт коробки передач Toyota" (который ищет услуги автомеханика). Для вас он не является целевым, но, если на вашем сайте имеется реклама автосервиса Toyota, то это ему подойдет. То же относится и к людям, которые как бы "автоматически" кликают на рекламу, еще не зная, нужна ли им услуга или нет, чтобы "просто посмотреть". Такие пользователи могут конвертироваться в клиентов, однако это происходит значительно реже. Таким образом, побочная аудитория тоже является целевой.

Случайная аудитория - это люди, попадающие на ваш сайт по различным "левым" поисковым  запросам или ссылкам. Поисковые  системы часто ставят страницы сайтов в ТОП по различным пространным  запросам, например "как раскрутить" или "возможно ли" и т. п. Пользователь, пришедший на ваш сайт по такому случайному запросу, редко что-то просматривает.

Тема моего  будущего сайта - "Кошки". Из темы следует, как я думаю, что аудитория у моего проекта достаточно большая и достаточно различная. То есть здесь получить информацию могут получать разные люди: с разным достатком, разного возраста, разной национальности, разного пола, люди с разными интересами и тому подобное. Но их всех должно объединять одно - любовь или заинтересованность какая-либо к семейству кошачьих.

Сюда могут  обращаться как и заядлые кошатники, так и люди с временным интересом или любопытством. Кто-то, например, решил завести котёнка, но не знает какой породы ему выбрать. Здесь он получит исчерпывающею информацию о популярных породах кошек, а также здесь же может подобрать кличку для своего будущего питомца. А кому-то просто надо написать реферат о кошках и котах, здесь он также отыщет данные для своего проекта: история кошачьих, интересные факты о них и многое другое. Или же у кого-то заболела кошечка, и он не знает как справиться с болезнью, в разделе "Познавательное - Здоровье" он найдёт то, чем можно помочь своему любимцу.

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. Выбор темы

 

2.1. Анализ сайтов–аналогов

 Создание сайта  нужно начинать с анализа по нескольким причинам:

·  во-первых, понять, для  каких целей сайт создается;

·  во-вторых, нужно  заранее знать, какую информацию надо подобрать по теме: статьи, иллюстрации, данные;

·  в-третьих, чтобы  знать, в каком стиле создавать  сайт: цветовые сочетания, текста и т.п.;

·  в-четвертых, с анализа  нужно начинать для того, чтобы  еще на начальных этапах понять –  потяните ли вы создание данного проекта  или нет;

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

 

1.Сайт «Портал-всё о кошках» www.mau.ru

 

Рисунок 1-Главная страница сайта

 

 Рисунок 2-Второстепенная страница сайта

 

1)Оформление в пастельно-коричневых  тонах. Не совсем понравился  выбор цвета, кажется немного  тускловатым. Читателя надо радовать  приятными разными красками. Одни  и те же цвета быстро приедаются. 
2)Быстрота доступа. Загружается страница недолго, так как не особо загружена графикой.

3)Сайт напичкан разными анимациями, из - за постоянно сменяющих друг друга картинок устаёт зрение и нельзя сосредоточиться на чём-то одном. Так же очень много рекламы, заполняющей пространство и постоянно выскакивающей. 
4)Не очень понравилась и структура сайта. Интересного много, но нет чёткого распределения по определённым категориям. Всё напичкано в одном месте.

5)Посещаемость у этого сайта достаточно высокая. Проводятся различные конкурсы, интересующие читателя. Информация постоянно пополняются. Читатели тут всегда найдёт полную актуальную информацию.

 

 

 

 

 

2.Сайт «КОТОДОМ-всё о кошках» www.kotodom.ru

Рисунок 3-Главная страница сайта

Рисунок 4-Второстепенная страница сайта

 

1)Оформление не красочное, немного ярких красок и всё. Порадовали нарисованные котики на главном меню, отдельный котик отвечает за свой подраздел. За основу выбраны достаточно тёмные и мрачноватые тона, что может подсознательно отпугнуть читателя. Шрифт мелковат. 
2)Страницы загружаются, немного погодя. 
3)Перейдя по ссылке одной из пород кошек была разочарована: одна фотография и так маленького размера. Да и на других разделах графики практически нет. Это большой минус. Текст нужно чем-то разбавлять, так читатель будет более заинтересован. 
4)Структура и хороша, и нет. Какая-то информация находится как положено сверху, а кое-что снизу. Считаю, это неправильно. Всё должно быть сразу на виду у читателя в правильной и удобно организованной последовательности. 
5)Сайт не так часто пополняется, я бы даже сказала, что всё выглядит тут очень скудно. 

 3.Сайт «Кошки» www.koshki.antiwomen.ru 

Рисунок 5-Главная страница сайта

 

 
Рисунок 6-Второстепенная страница сайта

 

1)Несмотря на то, что цвета были выбраны почти те же, что и у первого сайта – пастельно коричневые, здесь всё более гармонично и интересно. Сайт порадовал сразу же. Минимализм, ничего лишнего, ничто не мешает. Можно сконцентрироваться на своём.

2)Быстрота доступа. Загружается страница недолго, так как не особо загружена графикой. 
3)Сайт порадовал. Ничего не мешает, всё чётко в каждом разделе, никакой лишней информации, никакой рекламы. Лапка в виде путеводителя – очень оригинально. Графики, правда, очень мало. Да, и породы приведены не все. 
4)Структура, повторюсь, удобная и отлично организованная. Всё нужное на виду, всё в своём разделе, это не путает посетителя. 
5)Сайт, видимо, редко пополняется. Но он этого не требует в принципе, здесь нет информации о выставках, о конкурсах. Это просто ознакомительный сайт, который пополняется с появлением новой породы и т.д.

 

 

 

 

 

 

4.Сайт «Всё о кошках»www.vsekoshki.ru

Рисунок 7-Главная страница сайта

 

Рисунок 8-Второстепенная страница сайта

 

 

1)Цвета тёмные опять же. Шрифт достаточно банальный. Оформлением, в общем, я недовольна. 
2)Быстрота доступа достаточно низкая. 
3)С сайта лично мне захотелось побыстрее уйти. Опять всё напичкано, не знаешь куда податься, а главное письмо вообще находится далеко не сверху, а где-то снизу. Плюс - очень много фотографий. 
4)Все необходимые разделы находятся слева. Но не вся информация распределена по разделам, её много по всей странице. Это минус. Также, заметив не сразу, некоторые полезные данные и, может быть, именно они нужные тому или иному посетителю находятся снизу, хотя они должны быть наравне со всеми данными 
5)Информация актуальна, пополнения ведутся постоянно. 

5.Сайт «Наши кошки» www.nashi-koshki.ru

 
Рисунок 9 - Главная страница сайта

 

Рисунок10 - Второстепенная страница сайта 

1)И здесь цвета тёмные.Наверно,их выбирают для того, чтобы посетитель ни от чего не отвлекался. Хотя,мне кажется, это неправильная позиция. 
2)Открываются страницв быстро, без каких-либо задержек. 
3)Сайт очень интересен. Интерактивная панель в самом верху безумно понравилась, кликая на неё можно получить много интересного о роде кошачьем. И информации интересной очень много,всё удобно и на своих местах. Посетитель найдёт здесь интесующую его информацию. 
4)Структура удобна. Меню находятся справа, лишней и нераспределённой информации на странице нет. Подразделы сверху. 
5)Сайт является познавательным. Пополняется с появлением новой информации.

 

 

2.2. Обоснование типа разрабатываемого web–узла

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

Существует несколько  видов сайтов:

1.Коммерческие сайты

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

стимулирующие продажи в «оффлайн»-бизнесе (т. е. бизнесе, который сам по себе существует вне зависимости от существования Интернета);

ориентированные на онлайн-коммерцию (т. е. те виды бизнеса, которые без Интернета невозможны, например интернет-магазины).

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

По своему объему и типу коммерческий сайт может быть:

1)Сайт-визитка

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

2)Сайт-каталог

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

3)Интернет-магазин

Содержит каталог  продукции, из которого пользователь может  прямо на сайте выбрать и заказать нужные ему товары. То есть обязательным признаком интернет - магазина является возможность сделать он-лайн заказ. Чаще всего эта возможность дополняется функцией «корзины», которая позволяет за один раз заказать несколько приглянувшихся товаров.

4)Промо - сайт

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

5)Бизнес  интернет-портал

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

 

2.Некоммерческие сайты

Информация о работе Проектирование web-сайта