CSE440: Introduction to HCI Methods for Design, Prototyping and - - PowerPoint PPT Presentation

cse440 introduction to hci
SMART_READER_LITE
LIVE PREVIEW

CSE440: Introduction to HCI Methods for Design, Prototyping and - - PowerPoint PPT Presentation

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 16: Nigini Oliveira Recap and Exam Q&A Abhinav Yadav Liang He Angel Vuong Jeremy Viny What we will do today Communicating your designs


slide-1
SLIDE 1

CSE440: Introduction to HCI

Methods for Design, Prototyping and Evaluating User Interaction Lecture 16: Recap and Exam Q&A Nigini Oliveira Abhinav Yadav Liang He Angel Vuong Jeremy Viny

slide-2
SLIDE 2

What we will do today

Communicating your designs Exam Recap Q&A

slide-3
SLIDE 3

Communicating your design

slide-4
SLIDE 4

Presentations in this class

slide-5
SLIDE 5

Our expectations

Well-rehearsed presentation with appropriate preparation Provide visual aids that help the audience to follow your story Slides should be legible to people further away from the screens Stick to the time limit (7-8 minutes) + 2 minutes for questions

slide-6
SLIDE 6

Our expectations

The presentation should include:

A compelling problem Low-fidelity Prototypes What you did to test it… … what you found … how it affected your design Broader lessons learned that might be helpful for others Final prototype and how it resulted from your test findings Digital mockup and how it relates to the final paper prototype

slide-7
SLIDE 7

Some examples

slide-8
SLIDE 8

Introduce Yourselves

slide-9
SLIDE 9

Title, Image, Value Proposition

slide-10
SLIDE 10

Watch the Selling

slide-11
SLIDE 11

Typography, Consistency

slide-12
SLIDE 12

Too Much Information

slide-13
SLIDE 13

Too Much Text, Too Much “People”

slide-14
SLIDE 14

Too Much Text, Sentences too long

slide-15
SLIDE 15

Pictures are great

slide-16
SLIDE 16

Pictures are great

slide-17
SLIDE 17

Pictures are great

slide-18
SLIDE 18

In-Line References vs. Bibliography Slide

slide-19
SLIDE 19

Motivation of Participants

slide-20
SLIDE 20

Short Tasks

slide-21
SLIDE 21

Too Distracting

slide-22
SLIDE 22

Speaking of Distractions

Whether correct or not, many things distract

Plural possessive a posteriori sensitive content

Write easy and simple!

slide-23
SLIDE 23

Verb as Task

slide-24
SLIDE 24

Consistency of Emphasis

slide-25
SLIDE 25

Naming Designs

slide-26
SLIDE 26

Legibility of Sketches

slide-27
SLIDE 27

Legibility of Sketches

slide-28
SLIDE 28

Low Contrast Images and Text

slide-29
SLIDE 29

Finishing Slide

slide-30
SLIDE 30

What makes a good poster?

slide-31
SLIDE 31
slide-32
SLIDE 32
slide-33
SLIDE 33

What to expect at the poster session

Set up your poster by 10:45am. Three judges will give out three prizes.

Convince them that your design is solid and tackles a real issue! Have a 1-minute pitch prepared.

Do you need to be there?

  • Yes. All of your group members should be there.

You can switch off “guarding” your poster and answering questions so that you can also look at other posters.

Invite friends!!!

slide-34
SLIDE 34

Exam Recap

slide-35
SLIDE 35

Have you done all that??? :O

slide-36
SLIDE 36

Iteration: Step 1

slide-37
SLIDE 37

Iteration: Step 2

slide-38
SLIDE 38

Iteration: Step 3

slide-39
SLIDE 39

Iteration: Step 4

slide-40
SLIDE 40

You have also learned a lot of theory!

History of HCI Design for diversity Methods for user research, creativity, and design Models on Interaction and Human Perception Design patterns and principles

slide-41
SLIDE 41

You have also learned a lot of theory!

History of HCI Design for diversity Methods for user research, creativity, and design Models on Interaction and Human Perception Design patterns and principles

slide-42
SLIDE 42

You have also learned a lot of theory!

History of HCI Design for diversity Methods for user research, creativity, and design Models on Interaction and Human Perception Design patterns and principles

slide-43
SLIDE 43

You have also learned a lot of theory!

History of HCI Design for diversity Methods for user research, creativity, and design Models on Interaction and Human Perception Design patterns and principles

slide-44
SLIDE 44

You have also learned a lot of theory!

History of HCI Design for diversity Methods for user research, creativity, and design Models on Interaction and Human Perception Design patterns and principles

slide-45
SLIDE 45

Norman’s Execution-Evaluation Cycle

Gulf of Evaluation Gulf of Execution

slide-46
SLIDE 46

You have also learned a lot of theory!

History of HCI Design for diversity Methods for user research, creativity, and design Models on Interaction and Human Perception Design patterns and principles

slide-47
SLIDE 47

Addendum: Interface Implementation

Why do we use tools?

slide-48
SLIDE 48

Why do we use tools? What is the Model-View-Controller?

Addendum: Interface Implementation

slide-49
SLIDE 49

Why do we use tools? What is the Model-View-Controller? What has UI design learned from animation?

Addendum: Interface Implementation

slide-50
SLIDE 50

Remember Both Sides of this Course

This course emphasized both Getting the Right Design Getting the Design Right Many people fall into a trap of the latter Not everybody was even trained in the former Be mindful of your methods Understand your actual goal

slide-51
SLIDE 51

Ask me something!