How to Make a SharePoint      Site Intuitive  The Science of “Easy-to-Use”  Presented by Marcy Kellar
Your Speaker: Marcy Kellar      •   Principal, SharePoint Soapbox      •   Co-author of Beginning SharePoint Designer 2010...
What You Will Learn Today• How to articulate and define “easy-to-use”  (and how to measure it)• Fundamentals of user exper...
Part 1DEFINING EASY TO USE
3 Things Must Be Defined For a Site       To Be “Easy To Use”User         Task         Metrics
Question:Who is the Intended User?
This Sink Should Be Easy to UseSink, 33rd floor, Hard Rock Hotel, Chicago April 2012
Adding the User Changes Everything                                                        Where do I put my               ...
Question#2What is the Intended Task?
What is the Intended Task/Use?Photo Courtesy icanhascheezburger.com
Question #3?What Does “Easy-to-Use” Meanand How Will it be Measured?
Defining Metrics• What are you measuring?  – Time to Task?  – Completion?  – User Satisfaction?• Be Specific  – %  – Seconds
Two Ways to Define/CollectMetrics• Qualitative – Users provide anecdotal  evidence; Informal; “feedback” Subjective• Quant...
Better Than “Easy to Use”• Administrators of the site should be able to add  content using the user interface after 1 30 m...
Part 1: Takeaways• You must know who the user is before you  can define “easy to use”• Define tasks without subjective ter...
Part 2DEFINING “INTUITIVE”
Intuitive =Readily learned or   understood
Defining the Intuitive FactorWhat Your Users                 What You WantAlready Know                    Your Users To Do...
Defining the Intuitive FactorWhat Your Users                 What You WantAlready Know                    Your Users To Do...
Defining the Intuitive FactorWhat Your Users                 What You WantAlready Know                    Your Users To Do...
Part II: Intuitive Takeaways1. You must know what the user   knows to make something   “intuitive”2. Narrowing the gap bet...
Part 3SO HOW DO YOU MAKE A SITEINTUITIVE?
Step 1: Design Around UsersExpectations• Get Inside Users Minds (Interviews)• Know How Users Use the Web (Conventions)• Fo...
Users spend most of their time        on other sites       Jakobs Law of the Web User Experience
What Is Inside Users MindsPhoto Courtesy iStock
Know When To Make An ExecutiveDecision“If I had asked people whatthey wanted, they would havesaid faster horses.”Henry Ford
Follow ConventionsFound at Universal Usability Guidelines
Design Patterns• Follow Design Patterns• Design Pattern Sites   – http://patternry.com   – http://ui-patterns.com
First Law of Usability            • Don’t Make Me THINK!!            • Thought Bubbles = The              Moment When User...
Users don’t like to feel dumb       Be Consistent
Be Consistent
Takeaways : Tips for Making a SiteIntuitive• Design around users expectations• Learn Design Patterns• Follow Visual Design...
QUESTION:What 3 things should be defined tosuccessfully make a site “Easy to Use”
EXAMPLES
Alignment: Example
Example: Not Easy to Read
Corrected            By Correcting            Alignment, the Site            is easier to read,            and easier to u...
Where To Find Me• Twitter: @marcykellar• Blog: http://thesharepointmuse.com• Linkedin: http://linkedin.com/in/marcykellar
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
Upcoming SlideShare
Loading in …5
×

SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive

1,069 views
959 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,069
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
40
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive

  1. 1. How to Make a SharePoint Site Intuitive The Science of “Easy-to-Use” Presented by Marcy Kellar
  2. 2. Your Speaker: Marcy Kellar • Principal, SharePoint Soapbox • Co-author of Beginning SharePoint Designer 2010 (Wrox, October 2010) • Professor, Art Institute, Intro to User Centered Design” and “Usability Testing.” • Specialties include – SharePoint – Over 7 years experience – User experience design (UX) – SharePoint Branding and UI customization – Information architecture – Web content management – usability testing Twitter: @marcykellar Blog: http://thesharepointmuse.com Linkedin: http://linkedin.com/in/marcykellar
  3. 3. What You Will Learn Today• How to articulate and define “easy-to-use” (and how to measure it)• Fundamentals of user experience (UX) design• Techniques and Tools used to design intuitive sites• Examples of intuitive and non-intuitive solutions in SharePoint 2010
  4. 4. Part 1DEFINING EASY TO USE
  5. 5. 3 Things Must Be Defined For a Site To Be “Easy To Use”User Task Metrics
  6. 6. Question:Who is the Intended User?
  7. 7. This Sink Should Be Easy to UseSink, 33rd floor, Hard Rock Hotel, Chicago April 2012
  8. 8. Adding the User Changes Everything Where do I put my Stuff????Sink, 33rd floor, Hard Rock Hotel, Chicago April 2012
  9. 9. Question#2What is the Intended Task?
  10. 10. What is the Intended Task/Use?Photo Courtesy icanhascheezburger.com
  11. 11. Question #3?What Does “Easy-to-Use” Meanand How Will it be Measured?
  12. 12. Defining Metrics• What are you measuring? – Time to Task? – Completion? – User Satisfaction?• Be Specific – % – Seconds
  13. 13. Two Ways to Define/CollectMetrics• Qualitative – Users provide anecdotal evidence; Informal; “feedback” Subjective• Quantitative – Data. Scientific. Don’t Really Need User. (Search Fails. 404s. Logs) Objective
  14. 14. Better Than “Easy to Use”• Administrators of the site should be able to add content using the user interface after 1 30 min session of training.• Users should be able to access their profile data through each tab of the profile web part without training.• Users should be able to upload a document through the user interface in under 5 seconds.• 80% of Users of the site should report satisfaction with the site use
  15. 15. Part 1: Takeaways• You must know who the user is before you can define “easy to use”• Define tasks without subjective terminology• Metrics can be measured subjectively or objectively
  16. 16. Part 2DEFINING “INTUITIVE”
  17. 17. Intuitive =Readily learned or understood
  18. 18. Defining the Intuitive FactorWhat Your Users What You WantAlready Know Your Users To Do Current Target Knowledge Knowledge
  19. 19. Defining the Intuitive FactorWhat Your Users What You WantAlready Know Your Users To Do GAP Current Target Knowledge Knowledge
  20. 20. Defining the Intuitive FactorWhat Your Users What You WantAlready Know Your Users To Do GAP Current Target Knowledge Knowledge Expectations Culture
  21. 21. Part II: Intuitive Takeaways1. You must know what the user knows to make something “intuitive”2. Narrowing the gap between what a user knows and what you want them to know makes a site intuitive.
  22. 22. Part 3SO HOW DO YOU MAKE A SITEINTUITIVE?
  23. 23. Step 1: Design Around UsersExpectations• Get Inside Users Minds (Interviews)• Know How Users Use the Web (Conventions)• Follow Best Practices (Design Patterns)• Develop Archetype Users (Personas)
  24. 24. Users spend most of their time on other sites Jakobs Law of the Web User Experience
  25. 25. What Is Inside Users MindsPhoto Courtesy iStock
  26. 26. Know When To Make An ExecutiveDecision“If I had asked people whatthey wanted, they would havesaid faster horses.”Henry Ford
  27. 27. Follow ConventionsFound at Universal Usability Guidelines
  28. 28. Design Patterns• Follow Design Patterns• Design Pattern Sites – http://patternry.com – http://ui-patterns.com
  29. 29. First Law of Usability • Don’t Make Me THINK!! • Thought Bubbles = The Moment When User is Pulled Out of Task • Buy Steve Krug’s book, “Don’t Make Me Think”
  30. 30. Users don’t like to feel dumb Be Consistent
  31. 31. Be Consistent
  32. 32. Takeaways : Tips for Making a SiteIntuitive• Design around users expectations• Learn Design Patterns• Follow Visual Design Best Practices• Be Consistent
  33. 33. QUESTION:What 3 things should be defined tosuccessfully make a site “Easy to Use”
  34. 34. EXAMPLES
  35. 35. Alignment: Example
  36. 36. Example: Not Easy to Read
  37. 37. Corrected By Correcting Alignment, the Site is easier to read, and easier to use.
  38. 38. Where To Find Me• Twitter: @marcykellar• Blog: http://thesharepointmuse.com• Linkedin: http://linkedin.com/in/marcykellar

×