- •Информационный дизайн
- •Общие понятия.
- •Основные цели.
- •Web-дизайн
- •Отличие профессионального веб - дизайна от любительского.
- •Что такое красивый и качественный веб-дизайн?
- •Современный веб-дизайн
- •Перспективный дизайн
- •Основные факторы, влияющие на развитие веб-дизайна
- •Этапы создания сайта
- •I этап. Анализ и концептуальное проектирование
- •1.1. Определение целей и типа сайта
- •Типы и назначение сайтов
- •1.2. Изучение целевой аудитории
- •1.3. Определение сценариев взаимодействия с сайтом
- •1.4. Анализ сайтов конкурентов
- •Алгоритм анализа сайтов конкурентов.
- •1. Составление списка сайтов конкурентов
- •Сайт
- •Критерии
- •II этап. Логическое проектирование
- •2.1. Структурирование контента сайта
- •Создание текстов
- •2. Удобство беглого ознакомления.
- •4. Редакторская правка.
- •2.2. Проектирование структуры сайта
- •III этап. Разработка системы навигации
- •IV. Проектирование визуального дизайна
1.2. Изучение целевой аудитории
Целевая аудитория – это пользователи, заинтересованные в работе сайта или пользователи, преследующие определенные цели при работе с сайтом.
Терминология (на примере интернет-магазина):
•Посетитель сайта - любой пользователь Интернет, посетивший сайт.
•Целевой посетитель сайта - посетитель сайта, который самостоятельно нашел сайт в Интернете по ключевым словам и фразам, которые соответствуют товарам и услугам, представленным на сайте.
•Обратившийся посетитель сайта - целевой посетитель сайта, который обратился на фирму любым способом, заинтересовавшись товарами и услугами, представленными на сайте.
•Реальный Интернет-покупатель - обратившийся посетитель, с которым, по результатам его обращения за предлагаемыми товарами и услугами, совершена реальная сделка.
•Случайный Интернет-посетитель - посетитель сайта, нашедший его в результатах запросов поисковых систем по случайным для данного сайта ключевым словам и фразам.
Для построения эффективного сайта необходимо определить целевую аудиторию сайта, т.е. получить общее представление о том кто посещает сайт; с какой целью; какие задачи выполняет на сайте.
Демографическое описание пользователей:
•новички, опытные или профессионалы,
•род занятий;
•возраст, пол;
•место проживания
•способ выхода в интернет;
•частоту работы и интересы в сети.
Технические возможности пользователей:
•операционная система;
•тип компьютера;
•тип браузера;
Профиль пользователя
Профиль пользователя – это краткая справка о каждом типе пользователей, включающая обычные задачи, выполняемые им на сайте.
Необходимо создайть профиль пользователя, т.е. описание предполагаемых групп пользователей.
Пример общего профиля пользователя: «Типичный пользователь – это студент университета в возрасте от 18 до 22 лет, работающий в сети ежедневно. Очень хорошо ориентируется в Сети и регулярно (2 или 3 раза в месяц) делает онлайновые покупки книг, компакт-дисков, цифровых видеодисков и подарков. Он имеет высокоскоростной доступ в Интернет. Его типичными задачами на сайте являются поиск авторов, названий и товаров для совершения покупок. Он зарегистрирован на сайте, имеет имя пользователя и пароль и может делать покупки быстро и легко»
А) Составляем список типичных пользователей сайта, например: продавцы, покупатели, дилеры, другие
В) Список упорядочиваем по приоритетам (по убыванию важности)
Анализ технических возможностей аудитории.
Задачи – выяснить технические возможности аудитории, ответить на вопрос: «Кого клиент готов оставить без внимания?» и затем уточнить масштаб проекта
1.Высокоскоростная аудитория. Экспериментальные и передовые сайты. Ориентированы на новейшие технологии.
2.Низкоскоростная аудитория. Сайты, доступные для всех. Ориентированы на массовый рынок.
3.Комбинированная аудитория. Сайты, ориентированные на пользователей и с модемами, и с быстродействующими каналами связи.
Цель - выяснить технические возможности целевой аудитории, включая: объем загрузки; скорость модема; совместимость браузера.
Возможности аудитории определяют такие данные, как: платформа быстродействие связи
типы языков программирования плагины
Решите на какую часть аудитории следует ориентироваться и какую можно не принимать в расчет:
Время загрузки веб-страниц
Скорость загрузки веб-страниц - один из важных критериев, задаваемых при разработке дизайна сайта.
На скорость загрузки страниц влияют:
•размер страницы со всеми подгружаемыми элементами;
•скорость подключения к сети посетителя сайта;
•скорость и загруженность сервера, на котором расположен сайт.
Рекомендации: Не заставляйте ждать посетителей сайта!
1.3. Определение сценариев взаимодействия с сайтом
Алгоритм взаимодействия пользователя с сайтом (сценарии пользователей) представляет из себя последовательность действий пользователя по достижению цели. Для каждого типа пользователя составляем приблизительный алгоритм его работы с сайтом.
Пример: Алгоритм работы типовых пользователей (интернет-магазин «Мобильные телефоны».
Взаимодействие - потенциальный покупатель.
Задача – поиск и покупка сотовых телефонов и аксессуаров. Товар - сотовые телефоны и аксессуары.
Начало |
|
|
|
Поиск ссылки на информацию |
|
|
|
|
|
по необходимым товарам |
|
||
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Переход по ссылке |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Выбор нужного/ |
|
|
|
Использование механизма |
|
|||||||
понравившегося сотового |
|
|
|
поиска «Search» для выбора |
|
|||||||
товара по каталогу |
|
|
|
необходимого товара |
|
|
||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Чтение краткое описание товара |
|
|
|
|
|
При необходимости – |
||||
|
|
|
|
|
|
|
возможность чтение |
|||||
|
|
с полноцветной картинкой в |
|
|
|
|
|
|||||
|
|
|
|
|
|
полного описания и технических |
||||||
|
|
|
хорошем ракурсе |
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
характеристик товара |
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Выбор другого товара |
|
|
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Сравнение двух |
|
|
|
Добавление товара в корзину |
|
не понравилось |
товаров |
|
|
|
||||
|
|
|
|
|
||||
|
понравилось |
|
|
|||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Просмотр корзины
заполнение форм и выбора способа оплаты
Подтверждение приобретения |
Конец |
|
товара |
||
|