The Evolution of UI Teleprinters Text- based UI Slow Serial output Sensitive to typing errors Text- based UI Fast Serial output Not sensitive to typing errors Teletype terminal Large vocabulary of commands with wide range of options Rapid input and execution of complicated tasks Command-line Text User Interfaces GUI Principles Windows Icons Menus Pointing Device Known as WIMP 1
Mouse TrackBall Touch Pad Pointing Stick Light-pen Touch screen Pointing Device 1963 - Sketchpad (The beginning of GUI) One of the first interactive systems Used a light pen as a pointing device First program ever to utilize a complete graphical user interface 1968 On-Line System (NLS) 1973 Xerox PARC - Alto Advanced ideas such as: hypertext links A 3-button 3 mouse raster-scan scan video monitor screen windowing presentation programs Etc. First system that pulled together all of the elements of modern GUI Had a 3-button 3 mouse Many modern applications (even a 3D multiplayer network FPS) A public implementation of the Alto Was led by a Xerox former employee 1980 Perq First time there is a desktop! Introduced icons and overlapping windows for a complete WIMP (windows, icons, menus, pointing device) First time WYSWYG 1981 Xerox Star 2
1983 Apple Lisa 1983 Visi On Added pull down menus and menu bars Inspired by Xerox The first GUI for IBM PC Was designed to run on any platform (java style middleware) Encouraged developers to write applications for the environment By a coincidence, Microsoft announces the Windows program for IBM PC 1984 Apple Macintosh The first popular computer with GUI Icons and windows can be dragged around Relatively cheep User friendly 1984 GEM by Digital Research A GUI for MS-DOS systems Inspired by Macintosh 1984 Windows System X by MIT Known as X Windows The first GUI for Unix systems Provided a framework for graphics rather defining it As a result had a wide range of interfaces 1985 Amiga Workbench 1 Far ahead of it's time with features such as multiple resolution high-color graphics 3
1985 Windows 1 is released Behind the competition Windows can t overlap but can be tiled The area bellow is reserved for programs that introduce an icon 1986 Gem crippled to avoid a sue Apple threatens to sue Digital Research The result is a crippled GEM 2 1987 Apple Macintosh 2 First color Mac supporting 640*480*256 color No major changes 1987 Windows 2 Windows finally can overlap and resized Icons can be freely moved anywhere Minimize / Maximize controls 1988 IBM OS/2.1 Co-developed by IBM and Microsoft The GUI is purely Microsoft development Looks very alike to Windows 2 A high end system for higher education and business Influenced greatly on other UI 1988 - NeXT 4
1989 Motif & Open Look The two major players in UNIX GUI systems 1990 - Windows 3 Looked much better with 3-D 3 D buttons and windows controls Large Macintosh like icons In the end Motif won The Common Desktop Enviorenment (CDE) is based on Motif It is the standard UI of HP, Sun, IBM and Novell UNIX systems 1992 Windows 3.1 Windows 3 alt. shells Same UI as 3, but with multimedia enhancements Lots of shell replacement were developed 1992 Amiga Workbench 3 High color system Can use images for background 1994 QNX Photon microgui First embeddable microkernel windowing system for real-time systems 5
1995 Windows 95 What s s new? Start menu New desktop concept 1996 windows NT Same user interface a powerful OS designed primarily for Multimedia desktop use 1995 BeOS 1996 New Deal Office 2.5 Used to be called PC- GEOS Windows like GUI system that ran on top of DOS 1.25 Million copies in 2 weeks Designed to be a filler until Mac OS X will be released 1997 Mac OS 8 Active Desktop Quick launch 1998 Windows 98 WIN 9x like environment for linux Single click icons 4 visual desktops 1998 KDE 1.0 6
Same as KDE 1999 GNOME 1.0 2000 MacOS X Client Based on NeXT idea s The Dock Column view Dashboard Exposé 2000 Windows 2000 Smart start menu Speech program 2001 Windows XP UI gets a makeover New start menu Thumbnail view New control panel Themes win 2003 server same UI Open source Win XP compatible OS Windows like UI Still in development 2004 ReactOS 2007 Windows Vista UI completely revised 3D engine 7
Handicap UI Hand-Held Held Text To Voice Speech recognition Blink to Voice http://www.youtube.co m/watch?v=muaipw6x upe Palm Pilot Win CE Tablet PC Text Based UI Graphical UI Smart Phone Cellular 3D Microsoft Surface PS3 home Future Questions? Bibliography http://toastytech.com/guis/index.html http://en.wikipedia.org/wiki/text_user_inter face http://en.wikipedia.org/wiki/history_of_the_ graphical_user_interface http://www.sitepoint.com/article/real- history-gui/2 http://en.wikipedia.org/wiki/motif_%28widg et_toolkit%29 8