the layers of user experience - github pages...the layers of user experience (what is there to...
TRANSCRIPT
The Layers of User Experience(What is there to design in an interactive product?)
ID 405: Human-Computer InteractionSpring 2015
Venkatesh Rajamanickam (@venkatrajam)
http://info-design-lab.github.io/ID405-HCI/
© IDC, IIT Bombay
Jesse James Garrett,
The Elements of User Experience
New Riders (2003)
Second edition (2010)
http://www.jjg.net/elements/
© IDC, IIT Bombay
Surface Plane
© IDC, IIT Bombay
Surface Plane
Skeleton Plane
© IDC, IIT Bombay
Surface Plane
Skeleton Plane
Structure Plane
© IDC, IIT Bombay
Surface Plane
Skeleton Plane
Structure Plane
Scope Plane
© IDC, IIT Bombay
Surface Plane
Skeleton Plane
Structure Plane
Scope Plane
Strategy Plane
© IDC, IIT Bombay
Sell books
Be the place to find books
Encourage return customers
Sell other non-touch-and-feel goods
Assimilate competition
© IDC, IIT Bombay
Shopping cart
Book reviews
Cross reference books
Remember addresses
Recommendations
Wish list and promos
Second-hand books
CDs, DVDs, Segway
Partner programs
© IDC, IIT Bombay
Book Intros
Book Details
Book Intros
Book Details
Book Intros
Book Details
Book Intros
Book Details
Amazon
Home
Anirudha’s
Amazon
Recos for
Anirudha
Anirudha’s
Wishlist
Shopping
Cart
Settings (Addresses, Email,
Preferences...)
Checkout
...
© IDC, IIT Bombay
© IDC, IIT Bombay
© IDC, IIT Bombay
© IDC, IIT Bombay
© IDC, IIT Bombay
© IDC, IIT Bombay
© IDC, IIT Bombay
Concrete
Abstract
© IDC, IIT Bombay
Functionality Information
© IDC, IIT Bombay
User needs
Product objectives
Why are we making this?
© IDC, IIT Bombay
Functional specification
Content requirements
What are we making when?
© IDC, IIT Bombay
Interaction design
© IDC, IIT Bombay
© IDC, IIT Bombay
© IDC, IIT Bombay
© IDC, IIT Bombay
Interaction design
Information architecture
© IDC, IIT Bombay
Interaction design
Information architecture
How does the product fit in the
life of the user?
© IDC, IIT Bombay
Interface design
© IDC, IIT Bombay
© IDC, IIT Bombay
© IDC, IIT Bombay
Interface design
Information design
© IDC, IIT Bombay
© IDC, IIT Bombay
Interface design
Information design
Navigation design
© IDC, IIT Bombay
Interface design
Information design
Navigation design
© IDC, IIT Bombay
Sensory design
© IDC, IIT Bombay
© IDC, IIT Bombay