51
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

CSE440: Introduction to HCI

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: CSE440: Introduction to HCI

CSE440: Introduction to HCIMethods for Design, Prototyping and Evaluating User Interaction

Lecture 16:Recap and Exam Q&A

Nigini OliveiraAbhinav YadavLiang HeAngel VuongJeremy Viny

Page 2: CSE440: Introduction to HCI

What we will do today

Communicating your designs

Exam Recap

Q&A

Page 3: CSE440: Introduction to HCI

Communicating your design

Page 4: CSE440: Introduction to HCI

Presentations in this class

Page 5: CSE440: Introduction to HCI

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

Page 6: CSE440: Introduction to HCI

Our expectations

The presentation should include:A compelling problemLow-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 findingsDigital mockup and how it relates to the final paper prototype

Page 7: CSE440: Introduction to HCI

Some examples

Page 8: CSE440: Introduction to HCI

Introduce Yourselves

Page 9: CSE440: Introduction to HCI

Title, Image, Value Proposition

Page 10: CSE440: Introduction to HCI

Watch the Selling

Page 11: CSE440: Introduction to HCI

Typography, Consistency

Page 12: CSE440: Introduction to HCI

Too Much Information

Page 13: CSE440: Introduction to HCI

Too Much Text, Too Much “People”

Page 14: CSE440: Introduction to HCI

Too Much Text, Sentences too long

Page 15: CSE440: Introduction to HCI

Pictures are great

Page 16: CSE440: Introduction to HCI

Pictures are great

Page 17: CSE440: Introduction to HCI

Pictures are great

Page 18: CSE440: Introduction to HCI

In-Line References vs. Bibliography Slide

Page 19: CSE440: Introduction to HCI

Motivation of Participants

Page 20: CSE440: Introduction to HCI

Short Tasks

Page 21: CSE440: Introduction to HCI

Too Distracting

Page 22: CSE440: Introduction to HCI

Speaking of Distractions

Whether correct or not, many things distractPlural possessivea posteriorisensitive content

Write easy and simple!

Page 23: CSE440: Introduction to HCI

Verb as Task

Page 24: CSE440: Introduction to HCI

Consistency of Emphasis

Page 25: CSE440: Introduction to HCI

Naming Designs

Page 26: CSE440: Introduction to HCI

Legibility of Sketches

Page 27: CSE440: Introduction to HCI

Legibility of Sketches

Page 28: CSE440: Introduction to HCI

Low Contrast Images and Text

Page 29: CSE440: Introduction to HCI

Finishing Slide

Page 30: CSE440: Introduction to HCI

What makes a good poster?

Page 31: CSE440: Introduction to HCI
Page 32: CSE440: Introduction to HCI
Page 33: CSE440: Introduction to HCI

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!!!

Page 34: CSE440: Introduction to HCI

Exam Recap

Page 35: CSE440: Introduction to HCI

Have you done all that??? :O

Page 36: CSE440: Introduction to HCI

Iteration: Step 1

Page 37: CSE440: Introduction to HCI

Iteration: Step 2

Page 38: CSE440: Introduction to HCI

Iteration: Step 3

Page 39: CSE440: Introduction to HCI

Iteration: Step 4

Page 40: CSE440: Introduction to HCI

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

Page 41: CSE440: Introduction to HCI

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

Page 42: CSE440: Introduction to HCI

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

Page 43: CSE440: Introduction to HCI

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

Page 44: CSE440: Introduction to HCI

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

Page 45: CSE440: Introduction to HCI

Norman’s Execution-Evaluation Cycle

Gulf of Evaluation

Gulf of Execution

Page 46: CSE440: Introduction to HCI

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

Page 47: CSE440: Introduction to HCI

Addendum: Interface Implementation

Why do we use tools?

Page 48: CSE440: Introduction to HCI

Why do we use tools?

What is the Model-View-Controller?

Addendum: Interface Implementation

Page 49: CSE440: Introduction to HCI

Why do we use tools?

What is the Model-View-Controller?

What has UI design learned from animation?

Addendum: Interface Implementation

Page 50: CSE440: Introduction to HCI

Remember Both Sides of this Course

This course emphasized bothGetting the Right DesignGetting the Design Right

Many people fall into a trap of the latterNot everybody was even trained in the former

Be mindful of your methodsUnderstand your actual goal

Page 51: CSE440: Introduction to HCI

Ask me something!