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