SlideShare ist ein Scribd-Unternehmen logo
1 von 36
Downloaden Sie, um offline zu lesen
www.astramg.ru
СПб +7 (812) 458 57 79
Мск +7 (495) 649 62 78
Ярослав Табаков
Директор по развитию
Развитие интерфейсов:
из прошлого в будущее
Определение интерфейсаЧтотакоеинтерфейс?
Интерфе́йс — совокупность возможностей, способов и методов
взаимодействия двух систем.
В случае, если одна из взаимодействующих систем — человек, чаще говорят
лишь о второй системе, то есть об интерфейсе той системы, с которой человек
взаимодействует.
Ключевые слова:
• Совокупность возможностей – означает их ограничение
• Человек – функционирующая система
• Взаимодействие – человек воздействует на систему, а она на человека
Пример интерфейсаЧтотакоеинтерфейс?
Компьютерный интерфейсЧтотакоеинтерфейс?
Интерфейс программы обеспечивает взаимодействие человека и программы.
• Человек отдает команды, а система подчиняется и отвечает.
• Периодически система отдает команды, а человек подчиняется.
• Иногда человек отдает команды, а система не подчиняется, или не отвечает.
Элементы интерфейса:
• Система ввода запросов;
• Система вывода результатов;
• Элементы управления в контексте выводимых результатов,
• Запросы системы к пользователю,
• Элементы оформления и визуализации.
У интерфейса есть не только визуальная, но и аппаратная часть.
Они совместно определяют взаимодействие.
Это тоже часть интерфейсаЧтотакоеинтерфейс?
NLS (oN-Line System) - 1968 годИсторияинтерфейса
Навеяло…Историяинтерфейса
Мышка ЭнгельбардаИсторияинтерфейса
Alto (Xerox PARC) - 1973 годИсторияинтерфейса
Apple II (5 000 000 продаж) - 1977 годИсторияинтерфейса
На этом слайде покоятся
35 лет стагнации
развития аппаратной части интерфейсов
поэтому этот слайд – черный
а я так печально молчу
Историяинтерфейса
Ура, сенсорный экран!
Революция! Да?
Нашидни
Компьютер PLATO IV (1972 год)
имел сенсорный экран
Нашидни
Это – качественный скачок?Нашидни
Помните 1968 год?Нашидни
Современный интерфейсНашидни
Ближайшее будущее?
Если мы научимся жить без кнопок.
Нашидни
Текстовый интерфейсВизуальныйинтерфейс
Оконный текстовый интерфейсВизуальныйинтерфейс
Оконный графический интерфейсВизуальныйинтерфейс
Здесь я снова должен скорбно помолчать
Визуальныйинтерфейс
Объем и тениРазвитиеграфики
СкевоморфизмРазвитиеграфики
Aqua (Apple)Развитиеграфики
Aero (Microsoft)Развитиеграфики
MetroРазвитиеграфики
Flat designРазвитиеграфики
ParallaxРазвитиеграфики
Паралла́кс — изменение видимого положения объекта
относительно удалённого фона в зависимости от положения наблюдателя.
Влияние мобильной платформы –
Адаптивный дизайн
Развитиевзаимодействия
Влияние мобильной платформы –
Mobile first. Mobile only?
Развитиевзаимодействия
Выпадающим меню
навигация не ограничивается
Развитиевзаимодействия
Да и, в целом, меню
навигация не ограничивается
Развитиевзаимодействия
Только важное важноРазвитиевзаимодействия
Будущее? Я надеюсь,
что интерфейсы будут выглядеть так
Чтозагоризонтом?
… но я могу ошибаться Чтозагоризонтом?
www.astramg.ru
+7 (812) 458 57 78
info@astramg.ru
КОНТАКТЫ
СПАСИБО! Вопросы?
КОНТАКТЫ
Vk /astramg
Fb /astramg
Twi /AstraMediaGroup
Vk /ytabakov
Fb /ytabakoff
Twi /ytabakov

Weitere ähnliche Inhalte

Ähnlich wie Развитие интерфейсов: из прошлого в будущее

лекция1
лекция1лекция1
лекция1shagore
 
Олег Антонян
Олег АнтонянОлег Антонян
Олег АнтонянForkConf
 
[Skolkovo Robotics 2015 Day 2] Проблемы и проекты интерфейса «робот (машина) ...
[Skolkovo Robotics 2015 Day 2] Проблемы и проекты интерфейса «робот (машина) ...[Skolkovo Robotics 2015 Day 2] Проблемы и проекты интерфейса «робот (машина) ...
[Skolkovo Robotics 2015 Day 2] Проблемы и проекты интерфейса «робот (машина) ...Skolkovo Robotics Center
 
аппаратное и программное обеспечение
аппаратное и программное обеспечениеаппаратное и программное обеспечение
аппаратное и программное обеспечениеtanya1974
 
HappyDev-lite-2016-весна 05 Евгений Тюменцев. Не все технологии одинаково по...
HappyDev-lite-2016-весна 05 Евгений Тюменцев. Не все технологии одинаково по...HappyDev-lite-2016-весна 05 Евгений Тюменцев. Не все технологии одинаково по...
HappyDev-lite-2016-весна 05 Евгений Тюменцев. Не все технологии одинаково по...HappyDev-lite
 
К стратегической сессии по будущему интернета
К стратегической сессии по будущему интернетаК стратегической сессии по будущему интернета
К стратегической сессии по будущему интернетаAnatoly Levenchuk
 
Введение в веб-технологии. Лекция.
Введение в веб-технологии. Лекция. Введение в веб-технологии. Лекция.
Введение в веб-технологии. Лекция. Rauf Aliev
 
F# - функциональный язык «новой» волны
F# - функциональный  язык «новой» волныF# - функциональный  язык «новой» волны
F# - функциональный язык «новой» волныKiev ALT.NET
 
Программирование глазами математика
Программирование глазами математикаПрограммирование глазами математика
Программирование глазами математикаetyumentcev
 
Акторы в C++: взгляд старого практикующего актородела (St. Petersburg C++ Use...
Акторы в C++: взгляд старого практикующего актородела (St. Petersburg C++ Use...Акторы в C++: взгляд старого практикующего актородела (St. Petersburg C++ Use...
Акторы в C++: взгляд старого практикующего актородела (St. Petersburg C++ Use...Yauheni Akhotnikau
 
КРАТКИЙ СЛОВАРЬ ИНТЕРНЕТ-СЛЕНГА. БУКВАРЬ СЛЕНГ-РЕБУСОВ В РАЗЛИЧНЫХ СИСТЕМАХ С...
КРАТКИЙ СЛОВАРЬ ИНТЕРНЕТ-СЛЕНГА. БУКВАРЬ СЛЕНГ-РЕБУСОВ В РАЗЛИЧНЫХ СИСТЕМАХ С...КРАТКИЙ СЛОВАРЬ ИНТЕРНЕТ-СЛЕНГА. БУКВАРЬ СЛЕНГ-РЕБУСОВ В РАЗЛИЧНЫХ СИСТЕМАХ С...
КРАТКИЙ СЛОВАРЬ ИНТЕРНЕТ-СЛЕНГА. БУКВАРЬ СЛЕНГ-РЕБУСОВ В РАЗЛИЧНЫХ СИСТЕМАХ С...Анатолий Мячев
 
Практики жизненного цикла систем машинного обучения
Практики жизненного цикла систем машинного обученияПрактики жизненного цикла систем машинного обучения
Практики жизненного цикла систем машинного обученияCEE-SEC(R)
 
Human computer interfaces v8
Human computer interfaces v8Human computer interfaces v8
Human computer interfaces v8Yuri Ammosov
 
F# функциональный язык "новой" волны
F# функциональный язык "новой" волныF# функциональный язык "новой" волны
F# функциональный язык "новой" волныArtem Prysyazhnuk
 
Роль_текста_в_интерфейсе
Роль_текста_в_интерфейсеРоль_текста_в_интерфейсе
Роль_текста_в_интерфейсеYandex
 
Блеск и нищета современного ИИ, из истории кибернетики в СССР, философия ИИ -...
Блеск и нищета современного ИИ, из истории кибернетики в СССР, философия ИИ -...Блеск и нищета современного ИИ, из истории кибернетики в СССР, философия ИИ -...
Блеск и нищета современного ИИ, из истории кибернетики в СССР, философия ИИ -...Anton Moiseev
 
Неотрефлексированный сдвиг парадигмы: от поколений языков программирования вы...
Неотрефлексированный сдвиг парадигмы: от поколений языков программирования вы...Неотрефлексированный сдвиг парадигмы: от поколений языков программирования вы...
Неотрефлексированный сдвиг парадигмы: от поколений языков программирования вы...Alexey Neznanov
 

Ähnlich wie Развитие интерфейсов: из прошлого в будущее (20)

лекция 1
лекция 1лекция 1
лекция 1
 
лекция1
лекция1лекция1
лекция1
 
Олег Антонян
Олег АнтонянОлег Антонян
Олег Антонян
 
[Skolkovo Robotics 2015 Day 2] Проблемы и проекты интерфейса «робот (машина) ...
[Skolkovo Robotics 2015 Day 2] Проблемы и проекты интерфейса «робот (машина) ...[Skolkovo Robotics 2015 Day 2] Проблемы и проекты интерфейса «робот (машина) ...
[Skolkovo Robotics 2015 Day 2] Проблемы и проекты интерфейса «робот (машина) ...
 
аппаратное и программное обеспечение
аппаратное и программное обеспечениеаппаратное и программное обеспечение
аппаратное и программное обеспечение
 
HappyDev-lite-2016-весна 05 Евгений Тюменцев. Не все технологии одинаково по...
HappyDev-lite-2016-весна 05 Евгений Тюменцев. Не все технологии одинаково по...HappyDev-lite-2016-весна 05 Евгений Тюменцев. Не все технологии одинаково по...
HappyDev-lite-2016-весна 05 Евгений Тюменцев. Не все технологии одинаково по...
 
К стратегической сессии по будущему интернета
К стратегической сессии по будущему интернетаК стратегической сессии по будущему интернета
К стратегической сессии по будущему интернета
 
Введение в веб-технологии. Лекция.
Введение в веб-технологии. Лекция. Введение в веб-технологии. Лекция.
Введение в веб-технологии. Лекция.
 
F# - функциональный язык «новой» волны
F# - функциональный  язык «новой» волныF# - функциональный  язык «новой» волны
F# - функциональный язык «новой» волны
 
Программирование глазами математика
Программирование глазами математикаПрограммирование глазами математика
Программирование глазами математика
 
User Interface History
User Interface HistoryUser Interface History
User Interface History
 
Акторы в C++: взгляд старого практикующего актородела (St. Petersburg C++ Use...
Акторы в C++: взгляд старого практикующего актородела (St. Petersburg C++ Use...Акторы в C++: взгляд старого практикующего актородела (St. Petersburg C++ Use...
Акторы в C++: взгляд старого практикующего актородела (St. Petersburg C++ Use...
 
КРАТКИЙ СЛОВАРЬ ИНТЕРНЕТ-СЛЕНГА. БУКВАРЬ СЛЕНГ-РЕБУСОВ В РАЗЛИЧНЫХ СИСТЕМАХ С...
КРАТКИЙ СЛОВАРЬ ИНТЕРНЕТ-СЛЕНГА. БУКВАРЬ СЛЕНГ-РЕБУСОВ В РАЗЛИЧНЫХ СИСТЕМАХ С...КРАТКИЙ СЛОВАРЬ ИНТЕРНЕТ-СЛЕНГА. БУКВАРЬ СЛЕНГ-РЕБУСОВ В РАЗЛИЧНЫХ СИСТЕМАХ С...
КРАТКИЙ СЛОВАРЬ ИНТЕРНЕТ-СЛЕНГА. БУКВАРЬ СЛЕНГ-РЕБУСОВ В РАЗЛИЧНЫХ СИСТЕМАХ С...
 
ОС 2
ОС 2ОС 2
ОС 2
 
Практики жизненного цикла систем машинного обучения
Практики жизненного цикла систем машинного обученияПрактики жизненного цикла систем машинного обучения
Практики жизненного цикла систем машинного обучения
 
Human computer interfaces v8
Human computer interfaces v8Human computer interfaces v8
Human computer interfaces v8
 
F# функциональный язык "новой" волны
F# функциональный язык "новой" волныF# функциональный язык "новой" волны
F# функциональный язык "новой" волны
 
Роль_текста_в_интерфейсе
Роль_текста_в_интерфейсеРоль_текста_в_интерфейсе
Роль_текста_в_интерфейсе
 
Блеск и нищета современного ИИ, из истории кибернетики в СССР, философия ИИ -...
Блеск и нищета современного ИИ, из истории кибернетики в СССР, философия ИИ -...Блеск и нищета современного ИИ, из истории кибернетики в СССР, философия ИИ -...
Блеск и нищета современного ИИ, из истории кибернетики в СССР, философия ИИ -...
 
Неотрефлексированный сдвиг парадигмы: от поколений языков программирования вы...
Неотрефлексированный сдвиг парадигмы: от поколений языков программирования вы...Неотрефлексированный сдвиг парадигмы: от поколений языков программирования вы...
Неотрефлексированный сдвиг парадигмы: от поколений языков программирования вы...
 

Mehr von Astra Media Group, Russia

Юзабилити-аудит своими руками
Юзабилити-аудит своими рукамиЮзабилити-аудит своими руками
Юзабилити-аудит своими рукамиAstra Media Group, Russia
 
Типичные ошибки проектирования: как не надо делать сайты
Типичные ошибки проектирования: как не надо делать сайтыТипичные ошибки проектирования: как не надо делать сайты
Типичные ошибки проектирования: как не надо делать сайтыAstra Media Group, Russia
 
Три «К» электронной коммерции: клиент, коммуникация, конверсия
Три «К» электронной коммерции: клиент, коммуникация, конверсияТри «К» электронной коммерции: клиент, коммуникация, конверсия
Три «К» электронной коммерции: клиент, коммуникация, конверсияAstra Media Group, Russia
 
Медицина online: социальные коммуникации в интернете
Медицина online: социальные коммуникации в интернетеМедицина online: социальные коммуникации в интернете
Медицина online: социальные коммуникации в интернетеAstra Media Group, Russia
 
Эффективная реклама для медицинских организаций. Как выстроить очередь из пац...
Эффективная реклама для медицинских организаций. Как выстроить очередь из пац...Эффективная реклама для медицинских организаций. Как выстроить очередь из пац...
Эффективная реклама для медицинских организаций. Как выстроить очередь из пац...Astra Media Group, Russia
 
Готовое решение для медицинских организаций на платформе «1С-Битрикс»
Готовое решение для медицинских организаций на платформе «1С-Битрикс»Готовое решение для медицинских организаций на платформе «1С-Битрикс»
Готовое решение для медицинских организаций на платформе «1С-Битрикс»Astra Media Group, Russia
 
Что делать или почему никто не виноват
Что делать или почему никто не виноватЧто делать или почему никто не виноват
Что делать или почему никто не виноватAstra Media Group, Russia
 
Контент-маркетинг. Тренд 2013.
Контент-маркетинг. Тренд 2013.Контент-маркетинг. Тренд 2013.
Контент-маркетинг. Тренд 2013.Astra Media Group, Russia
 
Email-маркетинг нового поколения — системный подход
Email-маркетинг нового поколения — системный подходEmail-маркетинг нового поколения — системный подход
Email-маркетинг нового поколения — системный подходAstra Media Group, Russia
 
Вся правда о поисковом продвижении. Место SEO в маркетинговой стратегии
Вся правда о поисковом продвижении. Место SEO в маркетинговой стратегииВся правда о поисковом продвижении. Место SEO в маркетинговой стратегии
Вся правда о поисковом продвижении. Место SEO в маркетинговой стратегииAstra Media Group, Russia
 
Простые ответы на простые вопросы о непростом SMM
Простые ответы на простые вопросы о непростом SMMПростые ответы на простые вопросы о непростом SMM
Простые ответы на простые вопросы о непростом SMMAstra Media Group, Russia
 
Проектирование сайта как места продаж
Проектирование сайта как места продажПроектирование сайта как места продаж
Проектирование сайта как места продажAstra Media Group, Russia
 
Нужен сайт? Используйте готовые решения!
Нужен сайт? Используйте готовые решения!Нужен сайт? Используйте готовые решения!
Нужен сайт? Используйте готовые решения!Astra Media Group, Russia
 
Он хотел созорничать, но не знал с чего начать, или Как сформулировать цели и...
Он хотел созорничать, но не знал с чего начать, или Как сформулировать цели и...Он хотел созорничать, но не знал с чего начать, или Как сформулировать цели и...
Он хотел созорничать, но не знал с чего начать, или Как сформулировать цели и...Astra Media Group, Russia
 
Новинки и «вкусности» в CMS Bitrix и Umi. Критерии выбора CMS
Новинки и «вкусности» в CMS Bitrix и Umi. Критерии выбора CMSНовинки и «вкусности» в CMS Bitrix и Umi. Критерии выбора CMS
Новинки и «вкусности» в CMS Bitrix и Umi. Критерии выбора CMSAstra Media Group, Russia
 
Вредные советы для непослушных проектировщиков и их пользователей
Вредные советы для непослушных проектировщиков и их пользователейВредные советы для непослушных проектировщиков и их пользователей
Вредные советы для непослушных проектировщиков и их пользователейAstra Media Group, Russia
 
Новейшие тенденции в web-дизайне
Новейшие тенденции в web-дизайнеНовейшие тенденции в web-дизайне
Новейшие тенденции в web-дизайнеAstra Media Group, Russia
 
Три «К» интернет-магазина: клиент, коммуникация, конверсия
Три «К» интернет-магазина: клиент, коммуникация, конверсияТри «К» интернет-магазина: клиент, коммуникация, конверсия
Три «К» интернет-магазина: клиент, коммуникация, конверсияAstra Media Group, Russia
 

Mehr von Astra Media Group, Russia (20)

Юзабилити-аудит своими руками
Юзабилити-аудит своими рукамиЮзабилити-аудит своими руками
Юзабилити-аудит своими руками
 
Типичные ошибки проектирования: как не надо делать сайты
Типичные ошибки проектирования: как не надо делать сайтыТипичные ошибки проектирования: как не надо делать сайты
Типичные ошибки проектирования: как не надо делать сайты
 
Три «К» электронной коммерции: клиент, коммуникация, конверсия
Три «К» электронной коммерции: клиент, коммуникация, конверсияТри «К» электронной коммерции: клиент, коммуникация, конверсия
Три «К» электронной коммерции: клиент, коммуникация, конверсия
 
Медицина online: социальные коммуникации в интернете
Медицина online: социальные коммуникации в интернетеМедицина online: социальные коммуникации в интернете
Медицина online: социальные коммуникации в интернете
 
Эффективная реклама для медицинских организаций. Как выстроить очередь из пац...
Эффективная реклама для медицинских организаций. Как выстроить очередь из пац...Эффективная реклама для медицинских организаций. Как выстроить очередь из пац...
Эффективная реклама для медицинских организаций. Как выстроить очередь из пац...
 
Готовое решение для медицинских организаций на платформе «1С-Битрикс»
Готовое решение для медицинских организаций на платформе «1С-Битрикс»Готовое решение для медицинских организаций на платформе «1С-Битрикс»
Готовое решение для медицинских организаций на платформе «1С-Битрикс»
 
Зачем мы делаем сайты
Зачем мы делаем сайтыЗачем мы делаем сайты
Зачем мы делаем сайты
 
Что делать или почему никто не виноват
Что делать или почему никто не виноватЧто делать или почему никто не виноват
Что делать или почему никто не виноват
 
Проектирование сайта
Проектирование сайтаПроектирование сайта
Проектирование сайта
 
Контент-маркетинг. Тренд 2013.
Контент-маркетинг. Тренд 2013.Контент-маркетинг. Тренд 2013.
Контент-маркетинг. Тренд 2013.
 
Email-маркетинг нового поколения — системный подход
Email-маркетинг нового поколения — системный подходEmail-маркетинг нового поколения — системный подход
Email-маркетинг нового поколения — системный подход
 
Вся правда о поисковом продвижении. Место SEO в маркетинговой стратегии
Вся правда о поисковом продвижении. Место SEO в маркетинговой стратегииВся правда о поисковом продвижении. Место SEO в маркетинговой стратегии
Вся правда о поисковом продвижении. Место SEO в маркетинговой стратегии
 
Простые ответы на простые вопросы о непростом SMM
Простые ответы на простые вопросы о непростом SMMПростые ответы на простые вопросы о непростом SMM
Простые ответы на простые вопросы о непростом SMM
 
Проектирование сайта как места продаж
Проектирование сайта как места продажПроектирование сайта как места продаж
Проектирование сайта как места продаж
 
Нужен сайт? Используйте готовые решения!
Нужен сайт? Используйте готовые решения!Нужен сайт? Используйте готовые решения!
Нужен сайт? Используйте готовые решения!
 
Он хотел созорничать, но не знал с чего начать, или Как сформулировать цели и...
Он хотел созорничать, но не знал с чего начать, или Как сформулировать цели и...Он хотел созорничать, но не знал с чего начать, или Как сформулировать цели и...
Он хотел созорничать, но не знал с чего начать, или Как сформулировать цели и...
 
Новинки и «вкусности» в CMS Bitrix и Umi. Критерии выбора CMS
Новинки и «вкусности» в CMS Bitrix и Umi. Критерии выбора CMSНовинки и «вкусности» в CMS Bitrix и Umi. Критерии выбора CMS
Новинки и «вкусности» в CMS Bitrix и Umi. Критерии выбора CMS
 
Вредные советы для непослушных проектировщиков и их пользователей
Вредные советы для непослушных проектировщиков и их пользователейВредные советы для непослушных проектировщиков и их пользователей
Вредные советы для непослушных проектировщиков и их пользователей
 
Новейшие тенденции в web-дизайне
Новейшие тенденции в web-дизайнеНовейшие тенденции в web-дизайне
Новейшие тенденции в web-дизайне
 
Три «К» интернет-магазина: клиент, коммуникация, конверсия
Три «К» интернет-магазина: клиент, коммуникация, конверсияТри «К» интернет-магазина: клиент, коммуникация, конверсия
Три «К» интернет-магазина: клиент, коммуникация, конверсия
 

Развитие интерфейсов: из прошлого в будущее