Документ описывает стажировку 2013 года, посвященную дизайну и созданию сайтов. В нем рассматриваются классификации сайтов, их функции, цели клиентов, а также этапы разработки и важность пользовательского интерфейса и юзабилити. Отмечаются различные ресурсы для создания сайтов и основные принципы, которые необходимо учитывать при их разработке.

1. . Стажировка-2013
Дизайнеры. Занятие 3
Сайты. Зачем и кому это нужно.

2. . Стажировка-2013
Что такое сайт?
Кто придумал первый сайт?

3. . Стажировка-2013
1991 Тим Бернерс-Ли: первый веб-сайт info.cern.ch
Что такое сайт? Кто придумал первый сайт?

4. . Стажировка-2013
Классификация сайтов
По доступности сервисов:
• открытые
• полуоткрытые
• закрытые
По физическому расположению:
• общедоступные сайты сети интернет
• локальные сайты

5. . Стажировка-2013
Классификация сайтов
По схеме представления информации,
её объёму и категории решаемых задач:
• интернет-портал
• информационные ресурсы:
• тематический сайт
• тематический портал
• интернет-представительства
• сайт-визитка
• представительский сайт
• корпоративный сайт
• каталог продукции
• интернет-магазин
• промо-сайт
• сайт-квест

6. . Стажировка-2013
Классификация сайтов
По схеме представления информации...:
• веб-сервис:
• доска объявлений
• каталог сайтов
• поисковые сервисы
• почтовый сервис
• веб-форумы
• блоговый сервис
• файлообменный пиринговый сервис
• облачное хранилище данных
• сервис редактирования данных
• фотохостинг
• видеохостинг
• социальные медиа

7. . Стажировка-2013
Зачем и кому нужен сайт?
1. информационная функция (инфа о компании, о человеке,
о продукте, о мире)
2. имиджевая функция (сайт — это модно): сайт-визитка, промо,
корпоративный
3. маркетинговая функция (продажи): интернет-магазин, промо
4. развлекательная (игровые, форумы, чатики и т.п.)

8. . Стажировка-2013
Зачем и кому нужен сайт?
Кто заказывает? люди и компании, озабоченные одной из этих целей
Чего хотят? чаще всего — прибыли и пиара
Нюансы: красиво, как у кого-то, под фирстиль и т. п.
Как не надо: см. выше
Как надо: чтобы хорошо работало, чтобы было удобно, и уж потом
чтобы было приятно глазу

9. . Стажировка-2013
Зачем и кому нужен сайт?

10. . Стажировка-2013
Как сделать сайт?
1. Бесплатные ресурсы (конструкторы сайтов)
www.ucoz.ru CMS + бесплатный хостинг
народ (закрылся)
www.gybo.com get your online business от google
2. Система управления содержимым (контентом) (англ. Content
management system, CMS)
wordpress, Битрикс, Joomla, Drupal

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

12. . Стажировка-2013
Как сделать сайт?
Как построен процесс?
1. Разработка дизайна
2. Вёрстка
3. Программирование
Какой этап пропущен?

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

14. . Стажировка-2013
Разработка пользовательского интерфейса
У юзабилити есть пять количественных составляющих:
1. Обучаемость
2. Эффективность
3. Запоминаемость
4. Ошибки
5. Удовлетворенность
Если их не соблюдать,
пользователи уходят