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

36
www.astramg.ru СПб +7 (812) 458 57 79 Мск +7 (495) 649 62 78 Ярослав Табаков Директор по развитию Развитие интерфейсов: из прошлого в будущее

Upload: astra-media-group-russia

Post on 11-Nov-2014

668 views

Category:

Design


1 download

DESCRIPTION

 

TRANSCRIPT

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

www.astramg.ru

СПб +7 (812) 458 57 79 Мск +7 (495) 649 62 78

Ярослав Табаков Директор по развитию

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

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

Определение интерфейса Ч

то т

ако

е и

нте

рф

ей

с?

Интерфе́йс — совокупность возможностей, способов и методов взаимодействия двух систем.

В случае, если одна из взаимодействующих систем — человек, чаще говорят лишь о второй системе, то есть об интерфейсе той системы, с которой человек взаимодействует.

Ключевые слова:

• Совокупность возможностей – означает их ограничение

• Человек – функционирующая система

• Взаимодействие – человек воздействует на систему, а она на человека

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

Пример интерфейса Ч

то т

ако

е и

нте

рф

ей

с?

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

Компьютерный интерфейс Ч

то т

ако

е и

нте

рф

ей

с?

Интерфейс программы обеспечивает взаимодействие человека и программы.

• Человек отдает команды, а система подчиняется и отвечает.

• Периодически система отдает команды, а человек подчиняется.

• Иногда человек отдает команды, а система не подчиняется, или не отвечает.

Элементы интерфейса:

• Система ввода запросов;

• Система вывода результатов;

• Элементы управления в контексте выводимых результатов,

• Запросы системы к пользователю,

• Элементы оформления и визуализации.

У интерфейса есть не только визуальная, но и аппаратная часть. Они совместно определяют взаимодействие.

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

Это тоже часть интерфейса Ч

то т

ако

е и

нте

рф

ей

с?

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

NLS (oN-Line System) - 1968 год И

сто

ри

я и

нте

рф

ей

са

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

Навеяло… И

сто

ри

я и

нте

рф

ей

са

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

Мышка Энгельбарда И

сто

ри

я и

нте

рф

ей

са

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

Alto (Xerox PARC) - 1973 год И

сто

ри

я и

нте

рф

ей

са

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

Apple II (5 000 000 продаж) - 1977 год И

сто

ри

я и

нте

рф

ей

са

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

На этом слайде покоятся

35 лет стагнации

развития аппаратной части интерфейсов

поэтому этот слайд – черный

а я так печально молчу

Ист

ор

ия

ин

тер

фе

йса

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

Ура, сенсорный экран! Революция! Да?

Наш

и д

ни

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

Компьютер PLATO IV (1972 год) имел сенсорный экран

Наш

и д

ни

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

Это – качественный скачок? Н

аши

дн

и

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

Помните 1968 год? Н

аши

дн

и

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

Современный интерфейс Н

аши

дн

и

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

Ближайшее будущее? Если мы научимся жить без кнопок.

Наш

и д

ни

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

Текстовый интерфейс В

изу

альн

ый

ин

тер

фе

йс

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

Оконный текстовый интерфейс В

изу

альн

ый

ин

тер

фе

йс

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

Оконный графический интерфейс В

изу

альн

ый

ин

тер

фе

йс

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

Здесь я снова должен скорбно помолчать

Ви

зуал

ьны

й и

нте

рф

ей

с

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

Объем и тени Р

азви

тие

гр

афи

ки

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

Скевоморфизм Р

азви

тие

гр

афи

ки

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

Aqua (Apple) Р

азви

тие

гр

афи

ки

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

Aero (Microsoft) Р

азви

тие

гр

афи

ки

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

Metro Р

азви

тие

гр

афи

ки

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

Flat design Р

азви

тие

гр

афи

ки

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

Parallax Р

азви

тие

гр

афи

ки

Паралла́кс — изменение видимого положения объекта

относительно удалённого фона в зависимости от положения наблюдателя.

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

Влияние мобильной платформы – Адаптивный дизайн

Раз

вити

е в

заи

мо

де

йст

вия

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

Влияние мобильной платформы – Mobile first. Mobile only?

Раз

вити

е в

заи

мо

де

йст

вия

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

Выпадающим меню навигация не ограничивается

Раз

вити

е в

заи

мо

де

йст

вия

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

Да и, в целом, меню навигация не ограничивается

Раз

вити

е в

заи

мо

де

йст

вия

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

Только важное важно Р

азви

тие

вза

им

од

ей

стви

я

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

Будущее? Я надеюсь, что интерфейсы будут выглядеть так

Что

за

гор

изо

нто

м?

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

… но я могу ошибаться Ч

то з

а го

ри

зон

том

?

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

www.astramg.ru

+7 (812) 458 57 78

[email protected]

КО

НТА

КТЫ

СПАСИБО! Вопросы?

КО

НТА

КТЫ

Vk /astramg

Fb /astramg

Twi /AstraMediaGroup

Vk /ytabakov

Fb /ytabakoff

Twi /ytabakov