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
Próximos SlideShares
Carregando em…5
×

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

19.619 visualizações

Publicada em

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

Publicada em: Tecnologia, Educação
3 comentários
27 gostaram
Estatísticas
Notas
no profile picture user
Exibir mais
Sem downloads
Visualizações
Visualizações totais
19.619
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1.167
Ações
Compartilhamentos
0
Downloads
499
Comentários
3
Gostaram
27
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

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

×