33
CS 485/515 General 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

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

  • View
    214

  • Download
    0

Embed Size (px)

Citation preview

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.