ITP / SED Day 6
Upcoming SlideShare
Loading in...5
×
 

ITP / SED Day 6

on

  • 1,212 views

Second day of the week two of lectures at Aalto University School of Economics’ ITP summer programme’s Strategy and Experience. https://itp.hse.fi/...

Second day of the week two of lectures at Aalto University School of Economics’ ITP summer programme’s Strategy and Experience. https://itp.hse.fi/

Contents: Interaction design, designing for flow, prototyping

Statistics

Views

Total Views
1,212
Views on SlideShare
1,212
Embed Views
0

Actions

Likes
3
Downloads
19
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    ITP / SED Day 6 ITP / SED Day 6 Presentation Transcript

    • 06Strategy & Experience DesignITP 2011Aalto University School of EconomicsSami NiemeläCreative Director, Nordkappsami.niemela@gmail.com@samin— www.nordkapp.fi— @Nordkapp
    • InteractionDesign
    • “Interaction Design is thecreation of a dialogue betweena person and a product, serviceor 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-/
    • businessdesigner “user” technology
    • “Complexity isgood. Simplicitycan be misleading.” user experience wheel http://userexperienceproject.blogspot.com/ visualisation Facebook usage
    • “…but complexityis good only if it isunderstandable,sensible,and meaningful.” boxee remote http://boxee.tv
    • “As we learn to “intuitively”use a product, we are in factillustrating the scope of ourpast experiences with it.“—Jon Kolko in Thoughts on Interaction Design
    • http://swipe.nokia.com
    • Usable,Useful andDesirable
    • Usable
    • Useful
    • Desirable
    • Designingfor Flowhttp://www.boxesandarrows.com/view/design-for-emotion
    • DESIGNING FOR FLOWAttention and Flow
    • CAUSES OF FLOW1— A clear goal2—Immediate feedback3—A challenge you’re confidentwith
    • CHARACTERISTICS OF FLOW—Total concentration and focus—A sense of control over interactions—Openness to new things—Increased exploratory behavior—Increased learning—Positive feelings
    • CONSEQUENCES OF FLOW—Loss of consciousness of self—Distortions in the perception of time—Activity is perceived as intrinsicallyrewarding
    • “As we learn to “intuitively”use a product, we are in factillustrating the scope of ourpast experiences with it.“—Jon Kolko in Thoughts on Interaction Design
    • 0 challenges high Anxiety skills Flow Channel Boredomhigh Anxiety, Boredom and Flow (Csikszentmihalyi, 1990) (captions added van Gorp, 2006)
    • Causes of Flow
    • 1 2 Immediate 3 Challenge balancedA clear goal feedback with one’s skills
    • Different users
    • Less Challenges More Challenges Novice users Experienced users LessExploration Exploration Entertainment Connected with tasks
    • Tasks and subtasks
    • EXAMPLE“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
    • HIGH LEVEL FLOW HOME VIEW SUBCATEGORY 1 SUBCATEGORY 2 PRODUCT DETAILS PURCHASE PATHS X N
    • IN DETAIL
    • EXERCISEFlesh out your scenario from weekone into a task flow. Design theinteractions within it.60 MINUTES
    • Making thingstangible
    • 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
    • EXERCISEPrototyping: Build a prototype ofan interaction relating your project.Draw it out on paper, step by step.90 MINUTES
    • Document your work: the taskflows and prototype, send by email.FRI HOMEWORK 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 Thursday Deliver to sami.niemela@gmail.com w/ title “GROUPNAME Design Review 1 ”
    • Q&A time!