![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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/1.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/2.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/3.jpg)
![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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/4.jpg)
![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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/5.jpg)
![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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/6.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/7.jpg)
![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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/8.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/9.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/10.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/11.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/12.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/13.jpg)
![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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/14.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/15.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/16.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/17.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/18.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/19.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/20.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/21.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/22.jpg)
![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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/23.jpg)
![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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/24.jpg)
![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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/26.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/27.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/28.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/29.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/30.jpg)
![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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/31.jpg)
“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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/32.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062518/56649d565503460f94a34a50/html5/thumbnails/33.jpg)
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.