Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

User Interface History

462 views

Published on

User Interface History

Published in: Design
  • Be the first to comment

  • Be the first to like this

User Interface History

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

×