Upload
raj-lal
View
6.668
Download
0
Tags:
Embed Size (px)
DESCRIPTION
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
Citation preview
DIGITAL WEB & DESIGN INNOVATION SUMMIT SAN FRANCISCO, CA , SEPT 20, 2013
Evolution of User Interface
Raj Lal Nokia Inc.
@iRajLal
10+ years in S/W Design
Author • Digital Design Essentials:
100 Ways to design better desktop, Web & mobile UI
(DesignUserInterface.com )
About Me
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 beginning. - Winston Churchill
Thank You
DesignUserInterface.com
Raj Lal Nokia Inc.
@iRajLal
DIGITAL WEB & DESIGN INNOVATION SUMMIT SAN FRANCISCO, CA , SEPT 20, 2013