One User Experience for Better Usability, Accessibility & SEO
•
3 gefällt mir•880 views
I presented this talk at SharePoint Conference.Org 2011.
Empfohlen
Weitere ähnliche Inhalte
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Empfohlen
Empfohlen (20)
One User Experience for Better Usability, Accessibility & SEO
- 1. One User Experience for Better Usability, Accessibility & SEO John H Douglass twitter @JDouglass email jdouglass@apcoworldwide.com work APCO Worldwide
- 2. Introduction
- 3. To truly succeed in usability, accessibility or optimization individually, we need to pay attention to them all. flickr photo: @photolivier
- 4. Usability • “I can’t remember where that report is on our intranet.” • “Why can’t I upload my video?” • “It takes me forever to enter my time.” • “What am I supposed to do next?” • “The search doesn’t work.”
- 5. Accessibility • “I can’t distinguish green and red.” • “My dad is losing his hearing.” • “My right hand will be in a cast for two months.” • “I’m using my iPhone.” • “I don’t know how to use our intranet.”
- 6. Optimization (SEO) • “What’s new on the iPad 2?” • “I need help with my taxes.” • “Who has the best seafood in the city?” • “Who else hates the 5 cents bag tax?”
- 7. “[User Experience] is a common awareness, a thread that ties together people from different disciplines who care about good design, and who realize that today’s increasingly complex design challenges require the synthesis of different varieties of design expertise.” Louis Rosenfeld Rosenfeld Media
- 8. EM E PA AT TH VA LID I T E R AT E IZ E
- 9. A Broken Experience EM E PA AT TH VA LID IZ E I T E R AT E 2006 - 2008
- 10. A Broader Picture EM E PA AT TH VA LID IZ E I T E R AT E 1904 - 1962
- 11. EM E PA AT TH VA LID I T E R AT E IZ E
- 12. How Do We Improve Usability, Accessibility and SEO by Focusing on the Holistic Experience?
- 13. EM E PA AT TH VA LID I T E R AT E IZ E
- 14. EM E E PA AT AT TH VA LID VA LID I T E R AT E IZ E
- 15. EM E PA AT A TH VA LID VA LID IZ E I T E R AT E Understand and share another person's perspective, feelings and needs Empathize
- 16. EM E PA AT A TH VA LID VA LID Understand & Share IZ E I T E R AT E Empathize
- 17. EM E PA AT A TH VA LID VA LID Perspective, Feelings, Needs IZ E I T E R AT E Pitch? 53 Definitions Empathize
- 18. EM E PA AT A TH VA LID VA LID IZ E Best Processes & Practices I T E R AT E 1. Identify a Design Challenge 2. Target Your Audience 3. Choose Your Method 4. Identify Patterns & Themes 5. Use Relevant Nomenclature 6. Accommodate for Flow 7. Use Friendly Menus and Navigation Empathize
- 19. EM E PA AT A TH VA LID VA LID 1. Identify a Design Challenge IZ E I T E R AT E Empathize
- 20. EM E PA AT A TH VA LID VA LID 2. Target Your Audience IZ E I T E R AT E Empathize
- 21. EM E PA AT A TH VA LID VA LID 3. Choose Your Method IZ E I T E R AT E Empathize
- 22. EM E PA AT A TH VA LID VA LID 4. Identify Patterns & Themes IZ E I T E R AT E Empathize
- 23. EM E PA AT A TH VA LID VA LID 4. Use Relevant Nomenclature IZ E I T E R AT E • Use meaningful page names, titles and text • Create friendly URLS • Avoid jargon • Always use appropriate anchor, alt and descriptive text Empathize
- 24. EM E PA AT A TH VA LID VA LID 5. Accommodate for Flow IZ E I T E R AT E • Stay out of people’s way • Present few choices • Give a clear scent of information • Load pages quickly (review via SP developer dashboard) Empathize
- 25. EM E PA AT A TH VA LID VA LID 6. Use Friendly Navigation IZ E I T E R AT E • Avoid using Flash / Silverlight / Javascript for navigation menus. • Provide alternatives for interactive elements, when possible. Empathize
- 26. M EM E PA PA AT TH TH VA LID IZ E I T E R AT E IZ E
- 27. EM EM E E PA PA AT AT TH TH VA LID VA LID IZ E IZ E I T E R AT E I T E R AT E Evaluate, brainstorm, and prototype ideas to find the best Iteration
- 28. EM EM E E PA PA AT AT TH TH VA LID VA LID Collaboration Over Artifacts IZ E IZ E I T E R AT E I T E R AT E Iteration
- 29. EM EM E E PA PA AT AT TH TH VA LID VA LID Best Process & Practices IZ E IZ E I T E R AT E I T E R AT E 1. Create Opportunity Areas 2. Brainstorm Solutions 3. Follow the Rules 4. Prototype Ideas 5. (But) Don’t Fall in Love 6. Go Mobile First 7. Be Inclusive & Collaborative Iteration
- 30. EM EM E E PA PA AT AT TH TH VA LID VA LID 1. Create Opportunity Areas IZ E IZ E I T E R AT E I T E R AT E Iteration
- 31. EM EM E E PA PA AT AT TH TH VA LID VA LID 2. Brainstorm Solutions IZ E IZ E I T E R AT E I T E R AT E Iteration
- 32. EM EM E E PA PA AT AT TH TH VA LID VA LID 3. Follow the Rules IZ E IZ E I T E R AT E I T E R AT E 1. Defer judgement 2. Encourage wild ideas 3. Build on the ideas of others 4. Be visual 5. Stay focused on the topic 6. One conversation at a time 7. Go for quantity Iteration
- 33. EM EM E E PA PA AT AT TH TH VA LID VA LID 4. Prototype Ideas IZ E IZ E I T E R AT E I T E R AT E Iteration
- 34. EM EM E E PA PA AT AT TH TH VA LID VA LID 5. Don’t Fall in Love IZ E IZ E I T E R AT E I T E R AT E • Prototypes should be rough and rapid • Disposable tools to help validate and generate ideas • Not just for interface design • What question is a prototype answering? Usability, findability, accessibility? Iteration
- 35. EM EM E E PA PA AT AT TH TH VA LID VA LID 6. Go Mobile First IZ E IZ E I T E R AT E I T E R AT E • Enhancing the mobile experience can also improve accessibility and vice versa. • Focus on core actions • Use scalable design • Focus on innovation Iteration
- 36. EM EM E E PA PA AT AT TH TH VA LID VA LID 7. Be Inclusive & Collaborative IZ E IZ E I T E R AT E I T E R AT E • Remember the holistic experience • Include admins, analysts, designers, developers, managers • Illustrate complexity of issues to stakeholders • Get buy-in early Iteration
- 37. EM E PA AT TH VA LID I T E R AT E IZ E
- 38. EM E PA AT TH VA LID IZ E I T E R AT E Fail early and fail often Validate
- 39. photo: Jimmy Chandler (uxprinciples.com) Validate
- 40. EM E PA AT TH VA LID Best Processes & Practices IZ E I T E R AT E 1. Choose Your Test 2. Follow the Analytics Trinity 3. Conduct Evaluative Interviews 4. Include Disabled in Testing 5. Follow Principle of One 6. Go Remote 7. Focus on a Continuum Validate
- 41. EM E PA AT TH VA LID 1. Choose Your Test IZ E I T E R AT E Tuxedo Guerilla Validate
- 42. EM E PA AT TH VA LID 2. Follow the Analytics Trinity IZ E I T E R AT E • Experience • Behavior • Outcomes image: Avinash Kaushik Validate
- 43. EM E PA AT TH VA LID 3. Conduct Evaluative Interviews IZ E I T E R AT E • Solicit honest feedback, even if negative • Improvise on the fly • Build on ideas. Ask “should”. Validate
- 44. EM E PA AT TH VA LID 4. Include Disabled in Testing IZ E I T E R AT E Including at least one person in testing: • Provides insight into mental models, behaviors & habits • Transcends “checklist” development mentality • Brings struggles to life • Increase buy-in potential Validate
- 45. EM E PA AT TH VA LID 5. Follow Principle of One IZ E I T E R AT E 1. Test or talk to one person, at least 2. Go guerilla 3. Fight intimation 4. Leverage the many resources available Validate
- 46. EM E PA AT TH VA LID 6. Go Remote IZ E I T E R AT E Validate
- 47. EM E PA AT TH VA LID 7. Focus on a Continuum IZ E I T E R AT E Accessibility, optimization and usability operate on sliding scale. Validate
- 48. APCO IN - Challenge
- 49. APCO IN - Solution
- 50. APCO IN - Results “We were under real time pressure – APCO IN was easy to use and we found all the documents really easily. Without it, we would really have struggled to meet the deadline on what was an important new business prospect.” APCO Employee
- 51. EM E PA AT TH VA LID I T E R AT E IZ E
- 52. EM E PA AT TH VA LID Resources IZ E I T E R AT E Introduction • Peter Morville’s honeycomb: http://semanticstudios.com/ • A Project Guide to User Experience (Unger / Chandler) • Information Architecture for the World Wide Web (Morville / Rosenfeld) • About Face 3: Essentials of Interaction Design (Cooper / Reimann / Cronin) • UXExchange.com / Alltop - User Interface / Quora.com Empathize • Observing the User Experience (Kuniavsky) • Design of Everyday Things & Emotional Design (Norman) • Card Sorting (Spencer) • Mental Models (Young)
- 53. EM E PA AT TH VA LID Resources IZ E I T E R AT E Iterate • Gamestorming (Gray) (http://www.gogamestorm.com/) • Prototyping: A Practitioner's Guide (Warfel) • Paper Prototyping (Snyder) • Luke Wroblewski’s on “Designing for Mobile First” (http://bit.ly/4j9TXI) • Sketching User Experiences (Buxton) • Mental Notes (http://getmentalnotes.com/) Validate • Rocket Surgery Made Easy (Krug) • Web Analytics in an Hour a Day (Kaushik) • Just Ask: Integrating Accessibility Throughout Design (http://www.uiaccess.com/ JustAsk/) • Remote testing Google spreadsheet: http://bit.ly/hPNUrl
- 54. Thank You Rate my presentation! http://spkr8.com/t/5819 John H Douglass twitter @JDouglass email jdouglass@apcoworldwide.com work APCO Worldwide