Post on 28-Jan-2015
description
— www.nordkapp.fi— @Nordkapp
Strategy & Experience Design
ITP 2011Aalto University School of Economics
Sami NiemeläCreative Director, Nordkapp
sami.niemela@gmail.com@samin
06
InteractionDesign
“Interaction Design is the creation of a dialogue between a person and a product, service or system.”
—Jon Kolko in Thoughts on Interaction Design
TheLargerContext(s)
graph Ville Tikka / wevolve.us
Empathy
http://www.openideo.com/open/maternal-health/inspiration/empathy-belly-/
designer “user”
technology
business
“Complexity isgood. Simplicity can be misleading.”
user experience wheel http://userexperienceproject.blogspot.com/visualisation Facebook usage
“…but complexity is good only if it is understandable, sensible, and meaningful.”
boxee remote http://boxee.tv
“As we learn to “intuitively” use a product, we are in fact illustrating the scope of our past experiences with it.“
—Jon Kolko in Thoughts on Interaction Design
Usable, Useful and Desirable
Usable
Useful
Desirable
Designingfor Flow
http://www.boxesandarrows.com/view/design-for-emotion
Attention and Flow
DESIGNING FOR FLOW
1— A clear goal2—Immediate feedback3—A challenge you’re confident with
CAUSES OF FLOW
—Total concentration and focus—A sense of control over interactions—Openness to new things—Increased exploratory behavior—Increased learning—Positive feelings
CHARACTERISTICS OF FLOW
—Loss of consciousness of self—Distortions in the perception of time—Activity is perceived as intrinsically rewarding
CONSEQUENCES OF FLOW
“As we learn to “intuitively” use a product, we are in fact illustrating the scope of our past experiences with it.“
—Jon Kolko in Thoughts on Interaction Design
chal
len
ges
skills0 high
high Anxiety
Boredom
Flow Channel
Anx
iety
, Bor
edom
and
Flo
w (
Csi
ksze
ntm
ihal
yi, 1
99
0)
(cap
tion
s ad
ded
van
Gor
p, 2
00
6)
Causes of Flow
A clear goal
1Immediate feedback
2Challenge balanced
with one’s skills
3
Different users
Novice users Experienced usersExploration
Entertainment
Less Challenges More Challenges
Less Exploration
Connected with tasks
Tasks and subtasks
“Produce a podcast”— Collect Information— Interview Someone— Record My Parts— Edit Audio— Mix audio— Write Show Notes— Produce the files— Upload Files to Host— Build Corresponding Show Notes Post
EXAMPLE
— Input- audio mix from GarageBand 3 and Show Notes in Text Editor.— Work- Play through audio once, listening for big mistakes.— Send the file to iTunes.— Inside iTunes, select the file, choose Get Info.— Edit info, inserting show notes and links into Lyrics tab. Doublecheck.—Choose “Convert File to MP3.”—Play the new MP3 file once it’s converted.—Move MP3 file to upload area.—Output- Upload Files to Host flow
EXAMPLE
HIGH LEVEL FLOW
HOME VIEW SUBCATEGORY 1 SUBCATEGORY 2 PRODUCT DETAILS PURCHASE PATHS X N
IN DETAIL
Flesh out your scenario from week one into a task flow. Design the interactions within it.
EXERCISE
60MINUTES
Making things tangible
http://www.slideshare.net/tbisaacs/keynote-kungfu-how-to-wireframe-like-a-ninja?from=ss_embed
http://www.slideshare.net/tbisaacs/keynote-kungfu-how-to-wireframe-like-a-ninja?from=ss_embed
http://www.boxesandarrows.com/view/prototyping-with
http://www.flickr.com/photos/rosenfeldmedia/3977544675/in/set-72157622384497663/
http://www.flickr.com/photos/rosenfeldmedia/3977544675/sizes/o/in/set-72157622384497663/
UI SCENARIOS
Prototyping: Build a prototype of an interaction relating your project. Draw it out on paper, step by step.
EXERCISE
90MINUTES
Document your work: the task flows and prototype, send by email.
FRIHOMEWORK
WHERE?Deliver to sami.niemela@gmail.com w/ title “GROUPNAME Flows and prototype”
Design Review of team project: show & tell of design process + progress so far, design critique.
THU WHERE?Present at class on ThursdayDeliver to sami.niemela@gmail.com w/ title “GROUPNAME Design Review 1 ”
Q&A time!