SlideShare a Scribd company logo
1 of 12
Download to read offline
Стажировка-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.	 Удовлетворенность
Если их не соблюдать,
пользователи уходят

More Related Content

Similar to Стажировка-2015. Дизайн. Занятие 2. классификация сайтов

Стажировка-2013, дизайнеры, занятие 3. Сайты. Зачем и кому это нужно.
Стажировка-2013, дизайнеры, занятие 3. Сайты. Зачем и кому это нужно.Стажировка-2013, дизайнеры, занятие 3. Сайты. Зачем и кому это нужно.
Стажировка-2013, дизайнеры, занятие 3. Сайты. Зачем и кому это нужно.
7bits
 
Классификация сайтов. Этапы разработки
Классификация сайтов. Этапы разработкиКлассификация сайтов. Этапы разработки
Классификация сайтов. Этапы разработки
Katya Dolgacheva
 
5 шагов к успешному продвижению в интернете
5 шагов к успешному продвижению в интернете5 шагов к успешному продвижению в интернете
5 шагов к успешному продвижению в интернете
Nikolay Krylov
 
продвижение офисов для друзей
продвижение офисов для друзейпродвижение офисов для друзей
продвижение офисов для друзей
Kate Ivanova
 
Презентация компании Adlabs
Презентация компании Adlabs Презентация компании Adlabs
Презентация компании Adlabs
AllAdvertising.ru
 
общая презентация о корпорации рбс
общая презентация о корпорации рбсобщая презентация о корпорации рбс
общая презентация о корпорации рбс
Vladimir Popov
 

Similar to Стажировка-2015. Дизайн. Занятие 2. классификация сайтов (20)

Стажировка-2013, дизайнеры, занятие 3. Сайты. Зачем и кому это нужно.
Стажировка-2013, дизайнеры, занятие 3. Сайты. Зачем и кому это нужно.Стажировка-2013, дизайнеры, занятие 3. Сайты. Зачем и кому это нужно.
Стажировка-2013, дизайнеры, занятие 3. Сайты. Зачем и кому это нужно.
 
Классификация сайтов. Этапы разработки
Классификация сайтов. Этапы разработкиКлассификация сайтов. Этапы разработки
Классификация сайтов. Этапы разработки
 
Molinos
Molinos Molinos
Molinos
 
Как привлекать клиентов в интернете (Быстро и бесплатно)
Как привлекать клиентов в интернете (Быстро и бесплатно)Как привлекать клиентов в интернете (Быстро и бесплатно)
Как привлекать клиентов в интернете (Быстро и бесплатно)
 
5 шагов к успешному продвижению в интернете
5 шагов к успешному продвижению в интернете5 шагов к успешному продвижению в интернете
5 шагов к успешному продвижению в интернете
 
Интернет-магазин - из офлайна в онлайн – Расторгуев Роман
Интернет-магазин - из офлайна в онлайн – Расторгуев РоманИнтернет-магазин - из офлайна в онлайн – Расторгуев Роман
Интернет-магазин - из офлайна в онлайн – Расторгуев Роман
 
Интернет и бизнес: 5 секретов эффективных коммуникаций
Интернет и бизнес: 5 секретов эффективных коммуникацийИнтернет и бизнес: 5 секретов эффективных коммуникаций
Интернет и бизнес: 5 секретов эффективных коммуникаций
 
продвижение офисов для друзей
продвижение офисов для друзейпродвижение офисов для друзей
продвижение офисов для друзей
 
Двухдневный тренинг «Веб-аналитика и интернет-продвижение Вашего бизнеса» – 2...
Двухдневный тренинг «Веб-аналитика и интернет-продвижение Вашего бизнеса» – 2...Двухдневный тренинг «Веб-аналитика и интернет-продвижение Вашего бизнеса» – 2...
Двухдневный тренинг «Веб-аналитика и интернет-продвижение Вашего бизнеса» – 2...
 
Стратегия в контент-маркетинге: актуальные методики и механики взаимодействия...
Стратегия в контент-маркетинге: актуальные методики и механики взаимодействия...Стратегия в контент-маркетинге: актуальные методики и механики взаимодействия...
Стратегия в контент-маркетинге: актуальные методики и механики взаимодействия...
 
Презентация компании Adlabs
Презентация компании Adlabs Презентация компании Adlabs
Презентация компании Adlabs
 
презентация сайт Face вашей компании
презентация сайт   Face вашей компаниипрезентация сайт   Face вашей компании
презентация сайт Face вашей компании
 
Правильные методы SEO-продвижения для сайтов на Prom.ua
Правильные методы SEO-продвижения для сайтов на Prom.uaПравильные методы SEO-продвижения для сайтов на Prom.ua
Правильные методы SEO-продвижения для сайтов на Prom.ua
 
общая презентация о корпорации рбс
общая презентация о корпорации рбсобщая презентация о корпорации рбс
общая презентация о корпорации рбс
 
Конкурентный анализ
Конкурентный анализКонкурентный анализ
Конкурентный анализ
 
"Анализ конкурентов"
"Анализ конкурентов""Анализ конкурентов"
"Анализ конкурентов"
 
Конкурентная разведка в интернете
Конкурентная разведка в интернетеКонкурентная разведка в интернете
Конкурентная разведка в интернете
 
Что будет с SEO в 2015?
Что будет с SEO в 2015?Что будет с SEO в 2015?
Что будет с SEO в 2015?
 
Как интеграция сайта с 1с увеличивает продажи
Как интеграция сайта с 1с увеличивает продажиКак интеграция сайта с 1с увеличивает продажи
Как интеграция сайта с 1с увеличивает продажи
 
Контент-маркетинг
Контент-маркетингКонтент-маркетинг
Контент-маркетинг
 

More from 7bits

Гудбай, ИТ-лофт! Тарасенко Анна: Стартап = факап?
Гудбай, ИТ-лофт! Тарасенко Анна: Стартап = факап? Гудбай, ИТ-лофт! Тарасенко Анна: Стартап = факап?
Гудбай, ИТ-лофт! Тарасенко Анна: Стартап = факап?
7bits
 

More from 7bits (20)

Гудбай, ИТ-лофт! Тарасенко Анна: Стартап = факап?
Гудбай, ИТ-лофт! Тарасенко Анна: Стартап = факап? Гудбай, ИТ-лофт! Тарасенко Анна: Стартап = факап?
Гудбай, ИТ-лофт! Тарасенко Анна: Стартап = факап?
 
Гудбай, ИТ-лофт! Денис Нелюбин: Новейшая история ИТ-лофта
Гудбай, ИТ-лофт! Денис Нелюбин: Новейшая история ИТ-лофтаГудбай, ИТ-лофт! Денис Нелюбин: Новейшая история ИТ-лофта
Гудбай, ИТ-лофт! Денис Нелюбин: Новейшая история ИТ-лофта
 
Гудбай, ИТ-лофт! Лопатюк Саша: Договоримся не плакать
Гудбай, ИТ-лофт! Лопатюк Саша: Договоримся не плакатьГудбай, ИТ-лофт! Лопатюк Саша: Договоримся не плакать
Гудбай, ИТ-лофт! Лопатюк Саша: Договоримся не плакать
 
Гудбай, ИТ-лофт! Гончаровский Игорь: IT-Loft без связи
Гудбай, ИТ-лофт! Гончаровский Игорь: IT-Loft без связи Гудбай, ИТ-лофт! Гончаровский Игорь: IT-Loft без связи
Гудбай, ИТ-лофт! Гончаровский Игорь: IT-Loft без связи
 
Гудбай, ИТ-лофт! Мячин Сергей: LUDUM DARE + IT-LOFT = LOVE
Гудбай, ИТ-лофт! Мячин Сергей: LUDUM DARE + IT-LOFT = LOVE Гудбай, ИТ-лофт! Мячин Сергей: LUDUM DARE + IT-LOFT = LOVE
Гудбай, ИТ-лофт! Мячин Сергей: LUDUM DARE + IT-LOFT = LOVE
 
Goodbye, IT-loft! Тараканов Алексей: Идеология в IT
Goodbye, IT-loft! Тараканов Алексей: Идеология в ITGoodbye, IT-loft! Тараканов Алексей: Идеология в IT
Goodbye, IT-loft! Тараканов Алексей: Идеология в IT
 
Курс Java-2016. Занятие 13. Spring
Курс Java-2016. Занятие 13. SpringКурс Java-2016. Занятие 13. Spring
Курс Java-2016. Занятие 13. Spring
 
Курс Java-2016. Занятие 12. DBMS, JDBC
Курс Java-2016. Занятие 12. DBMS, JDBCКурс Java-2016. Занятие 12. DBMS, JDBC
Курс Java-2016. Занятие 12. DBMS, JDBC
 
Курс Java-2016. Занятие 11. Servlets, JSP
Курс Java-2016. Занятие 11. Servlets, JSPКурс Java-2016. Занятие 11. Servlets, JSP
Курс Java-2016. Занятие 11. Servlets, JSP
 
Курс Java-2016. Занятие 10. Reflection, mock
Курс Java-2016. Занятие 10. Reflection, mockКурс Java-2016. Занятие 10. Reflection, mock
Курс Java-2016. Занятие 10. Reflection, mock
 
Курс Java-2016. Занятие 09. Web
Курс Java-2016. Занятие 09. WebКурс Java-2016. Занятие 09. Web
Курс Java-2016. Занятие 09. Web
 
Курс Java-2016. Занятие 08. Итераторы, многопоточность
Курс Java-2016. Занятие 08. Итераторы, многопоточностьКурс Java-2016. Занятие 08. Итераторы, многопоточность
Курс Java-2016. Занятие 08. Итераторы, многопоточность
 
Курс Java-2016. Занятие 07. Логи, фасады, библиотеки и коллекции
Курс Java-2016. Занятие 07. Логи, фасады, библиотеки и коллекцииКурс Java-2016. Занятие 07. Логи, фасады, библиотеки и коллекции
Курс Java-2016. Занятие 07. Логи, фасады, библиотеки и коллекции
 
Курс Java-2016. Занятие 06. Файлы и ввод-вывод
Курс Java-2016. Занятие 06. Файлы и ввод-выводКурс Java-2016. Занятие 06. Файлы и ввод-вывод
Курс Java-2016. Занятие 06. Файлы и ввод-вывод
 
Курс Java-2016. Занятие 05. Тестирование и Java
Курс Java-2016. Занятие 05. Тестирование и JavaКурс Java-2016. Занятие 05. Тестирование и Java
Курс Java-2016. Занятие 05. Тестирование и Java
 
Курс Java-2016. Занятие 04 (часть 2). Git и GitHub
Курс Java-2016. Занятие 04 (часть 2). Git и GitHubКурс Java-2016. Занятие 04 (часть 2). Git и GitHub
Курс Java-2016. Занятие 04 (часть 2). Git и GitHub
 
Курс Java-2016. Занятие 04 (часть 1). Еще немного про Generics
Курс Java-2016. Занятие 04 (часть 1). Еще немного про GenericsКурс Java-2016. Занятие 04 (часть 1). Еще немного про Generics
Курс Java-2016. Занятие 04 (часть 1). Еще немного про Generics
 
курс Java 2016. занятие 03. интерфейсы, generic, исключения
курс Java 2016. занятие 03. интерфейсы, generic, исключениякурс Java 2016. занятие 03. интерфейсы, generic, исключения
курс Java 2016. занятие 03. интерфейсы, generic, исключения
 
Курс Java-2016. Занятие 02. Пакеты, сборка проекта с Maven
Курс Java-2016. Занятие 02. Пакеты, сборка проекта с MavenКурс Java-2016. Занятие 02. Пакеты, сборка проекта с Maven
Курс Java-2016. Занятие 02. Пакеты, сборка проекта с Maven
 
Курс Java-2016. Занятие 01. Введение в Java как технологию
Курс Java-2016. Занятие 01. Введение в Java как технологиюКурс Java-2016. Занятие 01. Введение в Java как технологию
Курс Java-2016. Занятие 01. Введение в Java как технологию
 

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

  • 1. Стажировка-2015. Дизайнеры. Занятие 2 Классификация сайтов. этапы разработки
  • 3. Стажировка-2015 Первый веб-сайт 1991 Тим Бернерс-Ли: info.cern.ch
  • 4. Стажировка-2015 Классификация сайтов По доступности сервисов: • открытые • полуоткрытые • закрытые По физическому расположению: • общедоступные сайты • локальные По типу макетов: • фиксированные • резиновые • адаптивные
  • 5. Стажировка-2015 Классификация сайтов По схеме представления информации, её объёму и категории решаемых задач: • интернет-портал • информационные ресурсы: • тематический сайт • тематический портал • интернет-представительства • сайт-визитка • представительский сайт • корпоративный сайт • каталог продукции • интернет-магазин • промо-сайт • сайт-квест
  • 6. Стажировка-2015 Классификация сайтов По схеме представления информации, ... : • веб-сервис: • доска объявлений • каталог сайтов • поисковые сервисы • почтовый сервис • веб-форумы • блоговый сервис • файлообменный сервис • облачное хранилище данных • сервис редактирования данных • фотохостинг • видеохостинг • социальные медиа • комбинированные веб-сервисы
  • 7. Стажировка-2015 зачем и кому нужен сайт? 1. информационная функция (информация о компании, о человеке, о продукте, о мире) 2. имиджевая функция (сайт — это модно): сайт-визитка, промо, корпоративный 3. маркетинговая функция (продажи): интернет-магазин, промо 4. развлекательная (игровые, форумы, чатики и т.п.)
  • 8. Стажировка-2015 зачем и кому нужен сайт? Кто заказывает? персоны и компании, озабоченные одной из этих целей Чего хотят? чаще всего - прибыли и пиара Нюансы: красиво, как у кого-то, под фирстиль и т.п. Как не надо: см. картинку Как надо: чтобы хорошо работало, чтобы было удобно, и уж потом чтобы было приятно глазу
  • 9. Стажировка-2015 Как сделать сайт? Бесплатные ресурсы (конструкторы сайтов) wix.com, www.gybo.com, www.ucoz.ru, webflow.com CMS (Content management system) WordPress, Joomla, Drupal, ... Сайты на заказ а) веб-студия — сайты-визитки, корп. сайты и т. д. б) фриланс — множество опасностей в) IT-компании — сложные функциональные сайты и приложения г) диджитал-агентства, рекламные агентства — промо и т. д.
  • 10. Стажировка-2015 Как сделать сайт? ТЗ Разработка дизайна ПрограммированиеВёрстка Какой этап пропущен?
  • 11. Стажировка-2015 разработка пользовательского интерфейса Что такое интерфейс? те средства и методы, при помощи которых пользователь взаимодействует с различными, чаще всего сложными, машинами, устройствами, аппаратурой. Что такое юзабилити? качественный признак, который определяет, насколько интерфейс пользователя легок в использовании. Слово «юзабилити» также обозначает набор методов, служащих для улучшения интерфейса во время процесса его разработки.
  • 12. Стажировка-2015 разработка пользовательского интерфейса У юзабилити есть пять количественных составляющих: 1. Обучаемость 2. Эффективность 3. Запоминаемость 4. Ошибки 5. Удовлетворенность Если их не соблюдать, пользователи уходят