Стажировка-2015. Дизайнеры. Занятие 2

КлассифиКация сайтов.этапы разработКи

Стажировка-2015

Что такое сайт?каким был первый сайт?

Стажировка-2015

первый веб-сайт

1991 Тим Бернерс-Ли: info.cern.ch

Стажировка-2015

классификация сайтов

по доступности сервисов:

• открытые • полуоткрытые • закрытые

по физическому расположению:

• общедоступные сайты • локальные

По типу макетов:

• фиксированные• резиновые• адаптивные

Стажировка-2015

классификация сайтов

По схеме представления информации, её объёму и категории решаемых задач:

• интернет-портал

• информационные ресурсы:

• тематический сайт

• тематический портал

• интернет-представительства• сайт-визитка

• представительский сайт

• корпоративный сайт

• каталог продукции

• интернет-магазин

• промо-сайт • сайт-квест

Стажировка-2015

классификация сайтовПо схеме представления информации, ... :

• веб-сервис: • доска объявлений

• каталог сайтов

• поисковые сервисы

• почтовый сервис

• веб-форумы

• блоговый сервис

• файлообменный сервис

• облачное хранилище данных

• сервис редактирования данных

• фотохостинг

• видеохостинг

• социальные медиа

• комбинированные веб-сервисы

Стажировка-2015

заЧем и кому нужен сайт?

1. информационная функция (информация о компании, о человеке, о продукте, о мире)

2. имиджевая функция (сайт — это модно): сайт-визитка, промо, корпоративный

3. маркетинговая функция (продажи): интернет-магазин, промо

4. развлекательная (игровые, форумы, чатики и т.п.)

Стажировка-2015

заЧем и кому нужен сайт?

Кто заказывает? персоны и компании, озабоченные одной из этих целей

Чего хотят? чаще всего - прибыли и пиара

Нюансы: красиво, как у кого-то, под фирстиль и т.п.

Как не надо: см. картинку

Как надо: чтобы хорошо работало, чтобы было удобно, и уж потом чтобы было приятно глазу

Стажировка-2015

как сделать сайт?

бесплатные ресурсы (конструкторы сайтов)

wix.com, www.gybo.com, www.ucoz.ru, webflow.com

CMS (Content management system)

WordPress, Joomla, Drupal, ...

сайты на заказ

а) веб-студия — сайты-визитки, корп. сайты и т. д. б) фриланс — множество опасностей в) IT-компании — сложные функциональные сайты и приложения г) диджитал-агентства, рекламные агентства — промо и т. д.

Стажировка-2015

как сделать сайт?

ТЗ РаЗРабоТКадиЗайНа

ПРогРаммиРоваНиевёРсТКа

Какой этап пропущен?

Стажировка-2015

разработка пользовательского интерфейса

Что такое интерфейс?те средства и методы, при помощи которых пользователь взаимодействует с различными, чаще всего сложными, машинами, устройствами, аппаратурой.

Что такое юзабилити?качественный признак, который определяет, насколько интерфейс пользователя легок в использовании. Слово «юзабилити» также обозначает набор методов, служащих для улучшения интерфейса во время процесса его разработки.

Стажировка-2015

разработка пользовательского интерфейса

У юзабилити есть пять количественных составляющих:

1. Обучаемость

2. Эффективность

3. Запоминаемость

4. Ошибки

5. Удовлетворенность

Если их не соблюдать, пользователи уходят