Guy haviv - History of GUI visual design

26,898 views
25,798 views

Published on

A brief history of desktop software GUI visual design.

Prepared for my talk at Shenkar College of Engineering & Design, Nov. 2010

www.meetgooya.com

Published in: Design
9 Comments
60 Likes
Statistics
Notes
No Downloads
Views
Total views
26,898
On SlideShare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
0
Comments
9
Likes
60
Embeds 0
No embeds

No notes for slide

Guy haviv - History of GUI visual design

  1. Hello. I’m Guy. meetgooya.com stupidapp@gmail.com Guy Haviv meetgooya.com @stupidapp
  2. Guy Haviv meetgooya.com @stupidapp GUI / OS History Brief
  3. Guy Haviv meetgooya.com @stupidapp What kinds of interactive things do we design / build? Types of apps
  4. Guy Haviv meetgooya.com @stupidapp - In-Browser vs. On-Desktop - Web interfaces have little commonality - Desktop interface have more commonality Web vs. Desktop: a superficial look on
  5. Guy Haviv meetgooya.com @stupidapp What is an Operating System?
  6. Guy Haviv meetgooya.com @stupidapp Stuff that operates the hardware + means to write more software Operating System
  7. Guy Haviv meetgooya.com @stupidapp Low level stuff + UI Libraries Means for building more software?
  8. Guy Haviv meetgooya.com @stupidapp Buttons, Menus, Check Boxes, Pointers, Radio Buttons, Lists, File Lists, etc. UI Libraries?
  9. Guy Haviv meetgooya.com @stupidapp an OS ships with it’s own frameworks. Windows + Dot Net Mac OS X + Cocoa Coupling♥
  10. Guy Haviv meetgooya.com @stupidapp UI is culture.
  11. Guy Haviv meetgooya.com @stupidapp like any other type of design, it has a rich history.
  12. Guy Haviv meetgooya.com @stupidapp Let’s go through some of this history.
  13. Guy Haviv meetgooya.com @stupidapp MS DOS
  14. Guy Haviv meetgooya.com @stupidapp Every app UI was built from scratch.
  15. Guy Haviv meetgooya.com @stupidapp WIMP. windows, icons, menus, pointer
  16. Guy Haviv meetgooya.com @stupidapp XEROX PARC
  17. Guy Haviv meetgooya.com @stupidapp these guys invented WYSIWYG + modern software development + most of the GUI elements we know today. XEROX PARC
  18. Alto 1974
  19. Guy Haviv meetgooya.com @stupidapp Apple Lisa > Macintosh (System1..9)
  20. Guy Haviv meetgooya.com @stupidapp Video (did I remember to connect the speakers?)
  21. System 1
  22. System 4.2 Looks Familiar?
  23. System 7.5.3
  24. System 7.5.3
  25. System 7.5.3
  26. System 8
  27. System 8
  28. System 9
  29. System 9
  30. System 9
  31. (we’ll get back to Apple soon.)
  32. Guy Haviv meetgooya.com @stupidapp Microsoft Windows 1, 2, 3.11, 95, 98
  33. Win1
  34. Win2
  35. Win3.11
  36. Win3.11
  37. Win3.11
  38. Win95
  39. Win95
  40. Win95
  41. Win95
  42. Win95
  43. Win95
  44. Win95
  45. Win98
  46. Win98
  47. Win98
  48. Win98
  49. Win Me
  50. Win Me
  51. Win 2000
  52. Win 2000
  53. Win XP
  54. Win XP
  55. Win XP
  56. Guy Haviv meetgooya.com @stupidapp Meanwhile... Unix, Linux, IRIX
  57. Guy Haviv meetgooya.com @stupidapp Unix Low level system + X Windows
  58. Guy Haviv meetgooya.com @stupidapp Unix X Windows = Minimal Definitions
  59. Guy Haviv meetgooya.com @stupidapp Unix X Windows = Each system is different
  60. Guy Haviv meetgooya.com @stupidapp CDE multiple Unix companies join together to define a desktop standard.
  61. CDE
  62. Guy Haviv meetgooya.com @stupidapp Linux Open source Unix + X Windows
  63. Guy Haviv meetgooya.com @stupidapp Linux X Windows again. Multiple UI Libraries + Desktops
  64. Guy Haviv meetgooya.com @stupidapp Linux Gimp > Gtk > Gnome
  65. Gimp
  66. Gnome 2.0 on RedHat
  67. Gnome 2.0 on RedHat
  68. Guy Haviv meetgooya.com @stupidapp Linux QT > KDE QT is now owned by Nokia.
  69. KDE 1
  70. KDE 3
  71. KDE 3
  72. KDE 3
  73. KDE 3
  74. KDE 3
  75. Guy Haviv meetgooya.com @stupidapp Linux What happens when you mix a Gtk app with a KDE Desktop? hint: Copy & Paste doesn’t work.
  76. Guy Haviv meetgooya.com @stupidapp IRIX from SGI: Silicon Graphics
  77. KDE 3
  78. KDE 3
  79. Guy Haviv meetgooya.com @stupidapp BeOS “SGI for the rest of us”
  80. KDE 3
  81. KDE 3
  82. Guy Haviv meetgooya.com @stupidapp NeXT Steve’s other company.
  83. Guy Haviv meetgooya.com @stupidapp QNX One Floppy OS. QNX is now owned by RIM - makers of Blackberry. It powers the PlayBook.
  84. Guy Haviv meetgooya.com @stupidapp Apple Apple Buys NeXT > Mac OS X back to:
  85. Guy Haviv meetgooya.com @stupidapp Apple Mac OS X Unix + Aqua XWindows
  86. Guy Haviv meetgooya.com @stupidapp Apple Jaguar
  87. Guy Haviv meetgooya.com @stupidapp Apple Panther
  88. Guy Haviv meetgooya.com @stupidapp Apple Tiger
  89. Guy Haviv meetgooya.com @stupidapp Apple Leopard
  90. Guy Haviv meetgooya.com @stupidapp Name roundup DOS Mac OS Classic (System 1..9) Linux: Gnome, Kde, Gtk, QT BeOS QNX Windows NeXTSTEP Mac OS X
  91. Guy Haviv meetgooya.com @stupidapp So unlike the Web, Desktop software brings about a new term: Good Citizen
  92. Guy Haviv meetgooya.com @stupidapp Good Citizen?
  93. Guy Haviv meetgooya.com @stupidapp An interface should match the target platform.
  94. Guy Haviv meetgooya.com @stupidapp But that’s a topic for another day.
  95. Guy Haviv meetgooya.com @stupidapp thank you. Slides available on: http://tinyurl.com/gooya-ui Almost all screenshots were taken from www.guidebookgallery.org

×