User Interface History

1. ИНТЕРФЕЙС ПОЛЬЗОВАТЕЛЯ
он же по́льзовательский интерфейс
(UI — англ. user interface)

2. ПОНЯТНЫЙ, УДОБНЫЙ, ДРУЖЕСТВЕННЫЙ
он же по́льзовательский интерфейс
(UI — англ. user interface)

7. Разновидность интерфейсов, в котором одна сторона представлена человеком (пользователем), другая —
машиной/устройством. Представляет собой совокупность средств и методов, при помощи которых пользователь
взаимодействует с различными, чаще всего сложными, машинами, устройствами и аппаратурой.
Весьма часто термин применяется по отношению к компьютерным программам, однако под ним может
подразумеваться набор средств, методов и правил взаимодействия любой системы, управляемой человеком.
Несколько широко распространённых примеров:
• меню на экране телевизора + пульт дистанционного управления;
• дисплей электронного аппарата (автомагнитолы, часов) + набор кнопок и переключателей
для настройки;
• приборная панель (автомобиля, самолёта) + рычаги управления.
Интерфейс двунаправленный (интерактивный) — когда устройство, получив команды от пользователя
и исполнив их, выдаёт информацию пользователю наличествующими у неё средствами — визуальными, звуковыми,
тактильными и т. п.
https://ru.wikipedia.org/wiki/Интерфейс_пользователя

8. DATAR (Digital Automated Tracking and Resolving System)
Изобретение канадских инженеров компании Ferranti Electric,
которая имела контракт с канадскими ВМС на разработку
компьютеризованной радарной сети
50е годы, XX века

9. Прототип современной клавиатуры
«Ремингтон и сыновья» 1874 г.
http://old.computerra.ru/terralab/peripheral/438379/

10. Дуглас Энгельберт
Создатель компьютера с пользовательским интерфейсом,
современной компьютерной мышки и общей концепции
графического интерфейса.
60-80е годы, XX века

11. Система NLS, или oN-Line System (Сетевая Система),
поскольку она могла работать по сети со множеством аналогичных
компьютеров.
В число основных функций представленной системы вошли такие
привычные сегодня вещи, как редактирование текстов в режиме on-line,
гипертекстовые ссылки, электронная почта, работа с буфером обмена.
Реализовать эти функции средствами, которые существовали, было
невозможно, поэтому Энгельбарту и его сотрудникам пришлось создать
целый ряд новых программных и аппаратных средств, которыми сегодня
мы пользуемся – мышь для указания позиции на экране,
многооконную систему вывода информации на экран, архитектуру
клиент-сервер, универсальный пользовательский интерфейс
и онлайновую систему подсказок с контекстной привязкой.
1968 г.

12. Position Indicator for a Display System
1968 г.

13. Одной из первых вещей, которые изобрела исследовательская группа
Alto, был лазерный принтер, естественное дополнение к ряду
копировальных устройств Xerox. Но такой принтер предъявлял большие
графические требования для подготовки документа.
Поскольку в то время не было компьютеров, которые бы справились
с этим, PARC изобрел собственный. Он получил название Alto и был
закончен к 1973 году.
Наиболее поразительной особенностью Alto был его дисплей, который был
того же размера и расположения, как печатная страница, отображал
полноценную растровую графику и обладал решением 606x808 пикселей.
XEROX | Alto Palo, или PARC, в 1970.

14. Smalltalk был задуман, как язык программирования и среда
проектирования, настолько удобная, чтобы ребенок мог с ней
разобраться.
Именно в нем появились современные понятия
— индивидуальные окна
— область заголовка в шапке каждого окна, перемещение по экрану
— окно могло накладываться на другое окно, «поверх» всех
— «значков» — маленькие образцы изображений программ или документов
—появились области прокрутки, кнопки с выбором и диалоговые окна
Smalltalk для Alto, в 1974 г.

15. Самым известным пионером ГПИ был маленький компьютер,
разработанный в гараже в 1976 Стивом Джобсом и Стивом Возняком,
названный компьютером Apple.
Apple исследовали интерфейс основанный на принципе «вопрос-ответ»,
в итоге, как показала практика, чтобы заставить компьютер что-то делать
требуется ответить на множество вопросов, а это занимает слишком много
времени.
Группа разработчиков Lisa, в конечном счете, отдала предпочтение интерфейсу
основанному на иконках, где каждый значок указывал на документ или приложение,
впервые был разработан выпадающий список, меню располагалось в самой
верхней строке экрана.

16. Результатом работы группы Lisa был интерфейс нового поколения, который был закончен к 1983 году
В 1984 году был представлен Apple Macintosh 1, но для снижения стоимости оборудования пришлось отказаться от возможности переключения между
запущенными приложениями и фактически отказаться от многозадачности.

17. Первая половин 80х годов

18. Вторая половина 80-х годов

19. В начале 90-х годов, резко уменьшилась популярность многих платформ для персональных компьютеров, но свои места укрепили
Windows, Macintosh и Linux

20. 24 августа 1995 года в продажу поступила Windows 95

21. Windows версий 3.1 (выпуск 27 июля 1993 года) и 3.5.1 (выпуск 21 сентября 1994 года) унаследовали интерфейс Windows 3.1

22. Windows XP — операционная система семейства
Windows NT корпорации Microsoft.
Она была выпущена 25 октября 2001 года
и является развитием Windows 2000.

23. Windows Vista

24. Windows 7

25. Windows 8

26. Windows 10

27. Удивительно, но факт: спустя десятилетие с момента появления MacOS 1.0 данная платформа не претерпела серьезных «архитектурных» изменений
MacOS версии 8 появилась 26 июля 1997 года, был улучшен интерфейс и добавлен «Док», который мог скрываться нажатием на соответствующую
кнопку. Также была добавлена возможность менять темы оформления.

28. Mac OS X 10.0 Cheetah (Гепард) стала первой обновленной
версией операционной системы Mac OS. Она появилась
в марте 2001 года и была создана на основе ОС UNIX
и сервисов FreeBSD
Mac OS X 10.1 Puma
Mac OS X 10.2 Jaguar
Mac OS X 10.3 Panther
Mac OS X 10.4 Tiger
Mac OS X 10.5 Leopard
Mac OS X 10.6 Snow Leopard

29. Mac OS X 10.0 Cheetah (Гепард) стала первой обновленной
версией операционной системы Mac OS. Она появилась
в марте 2001 года и была создана на основе ОС UNIX
и сервисов FreeBSD
Mac OS X 10.1 Puma
Mac OS X 10.2 Jaguar
Mac OS X 10.3 Panther
Mac OS X 10.4 Tiger
Mac OS X 10.5 Leopard
Mac OS X 10.6 Snow Leopard

32. https://ru.intel.com/business/community/?automodule=blog&blogid=43308&showentry=2444

35. настольный телефон

42. http://www.slideshare.net/goldengekko/mobile-apps-design-trends-2014
———————
http://www.pinterest.com/elvenfu/gui/
http://www.pinterest.com/hanafanda/game-ui/
http://www.pinterest.com/lijie881018127/game-ui/
http://www.pinterest.com/JasminePhong/ui-game-user-interface/
http://www.pinterest.com/xoxo1989/game-ui/
http://www.pinterest.com/ugen/gameui/
———————
http://www.pttrns.com
———————
http://www.designmadeingermany.de/sites-we-like/
http://www.awwwards.com
http://www.dribbble.com
http://www.behance.com
http://www.fromupnorth.com/web-design-inspiration-905/
http://www.inspirationde.com
https://www.google.com/design/spec/material-design/introduction.html#

43. ИГРОВОЙ ИНТЕРФЕЙС
Основное меню игры и геймплей
Heads-Up Display (HUD)
Интерфейс — часть игры

44. Пацан из Fallout 3NV носит на руке точно такое же системное меню,
как и игрок

45. А в Deus Ex всё, что мы видим на экране, выводится прямо на зрительный нерв
персонажа. Это не интерфейс игры, это допреальность героя

46. Heads-Up Display GTA

47. Heads-Up Display GTA