• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Design Process Experience Sharing
 

Design Process Experience Sharing

on

  • 952 views

In the lab meeting of Intelligent Agents Laboratory on 05/13/2011 at the National Taiwan University, I used this slides to share the experience of going through the contextual design process of the ...

In the lab meeting of Intelligent Agents Laboratory on 05/13/2011 at the National Taiwan University, I used this slides to share the experience of going through the contextual design process of the project Aoide, where my teammates and I designed a virtual browsing interface for University of Michigan Library's music collection. I described and explained the steps we took, including interview, persona, scenario, lo-fi prototype, mid-fi prototype, hi-fi prototype, and usability testing.

Statistics

Views

Total Views
952
Views on SlideShare
951
Embed Views
1

Actions

Likes
2
Downloads
0
Comments
0

1 Embed 1

http://www.linkedin.com 1

Accessibility

Categories

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

    Design Process Experience Sharing Design Process Experience Sharing Presentation Transcript

    • Design ProcessExperience SharingPei-Yao (Perry) Hung ( ) peiyaoh@umich.edu http://perryhung.com
    • About Pei-Yao• Interested in interface and interaction design• Study Human-Computer Interaction (HCI) in School of Information at the University of Michigan (UM, UofM, UMich, ...)• Got B.S. and M.S. in CSIE at the NTU• Experience in Agent and Ubicomp lab
    • Q?
    • AoideA music browsing interface for MLibrary music collection
    • Outline• Problem• Approach to the solution: the process• Result: Competition• Reflection
    • MLibrary?
    • Problem?
    • People don’t go to the library!
    • Solutions?
    • Approach to reach solution...• Interview• Persona & Scenarios• Lo fidelity prototype• Mid fidelity prototype• Hi fidelity prototype• Usability Testing
    • Aoide Design Process Video
    • Q?
    • Contextual Design Human-Center Design
    • Context?Contextual Design
    • DataContextual Interpretation Prototyping Product Inquiry & Consolidation Understand Recommendation User Contextual Design
    • Interview
    • Ambush people!!! How?
    • Behavior & Need Interview’s Goal
    • Interviewees• 6 students: music , business, library science, and art and design• 1 technical librarian• 1 music librarian
    • Student Interview• How they get new music?• What affects their choice of music? Why?• Perform a simple task using library’s existing interface and gain feedback
    • FreeFinding from student
    • Key word search as the start Finding from student
    • No Exploration Finding from student
    • ArtistFinding from student
    • GenreFinding from student
    • FriendsFinding from student
    • ClassmatesFinding from music student
    • AnonymousFinding from technical librarian
    • HistoryFinding from music student & librarian
    • Composer-Performer-album Finding from music librarian & music student
    • Q?
    • DataContextual Interpretation Prototyping Product Inquiry & Consolidation Understand Recommendation User Contextual Design
    • Persona & Scenarios
    • “The User” What is “Persona”?
    • Fake it! How?
    • User without our design Persona
    • User with our design Scenario
    • Who we design for Persona with scenario
    • Focus & Agreement Persona & Scenario’s Goal
    • Persona & Scenario• 3 Personas with scenarios• Bio + Goal + Challenge• Slogan
    • Q?
    • DataContextual Interpretation Prototyping Product Inquiry & Consolidation Understand Recommendation User Contextual Design
    • Informative spacethat encourages Exploring Our Goal
    • Prototyping• Lo fidelity prototype• Hi fidelity prototype• Usability Testing
    • Rough Idea Lo Fi Prototype
    • Sketch it! (Paper) How
    • Communicate ideas in the team Paper Prototype’s Goal
    • Prototyping• Lo fidelity prototype• Hi fidelity prototype• Usability Testing
    • Look real & Interactive Hi Fidelity Prototype
    • ExperienceHi Fidelity Prototype’s Goal
    • Hi-Fidelity Prototype• HTML + CSS + JavaScript• Flash/Flex• Adobe Fireworks• Axure• ...
    • Q?
    • Prototyping• Lo fidelity prototype• Hi fidelity prototype• Usability Testing
    • Testing the prototype Usability Testing
    • Let users interact with the prototype How?
    • Experience & Learn Usability Testing’s Goal
    • Usability Testing• 10 students• Assign them tasks to do• Ask them to “think out loud”• Observe and ask follow up question
    • What do you think?
    • What’s wrong?
    • Prototyping• Lo fidelity prototype• (Mid fidelity prototype)• Hi fidelity prototype• Usability Testing
    • Mid Fidelity Prototype
    • Look real,Not Interactive Mid Fidelity Prototype
    • Set Standard of layout, Look and Feel Mid Fidelity Prototype’s Goal
    • Gap betweenimagination & realization (or you & team)
    • Aoide A-oi-de [ey-oi-dee] noun A virtual browsing system for MLibrary music collection Home MLibrary Help Ask a librarian Log In Explore Music in a Compelling Way Explore Album Artist Song Music We RecommendNirvana U2 Radiohead Lady Gaga Ricardo Arjona
    • Home          MLibrary          Help          Ask  a  librarian           My  Account   Log  Out Aoide A-­oi-­de  [ey-­oi-­dee]  noun Explore A  Virtual  Browsing  Exploration  of  the  MLibrary  Music  Collection Album Artist Song Browsing  History: 1992 1994 1996 1998 2000 2002ns Mariah  Carey Music  Box Merry  Christmas Day  Dream Butterfly #1’s Rainbow Glitter Chambracelet 1993 1994 1995 1997 1998 1999 2001 2002ous Michael  Jackson History,  Present   Invincible   and  Past,  Book  1 2001 1995 Janet  Jackson Janet The  Velvet  Rope All  for  You 1993 1997 2001 Toni  Braxton Toni  Braxton Secrets The  Heat Snowflakes More  Than  a   1993 1997 2000 2001 Woman              2002 Whitney  Houston The  Preacher’s   Waiting  to  Exhale             My  Love  is  Your   Whitney:  The   Love,  Whitney Just  Whitney 1995 Wife                    1996 Love                    1998 Greatest  Hits  2000 2001 2002
    • @"A%;<#=,/,)@%08!3B/0#=,/,#/4 ;)!>>".4- <"5C.-!"#$%!&"#&$%(%)&"#&$%%*!"#! 6780",%!+#,-./01,"23#456780",/-#"4"9-:%;<#=,/,);.3#>?"00%>-#"4 D/EF< D%&) G$1H G./#&",N"& !"#$%&()!"#$%&()O.,!"#$%&(),N&) I?(23,JF,K(< ;":&$?(": T?$<,U$%3( O&2?"(/,*FE/( ,K1H%&:,O&2?"(/)$1 K1,;"&1E$+) T?(,V%")(% KW),T&<( X&%/),Y,*$.) I?(23,$FL,458M58966P($Q/(,&1,.$F%,:(Q"%<(1R,?(.,"/)$,/&3(SSS ;(F%1L,454658966 D/&2(,;&Q/(.R,"/S NF:+&H,#"1,*((?$#(1 0")$1,O"%" ,]$$:.,G?"+ Z([,$,Z$%<"/ *((?$#(1L,G.<Q?$1&(),A,Y,C KW<,U$F%) */"23)$1(,N(H"2. I?(23,$FL,458M58966 ;(F%1L,454658966*%$+)(,-&)$%.,!&/( 0"1(,0"23)$1, *":,;$<"12(, ;$23>;":&$?(":@ *$:,B./"1
    • Q?
    • DataContextual Interpretation Prototyping Product Inquiry & Consolidation Understand Recommendation User Contextual Design
    • Product• iDesign Competition (MLibrary + School of Information)• 5 of 7 teams submit their final design• 2 of 5 teams enter final• 1 people choice award
    • Video
    • Second Place Result
    • Reflection• Hi-fidelity prototype is important• It is the process that matter, not the result• The “real” process
    • The real experience Hi-fidelity prototype is important (CS majors, your skills are valuable!)
    • Learning by Doing Process matters, not the result
    • Idea (solution), finding,refine, and then prototype The “real” process
    • Fun Time!
    • How many CDs I havechecked out since I was in UM last September?
    • Just a simple and small anecdote
    • A process to reachperfect (local maximum) Human Center Design (HCD)
    • Other HCD Techniques• Affinity Diagramming• Story Boarding• Work Flow Analysis and Modeling• Speed Dating, User Enactment• Heuristics Evaluation• Comparative Analysis
    • Go Blue! Q &A