Post on 18-Jul-2020
University ofWashington
human-computer interactionCSE 440 WINTER 2015FEB 17 - WEEK 7 - TUESDAY
PRESENTATIONFEEDBACK
Maya Cakmak, Matt Kay, Brad Jacobson, King Xia
University ofWashington
human-computer interactionCSE 440 WINTER 2014FEB 17 - WEEK 7 - TUESDAY
PRESENTATIONFEEDBACK
Maya Cakmak, Matt Kay, Brad Jacobson, King Xia
University ofWashington
Timing•8 minutes is very short•Plan the timing ahead•Practice, practice, practice
3
University ofWashington
Nerves•Even Obama gets nervous before a speech•More severe at the beginning
–Think about exactly what to say on the first few slides•Practice, practice, practice
4
University ofWashington
Respecting other presenters•When someone is presenting, put your phones
and laptops away•Presented in class, did not come to section :-(
5
University ofWashington
Content•Contextual inquiry
–Participants, process–Findings, themes–Implications for tasks–Implications for design
•Tasks as verbs from user perspective•Storyboards: walk-through
6
University ofWashington
Introduce yourself
7
University ofWashington
Title-image-value proposition
8
University ofWashington
Too much text
9
University ofWashington
Too small text
10
University ofWashington
Legibility of storyboards/sketches
11
University ofWashington
Legibility of storyboards/sketches
12
University ofWashington
Color for emphasis
13
University ofWashington
Consistency of emphasis
14
University ofWashington
Consistency of emphasis
15
University ofWashington
Choosing titles
16
University ofWashington
Resolution
17
University ofWashington
Contractions/Typos
18
University ofWashington
Typography, consistency
19
University ofWashington
Widows/orphans
20
University ofWashington
Widows/orphans
21
University ofWashington
Sense breaks
22
University ofWashington
23
University ofWashington
24
DIGITALMOCKUPS
University ofWashington
Wireframes, Mock-ups, Prototypes
25
University ofWashington
Wireframes, Mock-ups, Prototypes•Wireframes: Illustration of basic structure and
elements on an interface
25
University ofWashington
Wireframes, Mock-ups, Prototypes•Wireframes: Illustration of basic structure and
elements on an interface•Mockup: Visual illustration of the interface
including graphics, colors, and typography
25
University ofWashington
Wireframes, Mock-ups, Prototypes•Wireframes: Illustration of basic structure and
elements on an interface•Mockup: Visual illustration of the interface
including graphics, colors, and typography• Interactive prototype: Actual webpage that
simulates interactions with the interface, may lack most functionality
25
University ofWashington
Wireframe example
26
University ofWashington
Digital mockup example
27
University ofWashington
Digital mockup example
28
University ofWashington
29
AlcoholHabitsPet informaticsDrugsSuccess in a courseDecision makingEldercareFood spoilageGIRelationshipsMood factorsSpeechSunlight
KingMattMattKingKingBradMayaBradMayaMattMayaMayaBrad