Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 Sept 2013 @iRajLal
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

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

on

  • 4,801 views

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 ...

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

Statistics

Views

Total Views
4,801
Views on SlideShare
4,062
Embed Views
739

Actions

Likes
7
Downloads
74
Comments
3

29 Embeds 739

http://irajlal.blogspot.com 363
http://www.designuserinterface.com 194
http://irajlal.blogspot.in 37
https://twitter.com 25
http://irajlal.blogspot.com.br 15
http://www.linkedin.com 14
http://irajlal.blogspot.de 13
http://irajlal.blogspot.ca 9
http://irajlal.blogspot.fr 8
http://irajlal.blogspot.it 7
http://irajlal.blogspot.com.ar 6
http://irajlal.blogspot.kr 6
http://irajlal.blogspot.sg 6
http://irajlal.blogspot.co.uk 5
http://irajlal.blogspot.com.au 4
http://irajlal.blogspot.ru 4
http://irajlal.blogspot.pt 3
http://irajlal.blogspot.dk 3
http://irajlal.blogspot.ae 3
http://irajlal.blogspot.fi 3
https://www.linkedin.com 2
http://irajlal.blogspot.se 2
http://irajlal.blogspot.cz 1
http://irajlal.blogspot.com.tr 1
http://irajlal.blogspot.com.es 1
http://irajlal.blogspot.ch 1
http://irajlal.blogspot.hk 1
http://irajlal.blogspot.jp 1
http://designuserinterface.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

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