Web-дизайн. Web-сайты

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

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

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

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

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

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

В создании стиля участвуют следующие элементы дизайна:
Цветовая схема web-сайта
Графическое оформление
Навигация
Информационная структура сайта
Оформление текстов на странице

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

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

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

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

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

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

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

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

10 качеств эффективной навигации:
Легко воспринимается
Остается последовательной
Реагирует на действия пользователя
Появляется в контексте
Предлагает альтернативы
Экономит время и действия
Несет ясные визуальные послания
Использует понятные категории
Соответствует предназначению сайта
Поддерживает цели и поведение пользователя

Пример структуры сайта
Главная страница
Страница 1
Страница 1.1.
Страница 1.2.
Страница 2
Страница 2.1.
Страница 2.2.
Страница 1.2.1.
Страница 1.2.3.
Страница 2.1.1.
Страница 2.2.1.
Страница 2.2.1.1.
Страница 2.2.1.2.