101 things i learned in interaction design school - web directions south
DESCRIPTION
My presentation from Web Directions South in Sydney Oct 2010. See also www.ixd101.comTRANSCRIPT
101 Things I (should have) Learned in Interaction Design SchoolShane Morris (@shanemo)
How to draw a line
101 Things I Learned in Architecture School, Matthew Frederick
1
Design an architectural space to accommodate a specific program,
experience , or intent.
For the drawing and description, see “101 Things I Learned in Architecture School” by Matthew Frederick
http://www.frederickdesignstudio.com/Books/101Things.html
101 Things I Learned in Architecture School, Matthew Frederick
12
How to draw a line
101 Things I Learned in Architecture School, Matthew Frederick
1
I didn’t go to Interaction Design School
When I started out in this industry…
HCI was a science
amazon.com/Psychology-Human-Computer-Interaction-Stuart-Card/dp/0898598591
The 2 disciplines
Technology Psychology
Engineering vs. Design
The 4 disciplines
Technology
Behaviour
Design
Business
Careful anchor placement can generate an active building interior
87
101 Things I Learned in Architecture School, Matthew Frederick
For the drawing and description, see “101 Things I Learned in Architecture School” by Matthew Frederick
http://www.frederickdesignstudio.com/Books/101Things.html
TO WRITE “101 THINGS I LEARNED IN INTERACTION DESIGN SCHOOL”…
ixd101.com
Functionality is the enemy of usability
When you are handed a functional specification, it is easy to take it on face value, and then work hard to make that functionality as usable as possible. If you are really focussed on usability, then your job starts with critiquing the functionality itself.
ixd101.com
UPDATE – IXD101.COM
timeUXA 2009
UXA 2010
Matt Frederick Calls
WDS 2010
activity
The level of detail in your mock-ups should reflect the level of confidence
in your design Mock-ups are prepared as a way of exploring a particular design problem, and in order to communicate your thoughts on a solution to important stakeholders (i.e. users, clients or developers).In the early stages of design, mock-ups should communicate broad concepts and groupings of information or functions. Keeping the details scant at these early stages allows you to progress through iterations quickly and keeps your stakeholders from throwing the baby out with the bath-water by quibbling over colours and button placement.
As you progress towards a final design, mock-ups should be rendered in increasingly higher fidelity so that the full detail of your approach is exposed
Approach vs. Technique
Matt Shane0
1
2
3
4
5
6
7
8
9
10
ApproachTechnique
The timeless way of…
Play tricks, don't wait for a full-house
Deciding when your design is mature enough to put in front of a client is always difficult. Unfortunately, there is a natural tendency to err on the side of holding off for longer than we should.All other things being equal, you should expose your design earlier rather than later - in fact, earlier than you feel comfortable with.Even if you have problems with aspects of the design, it is better to bring your stakeholders over to your side of the problem sooner.To use an analogy from card games; play your design out in small "tricks" don't wait for a "full house", lest you be left with a hand full of great - but now useless - cards when the project moves on without you.
TO WRITE “101 THINGS I LEARNED IN INTERACTION DESIGN SCHOOL”…
The getting of wisdom
Data Information Knowledge Wisdom
The getting of wisdom
Data
• Miller’s Number
• Fitt’s Law• Usability
Testing• Analytics
Information
• Contextual Inquiry
• Activity Theory
• Information Architecture
Knowledge
• Heuristics• Patterns
Wisdom
• Intuition
designDesign
Random unsubstantiated hypothesis
101 Things I Learned in Architecture School, Matthew Frederick
69
For the drawing and description, see “101 Things I Learned in Architecture School” by Matthew Frederick
http://www.frederickdesignstudio.com/Books/101Things.html
Like buildings, applications break at the joins
It’s the journey between pages or screens, not the pages and screens themselves, that can cause the most problems for users.
Plus - problems with the journey are the most expensive problems to fix.
Design the journey between states first, before designing the states.
Have we achieved wisdom in interaction design?
NO
Interaction design is hard!
www.vintagecalculators.com
Separation of action and reaction
The greater the distance between a user’s action and the system’s reaction, the more you need to emphasise the relationship between the action and the reaction.
Distance can be measured in space, or in time.
Interaction design is hard!
www.vintagecalculators.com
Do you know where your pixels come from?
Powerhouse Museum Collection
http://www.powerhousemuseum.com/collection/database/?irn=28769
Gift of Australian Consolidated Press under the Taxation Incentives for the Arts Scheme, 1985
INTERACTION DESIGN IS HARD…BUT WE ARE SOFT!
Architects don’t get to usability test
“You can use an eraser on the drafting table or a sledge hammer on the construction site.“
Frank Lloyd Wright
http://quotesondesign.com/frank-lloyd-wright/
Industrial designers don’t get to A/B test
INTERACTION DESIGN IS HARD…BUT WE ARE SOFT!
Landmarks help us know where we are going, and where we have been
When we explore a new city, landmarks break our journey into stages. At each landmark we stop, assess where we’ve been, reorient ourselves, and set out again.
Landmarks can help with any journey. On a web site, arriving at a page that is markedly different to others marks the end of a stage of the interaction, or the beginning of a new stage.
Memorable landmarks that stand out from their surrounds help us form a mental model of where we have been, and where else we can go.
TO WRITE “101 THINGS I LEARNED IN INTERACTION DESIGN SCHOOL”…
To write “101 Things I Learned in Interaction Design School”…
…we need greater confidence
http://www.cafepress.com.au/jenkramer.145505508#
Design with models
72
101 Things I Learned in Architecture School, Matthew Frederick
For the drawing and description, see “101 Things I Learned in Architecture School” by Matthew Frederick
http://www.frederickdesignstudio.com/Books/101Things.html
Four new books!
Roll your drawings for transport or storage with the image side
facing out
90
101 Things I Learned in Architecture School, Matthew Frederick
For the drawing and description, see “101 Things I Learned in Architecture School” by Matthew Frederick
http://www.frederickdesignstudio.com/Books/101Things.html
Thank youShane MorrisAutomatic [email protected]@shanemoIxd101.com
101 Things I Learned in Architecture SchoolMatthew Frederick