Iue slides 2015 final
Download as PPTX, PDF0 likes484 views
This document discusses best practices in user interface design. It explains that best practices are about people, not the user interface, code, or being cool. It emphasizes understanding user needs and fitting interfaces to users rather than forcing users to adapt to technology. Some key aspects of best practice include organization, wayfinding, consistency, and error prevention. The document provides examples of both poor and good practices for site organization and navigation consistency. It stresses finding the real user need and creating designs that meet those needs efficiently and effectively.
Iue slides 2015 final
- 1. What is this Best Practice Thing?
- 2. Bruce Shields Usability Manager/ForeSee by Answers You can contact me at: bruce.shields@answers.com www.linkedin.com/in/bruceshields http://www.slideshare.net/bruce0shields /iue-slides-2015-final
- 3. So, What is Best Practice?
- 5. So, What is Best Practice? First, let’s talk about what it’s not
- 6. Best Practice is not about the UI Efficiency Effectiveness
- 7. Best Practice is also NOT about: ➔Code ◆ The machine doesn’t matter ◆ Your users don’t care ➔ Cool ◆ “If the user can’t use it, it doesn’t work.” ● Susan Dray
- 9. What does that mean??? Can you count the passes? https://www.youtub e.com/watch?v=vJ G698U2Mvo
- 10. But did you see this guy?
- 11. So, what’s the Best Practice here? ➔ If you are asking users to perform a complex task, don’t expect them to see a gorilla at the same time ➔ If they are checking out don’t make them go elsewhere to find a promo code, they won’t—and won’t purchase without one
- 12. “Best Practice is about fitting the interface to the user rather than forcing the user to adapt to technology
- 13. The Original List: Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Match between system and the real world The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system- oriented terms. User control and freedom Support undo and redo. Consistency and standards Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions. Error prevention Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Recognition rather than recall Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Flexibility and efficiency of use Accelerators -- unseen by the novice user -- may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions. Aesthetic and minimalist design Dialogues should not contain information which is irrelevant or rarely needed. Help users recognize, diagnose, and recover from errors Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution. Help and documentation Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.
- 15. Best Practices: Existing Sites ➔ Organization: ◆ People create buckets in their heads, use them ◆ Find out how they would organize your content ➔ Don’t do this:
- 16. Best Practices For Existing Sites ➔ Or this:
- 17. Best Practices: Existing Sites ➔ Wayfinding, users need to answer three questions: ◆ Where am I? ◆ How do I get where I need to go? ◆ What’s around me?
- 18. Best Practices: Existing Sites Notice the different global navigation!
- 19. Best Practices: Existing Sites ➔ Consistency: ◆ Navigation
- 20. Best Practices: Existing Sites ➔ Consistency: ◆ Link Behavior - Documents
- 21. Best Practices: Existing Sites ➔ Consistency: ◆ Link Behavior – Browser Windows
- 22. Best Practices: Existing Sites ➔ Labeling
- 23. Best Practices: Existing Sites ➔ Labeling
- 24. That’s Great! But how is that useful for design?
- 26. The Ultimate Best Practice
- 27. What’s my need? Some weeks my calendar looks like this
- 28. What’s my need? My handwriting always looks like this
- 29. The Need? It’s to remember what goes on in all those meetings
- 30. Writing is the answer?
- 31. The Need ➔ Security: ◆ Is my information safe? ◆ Is my money safe?
- 32. The Need ➔ Control: ◆ Am I making a good decision? ◆ Will this work for me?
- 33. The Need ➔ Convenience: ◆ Make it easy and they will buy
- 34. One last example
- 35. In pediatric applications, hospitals had to sedate 80% of small children who needed MRIs
- 36. Enter Doug Dietz
- 37. Enter Doug Dietz
- 38. Enter Doug Dietz The sedation rate in pediatric units fell to .01%
- 39. Best Practice: It’s not about: • UIs • Code • Cool It is about: • People • Organization • Wayfinding • Consistency Find the need! Efficiency Effectiveness
- 40. Thanks! Any questions? You can contact me at: bruce.shields@answers.com www.linkedin.com/in/bruceshields http://www.slideshare.net/bruce0shi elds/iue-slides-2015-final
Editor's Notes
- #7: That is not to say there aren’t BPs that apply to the interface. Talk about underlying principles.
- #8: 2006 recipient of SIGCHI lifetime service. Faculty online user experience institute.
- #14: Talk about heuristics and how ours are a lot more granular.
- #15: Talk about using Best Practice to design. Automate the routine stuff to concentrate on the high level innovations.
- #20: Talk about the Everything link here.
- #38: Doug Dietz: aromatherapy pina colada. “Can we come back tomorrow.” Patient satisfaction went up 92%.