Transcript
Page 1: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

CS 485/515General course outline

• Design for people – theory and vocabulary• Just enough psychology• Task-centered procedure for user interface

design.• Tools for user interface design• Application to your own projects

– Initial design and cognitive walkthroughs– Iterative design and user tests

• Advance User Interface topics and techniques

URL: crl.nmsu.edu/~ogden/cs485

Page 2: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

Today’s theme

• It’s obvious…• (Or: It is easy when you know how)

Page 3: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools
Page 4: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools
Page 5: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools
Page 6: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

Which is more obvious?

Page 7: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools
Page 8: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

2004

Page 9: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

2007

Page 10: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

2008

Page 11: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

2009

Page 12: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

2010

Page 13: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools
Page 14: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

Is UI design easy or hard?Does it really matter?

• Even simple decisions require thought and are influenced by experience

• Al Gore – George Bush election determined by UI design.

• It is easy to blame the user.

Page 15: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

Same or different?

A AA A

A a

A A

A B

Even simple decisions require thought and depend on context

Page 16: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

Did the user (voter) see the arrow?How do you know?

Florida Butteryfly Ballot

Page 17: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

19,120 ballots in West Palm Beach were disqualified/nullified because of double voting.

Margin of victory was 512 votes.

Page 18: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

Sample ballot looks easier when the holes are missing.

Sample Ballot

Page 19: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

Presidential page is different from all other ballots.

Page 20: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

Linear Visual Search

Page 21: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

Numeric Mapping

Page 22: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools
Page 23: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools
Page 24: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools
Page 25: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

http://danbricklin.com/log/ballotusability.htm

Page 26: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

Today’s theme (restated)

• Expectations influence perceptions (aka “It’s obvious”)

• The Cow example shows us:– The more you know the less likely you will be able to

judge what others may know.– What you ‘know’ influences what you ‘see’– You can’t judge a user interface by just looking at it.

Page 27: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

Remember the cow

Page 28: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

Today’s questions

• What is an interface?• What is a good interface?

Page 29: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

Push or Pull ?

Page 30: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools
Page 31: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

“Designer”Door

Page 32: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

Good and bad design

• What is wrong with the Apex remote?

• Why is the TiVo remote so much better designed?– Peanut shaped to fit in

hand– Logical layout and

color-coded, distinctive buttons

– Easy to locate buttons

Page 33: CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology Task-centered procedure for user interface design. Tools

What is a good interface?• There is no such thing

– cf. Good furniture arrangement

• The test of quality depends on it’s context– How will the software be used? Who will use it? How

long?– How important is: Learnability? Portability? ...

• The answers vary for each application• Finding the answers is the first step in UI design• Depends on users and tasks. So we must learn

a process for figuring it out.


Recommended