ИНТЕРФЕЙС ПОЛЬЗОВАТЕЛЯ он же по́льзовательский интерфейс

(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 JaguarMac OS X 10.3 PantherMac OS X 10.4 TigerMac OS X 10.5 LeopardMac 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 JaguarMac OS X 10.3 PantherMac OS X 10.4 TigerMac OS X 10.5 LeopardMac 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.comhttp://www.dribbble.comhttp://www.behance.comhttp://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