Для чего создаются web-сайты? 1. Имидж 2. Оперативность и актуальность 3. Реклама 4. Информативность 5. Эффективность работы. - презентация

1

2 Для чего создаются web-сайты? 1. Имидж 2. Оперативность и актуальность 3. Реклама 4. Информативность 5. Эффективность работы

3 Основные типы сайтов: 1. В иртуальный буклет с фотографиями 2. Информационное представительство 3. Виртуальный офис – 24 часа на боевом посту

4 Первые шаги создания сайта 1. Продумывание Концепции сайта 2. Подготовка текстов 3. Структурирование информации

5 Концепция web-сайта 1. С какой целью Вы создаете сайт? 2. Для какого Вы создаете сайт? 3. Что Вы хотите сказать? 4. В каком стиле излагать информацию?

6 Причины, влияющие на популярность сайта: 1. Контент (содержание сайта) 2. Стиль сайта 3. Ясность и логическая структура информации 4. Графический дизайн 5. Техническая реализация сайта 6. Раскрутка сайта 7. Скорость загрузки страниц 8. Отсутствие орфографических ошибок

7 Стиль сайта или стильно это: 1. Когда каждая страница имеет ярко выраженную принадлежность ко всему сайту 2. Когда легко ориентироваться в структуре сайта, и поиск информации не сопряжен с опасностью заблудиться и потерять время

8 В создании стиля участвуют следующие элементы дизайна: 1. Цветовая схема web-сайта 2. Графическое оформление 3. Навигация 4. Информационная структура сайта 5. Оформление текстов на странице Стремитесь всегда быть последовательным, но оригинальным!

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

10 Дизайн страниц сайта Заголовок сайта Заголовок страницы Элементы навигации Переход на главную страницу сайта Возможность обратной связи

11 Пять шагов в разработке дизайна страниц: 1. Создайте ясную визуальную иерархию на каждой странице 2. Используйте обычаи и условности 3. Разбейте страницы на четко разделенные области 4. Покажите ясно то, по чему можно щелкать мышью 5. Уменьшите визуальный шум

12 Навигация Навигация (navigatio, от navigo – плыву на судне) – это наука о способах выбора пути, методах определения места и перемещения в пространстве с учетом решаемых задач и влияния внешней среды. Навигация на web-сайте – это совокупность элементов дизайна, служащая для перемещения и определения текущего положения на сайте.

13 Система навигации на сайте должна помочь пользователю ответить на три вопроса: 1. Где я нахожусь? 2. Где я уже был? 3. Куда могу пойти?

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

15 Типы ссылок: Структурные ссылки (тесно связанные с навигационным меню сайта) – это ссылки, которые указывают на другие уровни структуры сайта. (Переход на уровень вверх или вниз).

16 Типы ссылок: Ассоциативные ссылки– это ссылки, связанные с содержанием текущей страницы по смыслу.

17 10 качеств эффективной навигации: 1. Легко воспринимается 2. Остается последовательной 3. Реагирует на действия пользователя 4. Появляется в контексте 5. Предлагает альтернативы 6. Экономит время и действия 7. Несет ясные визуальные послания 8. Использует понятные категории 9. Соответствует предназначению сайта 10. Поддерживает цели и поведение пользователя

18 Пример структуры сайта Главная страница Страница 1 Страница 1.1. Страница 1.2. Страница 2 Страница 2.1. Страница 2.2. Страница Страница Страница Страница Страница Страница