creating a great user experience in sharepoint by marc anderson - sptechcon
DESCRIPTION
Technical Class: Monday, MarcgTRANSCRIPT
![Page 1: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/1.jpg)
Creating a Great User Experience in SharePoint
SPTechCon SFO 2013
![Page 2: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/2.jpg)
Who Is Marc?• Co-Founder and President of Sympraxis
Consulting LLC, located in the Boston suburb of Newton, MA, USA. Sympraxis focuses on enabling collaboration throughout the enterprise using the SharePoint application platform.
• Almost 30 years of experience in technology professional services and software development. Over a wide-ranging career in consulting as well as line manager positions, Marc has proven himself as a problem solver and leader who can solve difficult technology problems for organizations across a wide variety of industries and organization sizes.
• Three-time awardee of the Microsoft MVP award for SharePoint Server (2011, 2012, 2013).
![Page 3: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/3.jpg)
Session Overview
• Building solutions in SharePoint isn’t simply about getting the functionality right based on the business requirements.
• Developers and designers must think about the entire user experience.• How should the user feel when they use this
piece of functionality?• Will they see it as saving them work or creating
new work?• How will it compare to what they see on the
consumer Web?
![Page 4: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/4.jpg)
Forrester Report on SharePoint Adoption“Dissatisfaction is centered on several areas, including adoption challenges, a dislike for the SharePoint user experience, a preference for other tools like email and skepticism over its business value.”“Business management’s dissatisfaction with SharePoint and perception of its value is hurt by uninspired user experiences.
Microsoft SharePoint faces a challenging future: Forrester | PCWorldhttp://www.pcworld.com/article/2027391/microsoft-sharepoint-faces-a-challenging-future-forrester.htmlSharePoint Adoption Faces Three Barriers: Mobile, Social, Cloudhttp://www.slideshare.net/johnrrymer/share-point-survey-2012-slideshare
![Page 5: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/5.jpg)
What’s the Solution?
SharePoint
Use SharePoint as an out-of-box application whenever possible - We designed the new SharePoint UI to be clean, simple and fast and work great out-of-box. We encourage you not to modify it which could add complexity, performance and upgradeability and to focus your energy on working with users and groups to understand how to use SharePoint to improve productivity and collaboration and identifying and promoting best practices in your organization. “The New SharePoint” by Jeff Teper on the Microsoft SharePoint Team Blog
http://sharepoint.microsoft.com/blog/Pages/BlogPost.aspx?pID=1012
![Page 6: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/6.jpg)
What Is “User Experience”?
User experience (UX or UE) involves a person's emotions about using a particular product, system or service. User experience
highlights the experiential, affective, meaningful and valuable aspects of
human-computer interaction and product ownership.
How does the user feel when they are finished with using
SharePoint?
“User experience” from Wikipedia http://en.wikipedia.org/wiki/User_experience
![Page 7: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/7.jpg)
Consumer Web
• The consumer Web is both a source of inspiration and an anathema for enterprise developers
• Our users expect no less than what they see on Facebook, Dropbox, Google, etc.
• It’s an expectations problem
Image from The Conversation Prism http://www.theconversationprism.com/
![Page 8: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/8.jpg)
How Can We Succeed?
![Page 9: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/9.jpg)
Form vs. Function
Form FunctionTypically the domain of Designers, Marketing folks
Typically the domain of Developers, IT folks
RealityIt has to be both:“function requires
form” The Form v Function Ratio by Dan Antion http://www.aiim.org/community/blogs/expert/The-Form-v-Function-Ratio
![Page 10: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/10.jpg)
Information Architecture
A sound Information Architecture provides:• Consistency• Simpler maintenance• One version of the truth
Use wisely:• Content Types• Managed metadata• List-based Site Columns
Image from “Explain IA Poster” http://userallusion.com/blog/2010/10/explain-ia-poster/
![Page 11: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/11.jpg)
Be the User
• Don’t think about what SharePoint does or how it does it. Think about what your users want.
• Too many developers eschew SharePoint as a collaboration tool. Use what you build.
![Page 12: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/12.jpg)
Collaborative Development
• Sit with your users• Listen to what they
are asking for• Repeat what they
want• Iterate, iterate,
iterate• Lather, rinse, repeat
– It’s never “done”.
![Page 13: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/13.jpg)
Consultative Services
• Don’t expect your users to understand everything
• Training can’t cover everything
• Be an internal consultant
• “How can I help you to solve your requirements?”
![Page 14: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/14.jpg)
Use the “Mom Test”
Questions to ask:• Can a relatively
inexperienced technophobe make sense of this?
• Do we feel like people will need training? Why?
• How often will they use it?
• Is it visually appealing?• Is it “accessible”?
![Page 15: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/15.jpg)
Don’t Talk About Budget
• Your end users don’t care about your budget
• Figure out how to help them
• Look for quick wins – they can help fund the big changes
• Decide if the workloads SharePoint supports are important enough
• Find executive support
![Page 16: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/16.jpg)
Speed Matters
Two Seconds
Boston Globe, February 02, 2013: Instant gratification is making us perpetually impatient ow.ly/i8Pth
Ramesh Sitaraman, a computer science professor at UMass Amherst, examined the viewing habits of 6.7 million internet users in a study released last fall. How long were subjects willing to be patient?
![Page 17: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/17.jpg)
Size Matters
• Large images can kill the UX
• Views should show the amount of information required to make decisions, no more
• Carefully balance server side and client side code
![Page 18: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/18.jpg)
Lowest Common Denominator• Know your user base• Browsers• Brands• Versions• Screens• Size• Resolution• Shape• Bandwidth• Available RAM
![Page 19: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/19.jpg)
Mind the Fold
• If users have to scroll every time they land on a page, you’ve put things in the wrong place• Eyes scan from upper left to lower right, much as a TV “paints” the screen
![Page 20: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/20.jpg)
Use Real Estate Wisely
• Decide on your design aesthetic• Few dense pages vs. many sparse pages• Graphics vs. text• Color vs. monochrome
• Pet Peeve: Executive images or senseless banners
![Page 21: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/21.jpg)
Error Messages
• Please, please, please NEVER: “Contact your administrator”
• Correlation IDs – Good idea, horrible execution, especially for SharePoint Online
• What happened?• What did I do to make it happen?• How can I fix it?
![Page 22: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/22.jpg)
Relinquish Control
• Remove the developer from the equation
• List-Based Settings vs. Property bags
• Give users control – it’s their system
• Focus on important development work
![Page 23: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/23.jpg)
SharePoint 2010 Example:Switching Views
![Page 24: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/24.jpg)
Additional Thoughts and Contradictions• Consistency to a fault
- Don’t be constrained by what SharePoint gives you
• You’ve bought a box, don’t stray too far out of it
• Name it – It’s not SharePoint
• Visual cues – not just text
It always comes back to “It Depends”
![Page 25: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/25.jpg)
Remember…
![Page 26: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/26.jpg)
Form vs. Function
Form FunctionTypically the domain of Designers, Marketing folks
Typically the domain of Developers, IT folks
RealityIt has to be both:“function requires
form” The Form v Function Ratio by Dan Antion http://www.aiim.org/community/blogs/expert/The-Form-v-Function-Ratio
![Page 27: Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062513/55511dd8b4c905b1138b5177/html5/thumbnails/27.jpg)
Contact InformationeMail marc.anderson@sympraxisconsulting.
comBlog http://sympmarc.com
SPServices http://spservices.codeplex.com
SPXSLT http://spxslt.codeplex.com
eBook http://bit.ly/UnlockingDVWP
The Middle Tier Manifesto
http://bit.ly/middletier