160 likes | 252 Views
SWE205 Review. Spring 2014. Why is software unusable?. Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed inside-out. Give some examples of the 7±2 rule in a software interface. Items in a menu Options in a command line interface
E N D
SWE205 Review Spring 2014
Why is software unusable? • Users are no longer trained. Why? • Feature creep • Inherently hard: a problem of communication • Designed inside-out
Give some examples of the 7±2 rule in a software interface • Items in a menu • Options in a command line interface • Steps in a process? • What do we do if there are more than 7 options? • But how do you decide on divisions?
5 criteria for measuring usability • Time to learn • Speed of performance • Rate of user error • Skill retention • Subjective satisfaction • List a product where each one is the most important • List one way each can be improved
9 golden usability principles • Consistency • What if newer is better? • Shortcuts • Where? How many? • Feedback • Examples • Closure • Error handling • Components of a good error message? • Undo • What if we can’t undo? • Customization • Reduce short term memory load • More knowledge in the world? • Design for the user • Explain each one of these on/for Amazon.com
Knowledge • Declarative vs procedural • Memorization versus a deeper understanding • Humans are imprecise; a UI must not require it • Manifest model: • Implementation: network protocols • Mental : files • Manifest model: local disk • How does a user know what to do • Transfer knowledge, seek instructions
Hypertext engineering • What are images used for? • Animation? • Scrolling? (how to avoid vertical?) • Frames? • What should I do with a link?
Nielsen’s top 10 mistakes. Fixes? • Bad search • PDFs • Link color after visit • Text blocks • Fixed font size • Un-findable pages • Ads • Violating conventions • Opening new windows • Not answering the user’s questions
How to speed up web interaction? • Create clear visual hierarchy • Take advantage of conventions • Shopping cart, etc. • Break pages up with borders and colors • Make what’s clickable obvious • Minimize noise • How do we measure speed?
Six elements of persistent navigation • Site ID • Link home • Search • Sections • Utilities • Current indicators • On all pages, except?
How to make the UI disappear? • Defaults should be most likely (or used) • 40% versus 20,000 bytes • Indicate status • Don’t use dialog boxes for normal behavior • Don’t ask questions, give choices • Make dangerous choices hard to reach
Elements of a good homepage • Same as normal webpages, plus: • Teasers • Registration • Deals • Establish credibility and trust • Taglines
Elements of good navigation • Don’t use multiple windows • Tabbed panes • Toolbars versus menus? • Avoid scrolling and linking • Breadcrumbs • Persistent screen objects
Elements of good data entry • Knowledge in the world • Use constraints • Design for error • Make software immune from bad data • Automatic repair • Ignore invalid characters • Modeless feedback for missing data
What are the four types of dialog boxes? Types of widgets and tradeoffs? • Property • Function • Bulletin • Process
HTML review • Let’s build a homepage together!