© IDC, IIT Bombay Children Solve Problems “We can learn a lot from children, and especially from...

© 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 Bombay2

Problem

How to stop a cat and a dog from fighting?

© IDC, IIT Bombay3

Ghetto

© IDC, IIT Bombay4

Automatic Ghetto

© IDC, IIT Bombay5

Arm’s Length

© IDC, IIT Bombay6

Arm’s Length ++

© IDC, IIT Bombay7

Cultural Assimilation

© IDC, IIT Bombay8

Gradual Cultural Assimilation

© IDC, IIT Bombay9

Mutual Aid

© IDC, IIT Bombay10

Two Solutions


Brain Washer


Solutions

Ghetto Automatic ghetto Arm’s length Feature rich arm’s length Cultural assimilation Gradual cultural assimilation Mutual aid Two solutions Brain washer

The Layers of User Experience(What is there to design in an interactive product?)


The Five Layers of User Experience

Surface Plane– Text– Images– Look



Surface Plane Skeleton Plane

– Layouts, placement, arrangement

– Interface– Widgets– Navigation– Feel



Surface Plane Skeleton Plane Structure Plane

– Categories– Hierarchy– Conceptual model



Surface Plane Skeleton Plane Structure Plane Scope Plane

– Features, functions– Services, facilities– Content



Surface Plane Skeleton Plane Structure Plane Scope Plane Strategy Plane

– User goals– Business goals


Elements of User Experience

Jesse James Garrett, The Elements of User Experience, New Riders (2003) Second edition (2010)http://www.jjg.net/elements/


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


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


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


SkeletonLayouts, placement, arrangement, interface, widgets, navigation, feel


SurfaceText, images, look



Concrete

Abstract


Tool or Medium?

Functionality– Tool– Automation– Productivity– Synthesis– Creativity

Information– Medium– Hypertext– Publishing– Communication– Decision making


Strategy

User needs– User goals– Expressed + latent needs

Product objectives– Business goals– Brand strategy

Why are we making this?


Scope

Functional specification– Features, functions,

services, facilities– Timelines, versions

Content requirements– Content– Editorial workflow– Content shelf life– Timelines, versions

What are we making when?


Structure

Interaction design– Conceptual model– Scenarios, storyboards,

workflows, use cases


Structure



Information architecture– Categories– Hierarchy– Scenarios, storyboards,



Structure



Information architecture– Categories– Hierarchy– Scenarios, storyboards,


How does the product fit in the life of the user?


Skeleton

Interface design– Interface, widgets,

controls– Tasks-flows / actions

Swarachakra


Skeleton



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


Skeleton



Information design– Script– Page complexity– Visualization– Layouts, grid, hierarchy

Navigation design– Navigation elements


Skeleton



Information design– Script– Page complexity– Visualization– Layouts, grid, hierarchy

Navigation design– Navigation elements

How should the design be detailed?


Surface

Sensory design– Text– Visual elements (colour,

typography, photography, illustrations)

– Media elements (audio, video, animation)

– Hardware elements– Identity, styling, finish


by Jesse James Garrett



Task

© IDC, IIT Bombay Children Solve Problems “We can learn a lot from children, and especially from...

Documents

Transcript of © IDC, IIT Bombay Children Solve Problems “We can learn a lot from children, and especially from...