4 Хнэу. КСиТ. Окд. Потрашкова л. В. Тема 12: «Веб-дизайн» тема 12. Веб-дизайн

1. Классификация веб-сайтов

2. Типы дизайна веб-сайтов. Понятие юзабилити

3. Основной принцип юзабилити

4. Дизайн веб-страницы

5. Дизайн начальной страницы сайта

6. Веб-навигация

1. Классификация веб-сайтов

Классификация сайтов по архитектуре:

1. Простой сайт

- иерархическая структура, не более двух уровней вниз

- вся навигация на первой странице

2. Последовательный сайт (используется для публикации книг, больших документов, новостных лент и т.п.)

- ссылка на следующую страницу

- ссылка на предыдущую страницу

- ссылка на оглавление

3. Горизонтальный сайт

- вверху строка навигации (navigation bar)

- иерархическая структура, не более трех уровней

- внизу повтор навигационной строки

4. Статический вертикальный сайт

- навигационная колонка

- иерархическая структура

- реализация средствами языка гипертекстовой разметки

5. Динамический вертикальный

- навигационная колонка

- динамика = JavaScirpt, CGI

- трудоемкая разработка

Классификация (некоторые типы) сайтов по назначению:

 Сайт-визитка

Такой сайт является "лицом" компании в сети Интернет. Выполняется строго с использованием фирменной символики и фирменных цветов данной компании. Как правило, содержит следующие разделы: «о компании», «новости компании», «товары\услуги», «производство», «цены», «контакты».

 Интернет-магазин

Это сайт, на котором осуществляется торговля через Интернет с возможностью заказывать те или иные товары, в ассортименте представленные на данном сайте.

 Личная страница, персональный сайт

По смыслу и структуре напоминает сайт-визитку, но по тематике не относится к бизнесу, являясь персональным сайтом какой-либо звезды, команды, музыкального коллектива или творческого союза.

 Тематический сайт

Сайт, предназначение которого - доводить до сведения посетителей какую-либо информацию на определенную тему. Например, литературный сайт.

 Портал

Порталом принято называть большой сайт, объединяющий множество более мелких сайтов, имеющих либо самостоятельное доменное имя, либо являющихся поддоменами данного ресурса.

2. Типы дизайна веб-сайтов. Юзабилити

Типы дизайна веб-сайтов:

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

- технический ("интерфейсный", usability) – стиль, призванный максимально облегчить пользователю работу с информацией на сайте – от загрузки странички (минимизирование кода и предельная оптимизация изображений) до понятной схемы сайта и четких формулировок текста. Оформление сайта лаконично и «неощущаемо».

 Юзабилити – это система понятий и методика обеспечения качества дизайна пользовательского интерфейса, а также соответствующий им стиль оформления интерфейса. «Юзабилити» означает, что некая вещь, будь то веб-сайт, реактивный двигатель или вращающаяся дверь, приспособлена к использованию настолько хорошо, что человек со средними способностями и обычным жизненным опытом сможет легко применять ее по назначению.