Date post: | 14-Dec-2015 |
Category: |
Documents |
Upload: | leanna-hughen |
View: | 213 times |
Download: | 0 times |
© IDC, IIT Bombay1
Children Solve Problems
“We can learn a lot from children, and especially from watching children think.”
Edward de Bono, Children Solve Problems, Allen Lane, The Penguin Press, (1972)
© IDC, IIT Bombay12
Solutions
Ghetto Automatic ghetto Arm’s length Feature rich arm’s length Cultural assimilation Gradual cultural assimilation Mutual aid Two solutions Brain washer
© IDC, IIT Bombay15
The Five Layers of User Experience
Surface Plane Skeleton Plane
– Layouts, placement, arrangement
– Interface– Widgets– Navigation– Feel
© IDC, IIT Bombay16
The Five Layers of User Experience
Surface Plane Skeleton Plane Structure Plane
– Categories– Hierarchy– Conceptual model
© IDC, IIT Bombay17
The Five Layers of User Experience
Surface Plane Skeleton Plane Structure Plane Scope Plane
– Features, functions– Services, facilities– Content
© IDC, IIT Bombay18
The Five Layers of User Experience
Surface Plane Skeleton Plane Structure Plane Scope Plane Strategy Plane
– User goals– Business goals
© IDC, IIT Bombay19
Elements of User Experience
Jesse James Garrett, The Elements of User Experience, New Riders (2003) Second edition (2010)http://www.jjg.net/elements/
© IDC, IIT Bombay20
Strategy
Sell books Be the place to find books Encourage return customers Sell other non-touch-and-feel goods Assimilate competition
User goals, business goals
© IDC, IIT Bombay21
Scope
Sell books Be the place to find books Encourage return customers Sell other non-touch-and-feel goods Assimilate competition
Shopping cart – With gift wrap– Deliver world wide
Book reviews– Review ratings– Book lists
Cross reference books Remember addresses Recommendations Wish list and promos Second-hand books CDs, DVDs, Segway Partner programs
Features, functions, services, facilities, content
© IDC, IIT Bombay22
Shopping cart – With gift wrap– Deliver world wide
Book reviews– Review ratings– Book lists
Cross reference books Remember addresses Recommendations Wish list and promos Second-hand books CDs, DVDs, Segway Partner programs
Structure
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
...
Categories, hierarchy, conceptual model
© IDC, IIT Bombay27
Tool or Medium?
Functionality– Tool– Automation– Productivity– Synthesis– Creativity
Information– Medium– Hypertext– Publishing– Communication– Decision making
© IDC, IIT Bombay28
Strategy
User needs– User goals– Expressed + latent needs
Product objectives– Business goals– Brand strategy
Why are we making this?
© IDC, IIT Bombay29
Scope
Functional specification– Features, functions,
services, facilities– Timelines, versions
Content requirements– Content– Editorial workflow– Content shelf life– Timelines, versions
What are we making when?
© IDC, IIT Bombay30
Structure
Interaction design– Conceptual model– Scenarios, storyboards,
workflows, use cases
© IDC, IIT Bombay32
Structure
Interaction design– Conceptual model– Scenarios, storyboards,
workflows, use cases
Information architecture– Categories– Hierarchy– Scenarios, storyboards,
workflows, use cases
© IDC, IIT Bombay34
Structure
Interaction design– Conceptual model– Scenarios, storyboards,
workflows, use cases
Information architecture– Categories– Hierarchy– Scenarios, storyboards,
workflows, use cases
How does the product fit in the life of the user?
© IDC, IIT Bombay40
Skeleton
Interface design– Interface, widgets,
controls– Tasks-flows / actions
Information design– Script– Page complexity– Visualization– Layouts, grid,
hierarchy
© IDC, IIT Bombay
Assignment
Redesign the Jet Privilege Account Summary page to make it easy to understand from a passenger point of view
45
© IDC, IIT Bombay46
Skeleton
Interface design– Interface, widgets,
controls– Tasks-flows / actions
Information design– Script– Page complexity– Visualization– Layouts, grid, hierarchy
Navigation design– Navigation elements
© IDC, IIT Bombay51
Skeleton
Interface design– Interface, widgets,
controls– Tasks-flows / actions
Information design– Script– Page complexity– Visualization– Layouts, grid, hierarchy
Navigation design– Navigation elements
How should the design be detailed?
© IDC, IIT Bombay52
Surface
Sensory design– Text– Visual elements (colour,
typography, photography, illustrations)
– Media elements (audio, video, animation)
– Hardware elements– Identity, styling, finish