CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology...

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
  • date post

    15-Jan-2016
  • Category

    Documents

  • view

    217
  • download

    0

Transcript of CS 485/515 General course outline Design for people – theory and vocabulary Just enough psychology...

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.