Редизайн сайта Санкт-Петербургского зоопарка - Курсовая работа

ФЕДЕРАЛЬНОЕ АГЕНТСТВО СВЯЗИ Федеральное государственное образовательное бюджетное учреждение высшего профессионального образования «Санкт-Петербургский государственный университет телекоммуникаций им. проф.Почти ни одна компания, предоставляющая те или иные услуги на рынке, не может обойтись без собственного сайта. Почти все будущие клиенты предварительно ищут информацию о существующей компании в сети, поэтому сайт создает первое впечатление.Для этого выберем страницы трех уровней: Главная (Рис.1), Посетителям (Рис.2), Отдельное мероприятие (Рис.3). С главной страницей все более или менее в порядке, но далее мы обнаруживаем выпадающее меню, что не всегда удобно для посетителей. дизайн сайт пользователь навигация При переходе на страницу второго уровня замечаем, что верхняя часть сайта изменилась. Такая важная информация, как часы работы, стоимость билета и схема проезда, которая очень выгодно и верно располагалась на главной странице в правом верхнем углу, теперь исчезла. Так же изменился шаблон страницы, и блоки афиши и календаря, которые на главной странице располагались справа, уменьшились и переместились в левый столбик.В данном проекте речь идет о зоопарке, для которого разрабатывается вебсайт, а точнее редизайн уже существующего. Посетители или клиенты нашей компании - люди разных возрастов и социальных категорий.Определим основные группы и проиллюстрируем их персонажи. Можно было бы разделить первую группу на еще более узкие подгруппы по социальному статусу и возрасту, но цели их прихода принципиально на сайт отличаться не будут.Чтобы сделать пользователей более конкретными, можно превратить их в персонажи (иногда называемые моделями пользователей, или профилями пользователей). Персонаж - это вымышленный герой, который представляет потребности целой группы реальных пользователей. Придавая облик и имя разрозненным элементам данных, полученным в результате исследования и сегментации пользовательской аудитории, персонажи помогут нам помнить о людях в ходе работы над проектом [1]. Цель: Получить больше информации работе зоопарке перед его посещением со своим ребенком Схема взаимодействия пользователя с ресурсом приведена на рисунке 4.Составим список основных конкурентов, проанализировав результаты различных запросов в самых крупных поисковых системах (Таблица 2 и Таблица 3). Конкурентами будем считать только вебсайты других зоопарков. Таблица 2 - Список конкурентовСайт Комментарий http://www.moscowzoo.ru/ (Рисунок 7)-Качественное и красивое оформление;-Отдельный пункт в меню «Животные»;-Неудобное выпадающее меню;-Яркое сочетание цветов (жетый белый черный);-Возможность купить билет онлайн;-Расписание работы и кормлений на каждый день на главной странице;-Важные анонсы на главной странице;-Большое количество качественных фотографий животных, что привлекает посетителей;-Изза большого количества фото на всех уровнях, возможна нестабильная загрузка сайта. http://www.minskzoo.by/ (Рисунок 8)-Новогоднее оформление, закрывающее название вверху страницы;-Указатель курсора в виде обезьянки отвлекает посетителя и выглядит странно;-Возможность купить билет онлайн;-Время работы и покупка билетов только на главной странице;-Описание всех животных и фотографии;-Не самая удачная цветовая схема - глобальное меню почти сливается с фоном. http://tambov-zoo.ru/ (Рисунок 9)-Простой дизайн. Сочетание белого и зеленого цветов;-Вся важная информация на главной странице;-Описание животных, но не везде есть фото или фото не лучшего качества;-Нестабильно работают раскрывающиеся списки в меню;-Рекламные блоки в самых неожиданных местах;Составим список критериев, подходящих для направленности наших сайтов. Оценим соответствие ресурсов-конкурентов данным критериям по пятибалльной шкале (Таблица 5). Таблица 5 - Сравнение конкурентов по критериям moscowzoo.ru minskzoo.by tambov-zoo.ruИз таблицы выше можно сделать вывод, что бесспорным лидером будет сайт Московского зоопарка.После того, как мы проанализировали предметную область, выяснили главные недостатки существующего ресурса, определились с основной аудиторией и оценили возможных конкурентов, можно переходить к непосредственному проектированию ресурса. Остается главное - правильно его структурировать, что бы далее можно было сформировать меню и навигацию по сайту в целом (Таблица 6). Таблица 6 - Структура ресурса по уровням Уровень 1 Уровень 2 Уровень 3 Посетителям Афиша Отдельные мероприятия/АнонсыСтруктура сайта - основа для выстраивания последовательности данных, имеющихся на сайте.Полная схема навигации по данному ресурсу будет сложна для восприятия, поэтому рассмотрим навигацию только по некоторым частям (Рисунок 11).Разработаем модульную сетку для нашего ресурса (Рисунок 12).На основании всего вышеизложенного, приступим к созданию прототипов страниц трех уровней. Для этого были выбраны страницы: «Главная», «Посетителям», «Афиша». После, с помощью Adobe Illustrator, были созданы статические прототипы трех уровней (Рисунки 13, 14, 15).

Содержание

Введение

1. Анализ предметной области

1.1 Анализ существующего ресурса

1.2 Определение целей и типа сайта

1.3 Целевая аудитория сайта

1.4 Профили пользователей и алгоритмы их взаимодействия с системой

1.5 Анализ конкурентов

1.5.1 Создание списка сайтов-конкурентов

1.5.2 Анализ тройки ресурсов-лидеров

1.5.3 Анализ сайтов-конкурентов по критериям

1.5.4 Оценка результатов и выводов

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

2.1 Структурирование контента

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

2.3 Проектирование навигации

2.4 Прототипирование

2.4.1 Модульная сетка

2.4.2 Прототипы типовых страниц

Заключение

Список использованных источников