Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING +...
-
Upload
esther-clarke -
Category
Documents
-
view
221 -
download
0
Transcript of Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING +...
![Page 1: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/1.jpg)
Prof. James A. LandayStanford University
CS 147 Studio
USER INTERFACE DESIGN + PROTOTYPING + EVALUATION
Problem Finding
* slides based on those of Prof. Tad Hirsch, UW Design
CA First LastTime, LocationSept. 25-26, 2014
![Page 2: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/2.jpg)
Wicked Problems
Ill-defined Complex, interrelatedMultiple stakeholders, differing perspectivesExample: Air pollution
No stopping ruleProblems are managed, not solvedExamples: Aging
1/22/2014 HCI+Design: User Interface Design, Prototyping, & Evaluation 2
![Page 3: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/3.jpg)
Implications for Design
Solutions depend on how the problem is Framed… and vice-versa
Solutions are not optimal There’s no right or wrong… but there is better and worse
Every problem is uniqueCreative approaches are required
1/22/2014 HCI+Design: User Interface Design, Prototyping, & Evaluation 3
![Page 4: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/4.jpg)
Approach
1. Explore the problem
2. Find a leverage point
3. Design an intervention
4. See what happens
5. Repeat1/22/2014 4HCI+Design: User Interface Design, Prototyping, & Evaluation
![Page 5: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/5.jpg)
Methods
Concept mapping
create a modelfind out what you already know
Ideation
explore a solution space
1/22/2014 HCI+Design: User Interface Design, Prototyping, & Evaluation 5
![Page 6: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/6.jpg)
Concept mappingA technique for visualizing relationships between ideas
![Page 7: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/7.jpg)
Concept mapping
Process1. List 10-20 words associated with the topic2. Group them into named categories3. Start diagramming4. Add categories + examples5. Label the relationships6. Keep going until you lose momentum (and/or run
out of time)7. Highlight areas for further investigation
Outcomes8. A model (not definitive!)9. A few design directions
1/22/2014 HCI+Design: User Interface Design, Prototyping, & Evaluation 7
![Page 8: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/8.jpg)
Step 1: List associated words
![Page 9: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/9.jpg)
Step 2: Group into Categories
![Page 10: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/10.jpg)
Step 3: Start Diagramming
![Page 11: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/11.jpg)
Step 4: Add Categories + Examples
![Page 12: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/12.jpg)
Step 5: Keep Going
![Page 13: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/13.jpg)
Step 6: And going…
![Page 14: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/14.jpg)
Step 7: Highlight/Circle Areas for further Investigation
![Page 15: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/15.jpg)
Step 8: Edit and Prioritize
![Page 16: Prof. James A. Landay Stanford University CS 147 Studio USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Problem Finding * slides based on those of Prof.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649eef5503460f94bff249/html5/thumbnails/16.jpg)
Next step: Research + Analysis
How big a problem is it? (market)
Whose problem is it? (stakeholders)
What’s already out there? (competition)
How are things done currently? (status quo)
How can they be improved? (innovation)1/22/2014 HCI+Design: User Interface Design, Prototyping, & Evaluation 16