Hello.
I’m Guy.
meetgooya.com
stupidapp@gmail.com
Guy Haviv meetgooya.com @stupidapp
Guy Haviv meetgooya.com @stupidapp
GUI / OS History
Brief
Guy Haviv meetgooya.com @stupidapp
What kinds of interactive things
do we design / build?
Types of apps
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
Guy Haviv meetgooya.com @stupidapp
What is an
Operating System?
Guy Haviv meetgooya.com @stupidapp
Stuff that operates the hardware
+ means to write more software
Operating System
Guy Haviv meetgooya.com @stupidapp
Low level stuff + UI Libraries
Means for building
more software?
Guy Haviv meetgooya.com @stupidapp
Buttons, Menus, Check Boxes,
Pointers, Radio Buttons, Lists,
File Lists, etc.
UI Libraries?
Guy Haviv meetgooya.com @stupidapp
an OS ships with it’s own
frameworks.
Windows + Dot Net
Mac OS X + Cocoa
Coupling♥
Guy Haviv meetgooya.com @stupidapp
UI is culture.
Guy Haviv meetgooya.com @stupidapp
like any other type
of design, it has a
rich history.
Guy Haviv meetgooya.com @stupidapp
Let’s go
through some of
this history.
Guy Haviv meetgooya.com @stupidapp
MS DOS
Guy Haviv meetgooya.com @stupidapp
Every app UI was
built from scratch.
Guy Haviv meetgooya.com @stupidapp
WIMP.
windows, icons, menus, pointer
Guy Haviv meetgooya.com @stupidapp
XEROX PARC
Guy Haviv meetgooya.com @stupidapp
these guys invented WYSIWYG
+ modern software
development + most of the GUI
elements we know today.
XEROX PARC
Alto
1974
Guy Haviv meetgooya.com @stupidapp
Apple
Lisa > Macintosh (System1..9)
Guy Haviv meetgooya.com @stupidapp
Video
(did I remember to connect the speakers?)
System 1
System 4.2
Looks
Familiar?
System 7.5.3
System 7.5.3
System 7.5.3
System 8
System 8
System 9
System 9
System 9
(we’ll get back to Apple soon.)
Guy Haviv meetgooya.com @stupidapp
Microsoft
Windows 1, 2, 3.11, 95, 98
Win1
Win2
Win3.11
Win3.11
Win3.11
Win95
Win95
Win95
Win95
Win95
Win95
Win95
Win98
Win98
Win98
Win98
Win Me
Win Me
Win 2000
Win 2000
Win XP
Win XP
Win XP
Guy Haviv meetgooya.com @stupidapp
Meanwhile...
Unix, Linux, IRIX
Guy Haviv meetgooya.com @stupidapp
Unix
Low level system + X Windows
Guy Haviv meetgooya.com @stupidapp
Unix
X Windows =
Minimal Definitions
Guy Haviv meetgooya.com @stupidapp
Unix
X Windows =
Each system is different
Guy Haviv meetgooya.com @stupidapp
CDE
multiple Unix companies join
together to define a desktop
standard.
CDE
Guy Haviv meetgooya.com @stupidapp
Linux
Open source Unix + X Windows
Guy Haviv meetgooya.com @stupidapp
Linux
X Windows again.
Multiple UI Libraries + Desktops
Guy Haviv meetgooya.com @stupidapp
Linux
Gimp > Gtk > Gnome
Gimp
Gnome 2.0 on RedHat
Gnome 2.0 on RedHat
Guy Haviv meetgooya.com @stupidapp
Linux
QT > KDE
QT is now owned by Nokia.
KDE 1
KDE 3
KDE 3
KDE 3
KDE 3
KDE 3
Guy Haviv meetgooya.com @stupidapp
Linux
What happens when you
mix a Gtk app with a KDE
Desktop?
hint: Copy & Paste doesn’t work.
Guy Haviv meetgooya.com @stupidapp
IRIX
from SGI: Silicon Graphics
KDE 3
KDE 3
Guy Haviv meetgooya.com @stupidapp
BeOS
“SGI for the rest of us”
KDE 3
KDE 3
Guy Haviv meetgooya.com @stupidapp
NeXT
Steve’s other company.
Guy Haviv meetgooya.com @stupidapp
QNX
One Floppy OS.
QNX is now owned by RIM - makers of Blackberry.
It powers the PlayBook.
Guy Haviv meetgooya.com @stupidapp
Apple
Apple Buys NeXT > Mac OS X
back to:
Guy Haviv meetgooya.com @stupidapp
Apple
Mac OS X
Unix + Aqua XWindows
Guy Haviv meetgooya.com @stupidapp
Apple
Jaguar
Guy Haviv meetgooya.com @stupidapp
Apple
Panther
Guy Haviv meetgooya.com @stupidapp
Apple
Tiger
Guy Haviv meetgooya.com @stupidapp
Apple
Leopard
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
Guy Haviv meetgooya.com @stupidapp
So unlike the Web,
Desktop software brings about
a new term: Good Citizen
Guy Haviv meetgooya.com @stupidapp
Good Citizen?
Guy Haviv meetgooya.com @stupidapp
An interface
should match the
target platform.
Guy Haviv meetgooya.com @stupidapp
But that’s a topic
for another day.
Guy Haviv meetgooya.com @stupidapp
thank you.
Slides available on:
http://tinyurl.com/gooya-ui
Almost all screenshots were taken from
www.guidebookgallery.org

Guy haviv - History of GUI visual design