ИНТЕРФЕЙС ПОЛЬЗОВАТЕЛЯ 
он же по́льзовательский интерфейс 
(UI — англ. user interface)
ПОНЯТНЫЙ, УДОБНЫЙ, ДРУЖЕСТВЕННЫЙ 
он же по́льзовательский интерфейс 
(UI — англ. user interface)
Разновидность интерфейсов, в котором одна сторона представлена человеком (пользователем), другая — 
машиной/устройством. Представляет собой совокупность средств и методов, при помощи которых пользователь 
взаимодействует с различными, чаще всего сложными, машинами, устройствами и аппаратурой. 
Весьма часто термин применяется по отношению к компьютерным программам, однако под ним может 
подразумеваться набор средств, методов и правил взаимодействия любой системы, управляемой человеком. 
Несколько широко распространённых примеров: 
• меню на экране телевизора + пульт дистанционного управления; 
• дисплей электронного аппарата (автомагнитолы, часов) + набор кнопок и переключателей 
для настройки; 
• приборная панель (автомобиля, самолёта) + рычаги управления. 
Интерфейс двунаправленный (интерактивный) — когда устройство, получив команды от пользователя 
и исполнив их, выдаёт информацию пользователю наличествующими у неё средствами — визуальными, звуковыми, 
тактильными и т. п. 
https://ru.wikipedia.org/wiki/Интерфейс_пользователя
DATAR (Digital Automated Tracking and Resolving System) 
Изобретение канадских инженеров компании Ferranti Electric, 
которая имела контракт с канадскими ВМС на разработку 
компьютеризованной радарной сети 
50е годы, XX века
Прототип современной клавиатуры 
«Ремингтон и сыновья» 1874 г. 
http://old.computerra.ru/terralab/peripheral/438379/
Дуглас Энгельберт 
Создатель компьютера с пользовательским интерфейсом, 
современной компьютерной мышки и общей концепции 
графического интерфейса. 
60-80е годы, XX века
Система NLS, или oN-Line System (Сетевая Система), 
поскольку она могла работать по сети со множеством аналогичных 
компьютеров. 
В число основных функций представленной системы вошли такие 
привычные сегодня вещи, как редактирование текстов в режиме on-line, 
гипертекстовые ссылки, электронная почта, работа с буфером обмена. 
Реализовать эти функции средствами, которые существовали, было 
невозможно, поэтому Энгельбарту и его сотрудникам пришлось создать 
целый ряд новых программных и аппаратных средств, которыми сегодня 
мы пользуемся – мышь для указания позиции на экране, 
многооконную систему вывода информации на экран, архитектуру 
клиент-сервер, универсальный пользовательский интерфейс 
и онлайновую систему подсказок с контекстной привязкой. 
1968 г.
Position Indicator for a Display System 
1968 г.
Одной из первых вещей, которые изобрела исследовательская группа 
Alto, был лазерный принтер, естественное дополнение к ряду 
копировальных устройств Xerox. Но такой принтер предъявлял большие 
графические требования для подготовки документа. 
Поскольку в то время не было компьютеров, которые бы справились 
с этим, PARC изобрел собственный. Он получил название Alto и был 
закончен к 1973 году. 
Наиболее поразительной особенностью Alto был его дисплей, который был 
того же размера и расположения, как печатная страница, отображал 
полноценную растровую графику и обладал решением 606x808 пикселей. 
XEROX | Alto Palo, или PARC, в 1970.
Smalltalk был задуман, как язык программирования и среда 
проектирования, настолько удобная, чтобы ребенок мог с ней 
разобраться. 
Именно в нем появились современные понятия 
— индивидуальные окна 
— область заголовка в шапке каждого окна, перемещение по экрану 
— окно могло накладываться на другое окно, «поверх» всех 
— «значков» — маленькие образцы изображений программ или документов 
—появились области прокрутки, кнопки с выбором и диалоговые окна 
Smalltalk для Alto, в 1974 г.
Самым известным пионером ГПИ был маленький компьютер, 
разработанный в гараже в 1976 Стивом Джобсом и Стивом Возняком, 
названный компьютером Apple. 
Apple исследовали интерфейс основанный на принципе «вопрос-ответ», 
в итоге, как показала практика, чтобы заставить компьютер что-то делать 
требуется ответить на множество вопросов, а это занимает слишком много 
времени. 
Группа разработчиков Lisa, в конечном счете, отдала предпочтение интерфейсу 
основанному на иконках, где каждый значок указывал на документ или приложение, 
впервые был разработан выпадающий список, меню располагалось в самой 
верхней строке экрана.
Результатом работы группы Lisa был интерфейс нового поколения, который был закончен к 1983 году 
В 1984 году был представлен Apple Macintosh 1, но для снижения стоимости оборудования пришлось отказаться от возможности переключения между 
запущенными приложениями и фактически отказаться от многозадачности.
Первая половин 80х годов
Вторая половина 80-х годов
В начале 90-х годов, резко уменьшилась популярность многих платформ для персональных компьютеров, но свои места укрепили 
Windows, Macintosh и Linux
24 августа 1995 года в продажу поступила Windows 95
Windows версий 3.1 (выпуск 27 июля 1993 года) и 3.5.1 (выпуск 21 сентября 1994 года) унаследовали интерфейс Windows 3.1
Windows XP — операционная система семейства 
Windows NT корпорации Microsoft. 
Она была выпущена 25 октября 2001 года 
и является развитием Windows 2000.
Windows Vista
Windows 7
Windows 8
Windows 10
Удивительно, но факт: спустя десятилетие с момента появления MacOS 1.0 данная платформа не претерпела серьезных «архитектурных» изменений 
MacOS версии 8 появилась 26 июля 1997 года, был улучшен интерфейс и добавлен «Док», который мог скрываться нажатием на соответствующую 
кнопку. Также была добавлена возможность менять темы оформления.
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
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
https://ru.intel.com/business/community/?automodule=blog&blogid=43308&showentry=2444
настольный телефон
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#
ИГРОВОЙ ИНТЕРФЕЙС 
Основное меню игры и геймплей 
Heads-Up Display (HUD) 
Интерфейс — часть игры
Пацан из Fallout 3NV носит на руке точно такое же системное меню, 
как и игрок
А в Deus Ex всё, что мы видим на экране, выводится прямо на зрительный нерв 
персонажа. Это не интерфейс игры, это допреальность героя
Heads-Up Display GTA
Heads-Up Display GTA

User Interface History

  • 1.
    ИНТЕРФЕЙС ПОЛЬЗОВАТЕЛЯ онже по́льзовательский интерфейс (UI — англ. user interface)
  • 2.
    ПОНЯТНЫЙ, УДОБНЫЙ, ДРУЖЕСТВЕННЫЙ он же по́льзовательский интерфейс (UI — англ. user interface)
  • 7.
    Разновидность интерфейсов, вкотором одна сторона представлена человеком (пользователем), другая — машиной/устройством. Представляет собой совокупность средств и методов, при помощи которых пользователь взаимодействует с различными, чаще всего сложными, машинами, устройствами и аппаратурой. Весьма часто термин применяется по отношению к компьютерным программам, однако под ним может подразумеваться набор средств, методов и правил взаимодействия любой системы, управляемой человеком. Несколько широко распространённых примеров: • меню на экране телевизора + пульт дистанционного управления; • дисплей электронного аппарата (автомагнитолы, часов) + набор кнопок и переключателей для настройки; • приборная панель (автомобиля, самолёта) + рычаги управления. Интерфейс двунаправленный (интерактивный) — когда устройство, получив команды от пользователя и исполнив их, выдаёт информацию пользователю наличествующими у неё средствами — визуальными, звуковыми, тактильными и т. п. https://ru.wikipedia.org/wiki/Интерфейс_пользователя
  • 8.
    DATAR (Digital AutomatedTracking 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 fora 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.
  • 18.
  • 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.
  • 24.
  • 25.
  • 26.
  • 27.
    Удивительно, но факт:спустя десятилетие с момента появления MacOS 1.0 данная платформа не претерпела серьезных «архитектурных» изменений MacOS версии 8 появилась 26 июля 1997 года, был улучшен интерфейс и добавлен «Док», который мог скрываться нажатием на соответствующую кнопку. Также была добавлена возможность менять темы оформления.
  • 28.
    Mac OS X10.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 X10.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.
  • 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.
    Пацан из Fallout3NV носит на руке точно такое же системное меню, как и игрок
  • 45.
    А в DeusEx всё, что мы видим на экране, выводится прямо на зрительный нерв персонажа. Это не интерфейс игры, это допреальность героя
  • 46.
  • 47.