1 / 33

User Interface Design Essentials: Theory, Psychology, and Tools

Explore the theory, psychology, and tools behind user interface design, with practical application to your projects. Understand initial design concepts, cognitive walkthroughs, iterative design, and user testing. Delve into advanced UI topics and techniques to enhance your designs.

aely
Download Presentation

User Interface Design Essentials: Theory, Psychology, and Tools

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CS 485/515General course outline URL: crl.nmsu.edu/~ogden/cs485 • 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

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

  3. Which is more obvious?

  4. 2004

  5. 2007

  6. 2008

  7. 2009

  8. 2010

  9. 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.

  10. Same or different? A A A A A A A a A B Even simple decisions require thought and depend on context

  11. Florida Butteryfly Ballot Did the user (voter) see the arrow? How do you know?

  12. 19,120 ballots in West Palm Beach were disqualified/nullified because of double voting. Margin of victory was 512 votes.

  13. Sample Ballot Sample ballot looks easier when the holes are missing.

  14. Presidential page is different from all other ballots.

  15. Linear Visual Search

  16. Numeric Mapping

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

  18. 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.

  19. Remember the cow

  20. Today’s questions • What is an interface? • What is a good interface?

  21. Push or Pull ?

  22. “Designer” Door

  23. 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

  24. 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.

More Related