DIGITAL WEB & DESIGN INNOVATION SUMMIT
SAN FRANCISCO, CA , SEPT 20, 2013
Evolution of
User Interface
Raj Lal
Nokia Inc.
@i...
10+ years in S/W Design
Author
• Digital Design Essentials:
100 Ways to design better
desktop, Web & mobile UI
(DesignUser...
50 Years
Journey Back in Time
What is a User Interface?
Software: application, website, or mobile app
User Interface is the
body of a software
Software
User
Interface
Function
Data
UI answers 3 ‘HOW’ questions
• How it looks like (VISUAL)
• How it is understood (COGNITIVE)
• How it works (INTERACT)
User Interface Journey
Desktop
Web
Mobile
1962
First User Interface
1st Computer Game Spacewar
Steve Russell
VISUAL
intriguing
COGINITIVE
4 commands
- spin left
- spin right
- thrust
- fire
INTERACT
Keyboard
1964
The Mouse
The Mouse
Douglas Engelbart
1978
Command Line Interface
VisiCalc (The first ever spreadsheet)
Bob Frankston & Dan Bricklin invented spreadsheet
1983
WIMP / GUI – Apple Lisa
1st personal computer to use GUI
WIMP to GUI
W = Windows
I = Icons
M = Menus
P = Pointer
Steve Jobs with Lisa
“We're prepared to
live with Lisa for
the next ten years.”
1995
UI Frameworks
Visual Studio
Photo Editor
2003
Widgets
Konfabulator
2011+
Advanced User Interfaces
Zooming User Interface
Direct Manipulation
3D Interface
Skeuomorphic Interface
Modern /Metro UI
1990
World Wide Web
Tim Berners-Lee invented Web
Static Web
Dynamic Web - Online Store
1997
Blog
Wordpress Themes
2004
Web 2.0
2005
Ajax
Ajax
2012
HTML5 – 1st Working Draft
HTML5 – Adaptive User Interface
HTML5 – CSS3
1991
Mobile Touch Interface
Pen based Interface
Pen Based Interface
2003
Touchscreen Interface - FingerWorks
Multi Touch Interface
Gesture based Interface
User Interface Evolution Map
1962
1964
1978
1983
1991
1995
1997
2003
2004
2011
2012
This is Not the End
Now this is not the end. It is not even the
beginning of the end. But it is, perhaps, the
end of the b...
Thank You
DesignUserInterface.com
Raj Lal
Nokia Inc.
@iRajLal
DIGITAL WEB & DESIGN INNOVATION SUMMIT
SAN FRANCISCO, CA , S...
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 Sept 2013 @iRajLal
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 Sept 2013 @iRajLal
Nächste SlideShare
Wird geladen in …5
×

Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 Sept 2013 @iRajLal

17.893 Aufrufe

Veröffentlicht am

Do you know about WIMP? The Natural or Organic Interface? Zooming Interface? And what the heck is the Intelligent UI? Where are all these interfaces coming from. What about the Gesture, Haptics, Pen based and touch and even multi touch interfaces?

In this session learn from the Author of Digital Design Essentials: 100 ways to Design better Desktop, Web and Mobile Interfaces, the intriguing story of the Digital Interface. How the digital Interface started from Command line to WIMP Interface to GUI and now became the most debated topic in the design industry, Skeumorphic Design or Modern UI. See how, with the revolution of devices digital interface took turn to Natural, Touch and Organic User Interfaces. See how User Interface has evolved in last twenty years. See how the current trends in touch screens, text to speech and AI are molding the mere fabric of the User Interface and how the user adoption still is the key to a successful User Interface Design.

http://theinnovationenterprise.com/summits/digital-design-sanfran-2013/event_activities/5129

Veröffentlicht in: Technologie, Bildung
3 Kommentare
24 Gefällt mir
Statistik
Notizen
Keine Downloads
Aufrufe
Aufrufe insgesamt
17.893
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
1.138
Aktionen
Geteilt
0
Downloads
470
Kommentare
3
Gefällt mir
24
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 Sept 2013 @iRajLal

  1. 1. DIGITAL WEB & DESIGN INNOVATION SUMMIT SAN FRANCISCO, CA , SEPT 20, 2013 Evolution of User Interface Raj Lal Nokia Inc. @iRajLal
  2. 2. 10+ years in S/W Design Author • Digital Design Essentials: 100 Ways to design better desktop, Web & mobile UI (DesignUserInterface.com ) About Me
  3. 3. 50 Years Journey Back in Time
  4. 4. What is a User Interface? Software: application, website, or mobile app User Interface is the body of a software
  5. 5. Software User Interface Function Data
  6. 6. UI answers 3 ‘HOW’ questions • How it looks like (VISUAL) • How it is understood (COGNITIVE) • How it works (INTERACT)
  7. 7. User Interface Journey Desktop Web Mobile
  8. 8. 1962 First User Interface
  9. 9. 1st Computer Game Spacewar
  10. 10. Steve Russell
  11. 11. VISUAL intriguing COGINITIVE 4 commands - spin left - spin right - thrust - fire INTERACT Keyboard
  12. 12. 1964 The Mouse
  13. 13. The Mouse
  14. 14. Douglas Engelbart
  15. 15. 1978 Command Line Interface
  16. 16. VisiCalc (The first ever spreadsheet)
  17. 17. Bob Frankston & Dan Bricklin invented spreadsheet
  18. 18. 1983 WIMP / GUI – Apple Lisa
  19. 19. 1st personal computer to use GUI
  20. 20. WIMP to GUI W = Windows I = Icons M = Menus P = Pointer
  21. 21. Steve Jobs with Lisa “We're prepared to live with Lisa for the next ten years.”
  22. 22. 1995 UI Frameworks
  23. 23. Visual Studio
  24. 24. Photo Editor
  25. 25. 2003 Widgets
  26. 26. Konfabulator
  27. 27. 2011+ Advanced User Interfaces
  28. 28. Zooming User Interface
  29. 29. Direct Manipulation
  30. 30. 3D Interface
  31. 31. Skeuomorphic Interface
  32. 32. Modern /Metro UI
  33. 33. 1990 World Wide Web
  34. 34. Tim Berners-Lee invented Web
  35. 35. Static Web
  36. 36. Dynamic Web - Online Store
  37. 37. 1997 Blog
  38. 38. Wordpress Themes
  39. 39. 2004 Web 2.0
  40. 40. 2005 Ajax
  41. 41. Ajax
  42. 42. 2012 HTML5 – 1st Working Draft
  43. 43. HTML5 – Adaptive User Interface
  44. 44. HTML5 – CSS3
  45. 45. 1991 Mobile Touch Interface
  46. 46. Pen based Interface
  47. 47. Pen Based Interface
  48. 48. 2003 Touchscreen Interface - FingerWorks
  49. 49. Multi Touch Interface
  50. 50. Gesture based Interface
  51. 51. User Interface Evolution Map 1962 1964 1978 1983 1991 1995 1997 2003 2004 2011 2012
  52. 52. This is Not the End Now this is not the end. It is not even the beginning of the end. But it is, perhaps, the end of the beginning. - Winston Churchill
  53. 53. Thank You DesignUserInterface.com Raj Lal Nokia Inc. @iRajLal DIGITAL WEB & DESIGN INNOVATION SUMMIT SAN FRANCISCO, CA , SEPT 20, 2013

×