Web Usability in the Enterprise with Ajax
- 1. Web Usability in the Enterprise Andre Charland Co-Founder and CEO Nitobi
- 2. First Off.. The user interface is the application stupid!
- 3. Usability is Learnability Efficiency Memorability Errors Satisfaction
- 4. I’m talking about Practices Pitfalls and Myths Tools Show and Tell
- 5. User Goals Achievement Task Completion Empathize with your users Define tasks and personas They shouldn’t notice your app
- 6. Design User interface patterns Mock Ups Paper Prototypes Keep it simple, but not too simple Familiar vs. intuitive
- 7. Benefits? Higher rates of task success Happier users More efficient users Saving time for users ROI
- 8. ROI? Hourly (Loaded) Labor Rate X Time Saved per Transaction X Number of Transactions per year
- 9. Calculate it Assumptions: Hourly Labor Rate: $20 Seconds Saved per Transaction: 36 Seconds Number of Transactions per year: 50,000 Savings: $10,000 500 Person Hours
- 10. Usability Testing Doesn’t have to expensive Has to be done What to test: Time for task completion Accuracy (# of mistakes Recall User satisfaction
- 11. How to do it: Recruit users Design scenarios Participant Narration No egos Record the session Test small, test often
- 12. Pitfalls and Myths Broken back button? Bookmarking Performance
- 15. FIX # For sourced download get Chapter 8 or Enterprise Ajax @ blogs.nitobi.com/dave
- 16. Performance Perceived vs Real Main Factors: Task complexity Jitter (variability of latency ) Wait time
- 17. Technical Performance Tips Take advantage of Caching Reduce File Count Optimize JavaScript gZIP JavaScript and CSS
- 18. Tools Patterns Design Tools Analysis
- 19. Patterns Yahoo Pattern Library AjaxPatterns.org
- 20. Mock Ups and Wireframes
- 21. Analysis Robot Replay Demo
- 22. Data Analysis Anecdote Microsoft designed the new office UI, the ribbon, based on lots of data 1.2 billion data sessions collected ~1.8 million sessions per day In 90 days, they tracked 352 million command bar clicks in Word Tracked 6000 individual datapoints
- 23. Show and Tell
- 24. Copy and Paste
- 25. eCommerce Single Page Check Out
- 26. Searching
- 27. In Context Soca inline editing
- 28. Action Plan Recognize the need for usability Get management support Devote specific resources Integrate systematic practices Test all interfaces for usability