Ux checklist
Download as PPTX, PDF3 likes1,976 views
Wayne Pau presented a checklist for creating usable mobile apps. The checklist includes 7 principles: 1) invisible vs. visible, 2) arbitrary vs. convention, 3) inconsistent vs. consistent, 4) unintelligible vs. informative, 5) impolite vs. courteous, 6) dangerous vs. safe, and 7) complexity vs. simplicity. For each principle, Pau provides examples and guidelines to help designers follow conventions, provide clear and helpful information to users, and create intuitive, simple experiences. The overall goal is to develop apps that are safe, consistent, and easy to use.
Ux checklist
- 1. Wayne’s Mobile UX Check-List Wayne Pau, Emerging Technologies SAP Internal
- 2. Wayne’s UX Checklist Usability Check-List for creating Usable Apps Wayne Pau, Emerging Technologies SAP Nov, 2012
- 3. UX Checklist 1. Invisible vs. Visible 2. Arbitrary vs. Convention 3. Inconsistent vs. Consistent 4. Unintelligible vs. Informative (intuitive) 5. Impolite vs. Courteous 6. Dangerous vs. Safe 7. *Complexity vs. Simplicity © 2012 SAP AG. All rights reserved. Internal 3
- 4. UX Checklist #1 - Invisible vs. Visible Make things obvious. (Clickable vs. Non) Relevant parts should be Visible Provide immediate Feedback Doors: Slide vs. Swing? Push vs. Pull? Left vs. Right? Manual vs. Automatic? © 2012 SAP AG. All rights reserved. Internal 4
- 5. UX Checklist #1 - Invisible vs. Visible © 2012 SAP AG. All rights reserved. Internal 5
- 6. UX Checklist #2 - Arbitrary vs. Convention Leverage Conventions Instructions should be Unnecessary* Knowledge exists: 1. In the World – Labels, Instructions, Warnings 2. In the Head – Conventions, Norms, Guides Leverage “In the Head” Knowledge Dominant, sub-dominant & subordinate *Help Pages are “OK”. This also does not minimize the need for support materials. © 2012 SAP AG. All rights reserved. Internal 6
- 7. UX Checklist #2 - Arbitrary vs. Convention “Almost” Everywhere Province of Quebec City of Syracuse “Irish” Traffic Light © 2012 SAP AG. All rights reserved. Internal 7
- 8. UX Checklist #2 - Arbitrary vs. Convention Aoccdrnig to rseerach at Cmabrigde Uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoatnt tihng is taht the frist and lsat ltteer be at the rghit pclae. The rset can be a total mses and you can sitll raed it wouthit porbelm. Tihs is bcuseae the huamn mnid deos not raed ervey lteter by istlef, but the wrod as a wlohe. Amzanig huh? PS: Hwo'd yuo lkie to run tihs by yuor sepll ckehcer? © 2012 SAP AG. All rights reserved. Internal 8
- 9. UX Checklist #3 - Inconsistent vs. Consistent Consistency equals Quality. Be Consistent. “Differences are Difficult” - UseIt.com “Internal Coherence” – Alan cooper “When two elements of an interface conflict or are ambiguous, the behavior should be that which will least surprise the human user.” - Principle of Least Astonishment (POLA/PLA) © 2012 SAP AG. All rights reserved. Internal 9
- 10. UX Checklist #4 - Unintelligible vs. Informative Two main goals of IxD: 1. Be Intuitive where Possible 2. Be Obvious or Self-Evident © 2012 SAP AG. All rights reserved. Internal 10
- 11. UX Checklist www.jimcarey.com © 2012 SAP AG. All rights reserved. Internal 11
- 12. UX Checklist “ #5 - Impolite vs. Courteous Most Crucial on Error Pages and Alerts User are already Stressed and “On Edge” Vulnerable to the “Halo Effect”: “If we see a person first in a good light, it is difficult subsequently to darken that light” - Edward Thorndike (1920) © 2012 SAP AG. All rights reserved. Internal 12
- 13. UX Checklist “ #5 - Impolite vs. Courteous One person’s “Rudeness” CheckList: 1. They pop up on the critical paths where a gentle touch is vital (email sign-up, shopping carts) 2. They are in red 3. THEY ARE SHOUTING AT YOU IN CAPITALS 4. They use the inaccessible language of legal professionals ("...that requires correction??") 5. You are being told off 6. You feel stupid and humiliated © 2012 SAP AG. All rights reserved. Internal 13
- 14. UX Checklist “ #5 - Impolite vs. Courteous © 2012 SAP AG. All rights reserved. Internal 14
- 15. UX Checklist #6 - Dangerous vs. Safe Is this good UX Design? © 2012 SAP AG. All rights reserved. Internal 15
- 16. UX Checklist #6 - Dangerous vs. Safe Answer: No. Users tend to pick Default option more often Users don’t Read all the options Default should be Safe or Recoverable © 2012 SAP AG. All rights reserved. Internal 16
- 17. UX Checklist #7 – Complexity vs. Simplicity Can 2 Clicks be collapsed into 1 Click? “Get rid of half the words on each page, then get rid of half of what’s Can any words be Omitted? left.” Can any steps be Shortened? - Steve Krug (2006) Can any steps be Automated? “#17 – Omit Needless Words: Vigorous writing is concise. A sentence should contain no unnecessary words, a paragraph no unnecessary sentences, for the same reason that a drawing should have no unnecessary lines and a machine no unnecessary parts.” - William Strunk, Jr. and E B. White (The Elements of Style) © 2012 SAP AG. All rights reserved. Internal 17
- 18. UX Checklist Aim for Simplicity! Less is More. “Simplicity is the ultimate sophistication.” - Leonardo da Vinci “Everything should be made as simple as possible, but not simpler.” - Albert Einstein “Nothing is more simple than greatness; indeed, to be simple is to be great.” - Ralph Waldo Emerson “..in anything at all, perfection is finally attained not when there is no loner anything to add, but to when there is no longer anything to take away..” - Antoine de St. Exupery © 2012 SAP AG. All rights reserved. Internal 18
- 19. Thank you Contact information: Wayne Pau (wayne.pau@sap.com) Emerging Technologies
Editor's Notes
- #4: - Largely based on Norman Checklist Norman p 179- #7 was added by myself, as part of LEAN principles. It’s like Steve Krug’s cute 50% of the words and then 50% again.
- #6: Window on the left is from a company called “Sky-Frame”On the right is doors we have @ waterloo. Identical Handles on both slides (Push & Pull). At least they hint which side is the higne!
- #8: Irish Traffic Light = Green always comes out on top.My Colour-Blind Friend/RED + Green Confusion in HS once drove to Quebec and almost got into an accident. He always thought the big top was RED and stop. The Bottom Green was go. When he got to Quebec and didn’t know what to do @ a intersection.
- #9: http://brainconnection.positscience.com/content/198_1
- #10: http://en.wikipedia.org/wiki/Principle_of_least_astonishmentDanO used to say to me, Consistency equals Quality. Even if it’s wrong or bad, at least it’s consistently wrong.
- #13: http://www.economist.com/node/14299211It's nice to be important, but it's more important to be nice.” – John Cassis
- #14: http://www.nonlineblogging.com/blog/2008/6/13/the-1-million-pound-error-message.html
- #15: http://www.economist.com/node/14299211http://www.thousandtyone.com/blog/TheArtOfBuildingPoliteApplicationsAndAvoidingErrorsInYourErrors.aspx(Warning is actually From About Face 3 – Alan Cooper)http://www.cooper.com/author/emma_van_niekerk/http://www.nonlineblogging.com/blog/2008/6/13/the-1-million-pound-error-message.html (required correction)http://www.liferay.com/community/forums/-/message_boards/message/7418315It's nice to be important, but it's more important to be nice.” – John Cassis
- #16: Who can tell me why this is a bad UX?
- #17: Give
- #18: Similar to LEAN principle, but I believe LEAN talks specifically for customer/client.Krug: “Get rid of half the words on each page, then get rid ofhalf of what’s left.”
- #19: Krug (2006) – Chap 2.http://en.wikipedia.org/wiki/Traffic_Light_treePierre Vivant (French) @ Canary Warf ISimilar to LEAN principle, but I believe LEAN talks specifically for customer/client.Sure, you could ask a hard-working person – but the lazy person will without fail come up with the simplest, easiest, laziest option. Most of the great inventions of our time were a boon for the lazyhttp://www.bigmouthstrikesagain.com/archives/381n London, installed 1998. However it’s been removed recently, waiting for new home.