Стажировка-2015. Дизайн. Занятие 2. классификация...
TRANSCRIPT
![Page 1: Стажировка-2015. Дизайн. Занятие 2. классификация сайтов](https://reader035.vdocuments.pub/reader035/viewer/2022062711/55c03dbdbb61eb2d6f8b4617/html5/thumbnails/1.jpg)
Стажировка-2015. Дизайнеры. Занятие 2
КлассифиКация сайтов.этапы разработКи
![Page 2: Стажировка-2015. Дизайн. Занятие 2. классификация сайтов](https://reader035.vdocuments.pub/reader035/viewer/2022062711/55c03dbdbb61eb2d6f8b4617/html5/thumbnails/2.jpg)
Стажировка-2015
Что такое сайт?каким был первый сайт?
![Page 4: Стажировка-2015. Дизайн. Занятие 2. классификация сайтов](https://reader035.vdocuments.pub/reader035/viewer/2022062711/55c03dbdbb61eb2d6f8b4617/html5/thumbnails/4.jpg)
Стажировка-2015
классификация сайтов
по доступности сервисов:
• открытые • полуоткрытые • закрытые
по физическому расположению:
• общедоступные сайты • локальные
По типу макетов:
• фиксированные• резиновые• адаптивные
![Page 5: Стажировка-2015. Дизайн. Занятие 2. классификация сайтов](https://reader035.vdocuments.pub/reader035/viewer/2022062711/55c03dbdbb61eb2d6f8b4617/html5/thumbnails/5.jpg)
Стажировка-2015
классификация сайтов
По схеме представления информации, её объёму и категории решаемых задач:
• интернет-портал
• информационные ресурсы:
• тематический сайт
• тематический портал
• интернет-представительства• сайт-визитка
• представительский сайт
• корпоративный сайт
• каталог продукции
• интернет-магазин
• промо-сайт • сайт-квест
![Page 6: Стажировка-2015. Дизайн. Занятие 2. классификация сайтов](https://reader035.vdocuments.pub/reader035/viewer/2022062711/55c03dbdbb61eb2d6f8b4617/html5/thumbnails/6.jpg)
Стажировка-2015
классификация сайтовПо схеме представления информации, ... :
• веб-сервис: • доска объявлений
• каталог сайтов
• поисковые сервисы
• почтовый сервис
• веб-форумы
• блоговый сервис
• файлообменный сервис
• облачное хранилище данных
• сервис редактирования данных
• фотохостинг
• видеохостинг
• социальные медиа
• комбинированные веб-сервисы
![Page 7: Стажировка-2015. Дизайн. Занятие 2. классификация сайтов](https://reader035.vdocuments.pub/reader035/viewer/2022062711/55c03dbdbb61eb2d6f8b4617/html5/thumbnails/7.jpg)
Стажировка-2015
заЧем и кому нужен сайт?
1. информационная функция (информация о компании, о человеке, о продукте, о мире)
2. имиджевая функция (сайт — это модно): сайт-визитка, промо, корпоративный
3. маркетинговая функция (продажи): интернет-магазин, промо
4. развлекательная (игровые, форумы, чатики и т.п.)
![Page 8: Стажировка-2015. Дизайн. Занятие 2. классификация сайтов](https://reader035.vdocuments.pub/reader035/viewer/2022062711/55c03dbdbb61eb2d6f8b4617/html5/thumbnails/8.jpg)
Стажировка-2015
заЧем и кому нужен сайт?
Кто заказывает? персоны и компании, озабоченные одной из этих целей
Чего хотят? чаще всего - прибыли и пиара
Нюансы: красиво, как у кого-то, под фирстиль и т.п.
Как не надо: см. картинку
Как надо: чтобы хорошо работало, чтобы было удобно, и уж потом чтобы было приятно глазу
![Page 9: Стажировка-2015. Дизайн. Занятие 2. классификация сайтов](https://reader035.vdocuments.pub/reader035/viewer/2022062711/55c03dbdbb61eb2d6f8b4617/html5/thumbnails/9.jpg)
Стажировка-2015
как сделать сайт?
бесплатные ресурсы (конструкторы сайтов)
wix.com, www.gybo.com, www.ucoz.ru, webflow.com
CMS (Content management system)
WordPress, Joomla, Drupal, ...
сайты на заказ
а) веб-студия — сайты-визитки, корп. сайты и т. д. б) фриланс — множество опасностей в) IT-компании — сложные функциональные сайты и приложения г) диджитал-агентства, рекламные агентства — промо и т. д.
![Page 10: Стажировка-2015. Дизайн. Занятие 2. классификация сайтов](https://reader035.vdocuments.pub/reader035/viewer/2022062711/55c03dbdbb61eb2d6f8b4617/html5/thumbnails/10.jpg)
Стажировка-2015
как сделать сайт?
ТЗ РаЗРабоТКадиЗайНа
ПРогРаммиРоваНиевёРсТКа
Какой этап пропущен?
![Page 11: Стажировка-2015. Дизайн. Занятие 2. классификация сайтов](https://reader035.vdocuments.pub/reader035/viewer/2022062711/55c03dbdbb61eb2d6f8b4617/html5/thumbnails/11.jpg)
Стажировка-2015
разработка пользовательского интерфейса
Что такое интерфейс?те средства и методы, при помощи которых пользователь взаимодействует с различными, чаще всего сложными, машинами, устройствами, аппаратурой.
Что такое юзабилити?качественный признак, который определяет, насколько интерфейс пользователя легок в использовании. Слово «юзабилити» также обозначает набор методов, служащих для улучшения интерфейса во время процесса его разработки.
![Page 12: Стажировка-2015. Дизайн. Занятие 2. классификация сайтов](https://reader035.vdocuments.pub/reader035/viewer/2022062711/55c03dbdbb61eb2d6f8b4617/html5/thumbnails/12.jpg)
Стажировка-2015
разработка пользовательского интерфейса
У юзабилити есть пять количественных составляющих:
1. Обучаемость
2. Эффективность
3. Запоминаемость
4. Ошибки
5. Удовлетворенность
Если их не соблюдать, пользователи уходят