Для чего создаются web-сайты? 1. Имидж 2. Оперативность и актуальность 3. Реклама 4. Информативность 5. Эффективность работы
Основные типы сайтов: 1. В иртуальный буклет с фотографиями 2. Информационное представительство 3. Виртуальный офис – 24 часа на боевом посту
Первые шаги создания сайта 1. Продумывание Концепции сайта 2. Подготовка текстов 3. Структурирование информации
Концепция web-сайта 1. С какой целью Вы создаете сайт? 2. Для какого Вы создаете сайт? 3. Что Вы хотите сказать? 4. В каком стиле излагать информацию?
Причины, влияющие на популярность сайта: 1. Контент (содержание сайта) 2. Стиль сайта 3. Ясность и логическая структура информации 4. Графический дизайн 5. Техническая реализация сайта 6. Раскрутка сайта 7. Скорость загрузки страниц 8. Отсутствие орфографических ошибок
Стиль сайта или стильно это: 1. Когда каждая страница имеет ярко выраженную принадлежность ко всему сайту 2. Когда легко ориентироваться в структуре сайта, и поиск информации не сопряжен с опасностью заблудиться и потерять время
В создании стиля участвуют следующие элементы дизайна: 1. Цветовая схема web-сайта 2. Графическое оформление 3. Навигация 4. Информационная структура сайта 5. Оформление текстов на странице Стремитесь всегда быть последовательным, но оригинальным!
Инфраструктура сайта- это информационные потоки внутри сайта и отношения связи между отдельными страницами и элементами, то есть своего рода «карта путей», по которым посетитель сможет передвигаться внутри сайта. А реализацией инфраструктуры в дизайне и будут являться информационная структура и система навигации.
Дизайн страниц сайта Заголовок сайта Заголовок страницы Элементы навигации Переход на главную страницу сайта Возможность обратной связи
Пять шагов в разработке дизайна страниц: 1. Создайте ясную визуальную иерархию на каждой странице 2. Используйте обычаи и условности 3. Разбейте страницы на четко разделенные области 4. Покажите ясно то, по чему можно щелкать мышью 5. Уменьшите визуальный шум
Навигация Навигация (navigatio, от navigo – плыву на судне) – это наука о способах выбора пути, методах определения места и перемещения в пространстве с учетом решаемых задач и влияния внешней среды. Навигация на web-сайте – это совокупность элементов дизайна, служащая для перемещения и определения текущего положения на сайте.
Система навигации на сайте должна помочь пользователю ответить на три вопроса: 1. Где я нахожусь? 2. Где я уже был? 3. Куда могу пойти?
Типы ссылок: Встроенные ссылки – традиционный подчеркнутый текст, указывающий, что по вопросу, обсуждаемому в данном месте, есть дополнительная информация.
Типы ссылок: Структурные ссылки (тесно связанные с навигационным меню сайта) – это ссылки, которые указывают на другие уровни структуры сайта. (Переход на уровень вверх или вниз).
Типы ссылок: Ассоциативные ссылки– это ссылки, связанные с содержанием текущей страницы по смыслу.
10 качеств эффективной навигации: 1. Легко воспринимается 2. Остается последовательной 3. Реагирует на действия пользователя 4. Появляется в контексте 5. Предлагает альтернативы 6. Экономит время и действия 7. Несет ясные визуальные послания 8. Использует понятные категории 9. Соответствует предназначению сайта 10. Поддерживает цели и поведение пользователя
Пример структуры сайта Главная страница Страница 1 Страница 1.1. Страница 1.2. Страница 2 Страница 2.1. Страница 2.2. Страница Страница Страница Страница Страница Страница