SlideShare a Scribd company logo
Creating a Great User
Experience in SharePoint
Marc D Anderson
Who Is Marc?
•
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?
We’ll look at good and bad examples from
SharePoint itself, as well as specific
customizations.
The Problem
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 | PCWorld
http://www.pcworld.com/article/2027391/microsoft-sharepoint-faces-a-challenging-future-forrester.html
SharePoint Adoption Faces Three Barriers: Mobile, Social, Cloud
http://www.slideshare.net/johnrrymer/share-point-survey-2012-slideshare
What’s the Solution?
 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.
SharePoint
Microsoft Doesn't Advise You Customize SharePoint 2013
http://www.cmswire.com/cms/information-management/microsoft-doesnt-advise-you-customize-sharepoint-2013-016608.php
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
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/
How Can We
Succeed?
Form vs. Function
The Form v Function Ratio by Dan Antion http://www.aiim.org/community/blogs/expert/The-Form-v-Function-Ratio
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/
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.
If it’s too slow or cumbersome
to you, guess what? It’s worse
for your users.
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”
Agile with a small “a” – roll with the punches
Consultative Services
Don’t expect your users to
understand all functionality
Training can’t cover everything:
demonstrate patterns
Be an internal consultant
“How can I help you to solve
your requirements?”
Use the “Mom Test”
•
•
•
•
•
Don’t Talk About Budget (Too Much)
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
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 in
2012. How long were subjects
willing to be patient?
Do you think that’s gotten any longer?
Size Matters
Views should show the amount
of information required to
make decisions, no more
Carefully balance server side
and client side code
Large images can kill the UX
Lowest Common Denominator
Know your user base
‒Browsers
 Brands
 Versions
‒Screens
 Size
 Resolution
 Shape
‒Bandwidth
Available RAM
Image from NetMarketShare – timeframe = Q1 2014
http://www.netmarketshare.com/browser-market-share.aspx?qprid=2&qpcustomd=0&qptimeframe=Q
“It works on my machine”
doesn’t cut it.
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
Image 2: F-Shaped Pattern For Reading Web Content http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
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
Error Messages
Please, please, please NEVER:
“Contact your administrator”
Correlation IDs – Good idea,
horrible execution, especially
for SharePoint Online
 Tell the user:
‒ What happened?
‒ What did I do to make it happen?
‒ How can I fix it?
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
Seek and Ye Shall Find…
Search is about finding, not searching
Search is not just a search box
Requires regular care and feeding
Use search to drive effects
Additional Thoughts and Contradictions
Consistency to a fault - Don’t be
constrained by what SharePoint
gives you
Yet, 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”
Remember…
Form vs. Function
The Form v Function Ratio by Dan Antion http://www.aiim.org/community/blogs/expert/The-Form-v-Function-Ratio
Thank you to our sponsors!
Contact Information
Email marc.anderson@sympraxisconsulting.com
Twitter @sympmarc
Blog http://sympmarc.com
SPServices http://spservices.codeplex.com
SPXSLT http://spxslt.codeplex.com
Books http://sympmarc.com/books
The Middle Tier Manifesto http://bit.ly/middletier

More Related Content

PPT
Web Usability Site Design
PDF
UX Lesson 6: Visual Hierarchy
PPTX
Usability audit
PPTX
Web usability MKS
PDF
UX Trends 2016
PDF
Web Design Trends e-Book
PDF
Fundamentals of Web Design - Professional Development Workshop
PDF
Bank Chris - Web UI Design Patterns - 2014
Web Usability Site Design
UX Lesson 6: Visual Hierarchy
Usability audit
Web usability MKS
UX Trends 2016
Web Design Trends e-Book
Fundamentals of Web Design - Professional Development Workshop
Bank Chris - Web UI Design Patterns - 2014

What's hot (20)

PPT
Mobile UI Design Patterns
PDF
The definitive guide to Web flowcharts
PPTX
Academy PRO: UI\UX. Introduction.
PDF
Uxpin mobile UI Design Patterns 2014
PDF
Web Design Trends 2017
PDF
What Makes an App Great?
PDF
Web UI Design Patterns 2014
PDF
Putting the "User" back in User Experience
PPTX
PlayNetwork: UX Design Process and Artifacts
PPTX
UX / UI Mobile Trends
PDF
The guide to wireframing
PDF
A primer on ux design
PDF
Mobile is all about touch
PPTX
UX/UI Design : Methodology . Artifacts . Acumen
PPT
Joel Baskin UX Design and Artifacts
PDF
Portfolio_UX Designer Miona Bojanovic
PDF
Wireframing
PPT
Ajax Usability for AjaxWorld
PDF
Why UI & UX Design Matters? For building digital and software products
PDF
Mobile Information Architecture and Interaction Design
Mobile UI Design Patterns
The definitive guide to Web flowcharts
Academy PRO: UI\UX. Introduction.
Uxpin mobile UI Design Patterns 2014
Web Design Trends 2017
What Makes an App Great?
Web UI Design Patterns 2014
Putting the "User" back in User Experience
PlayNetwork: UX Design Process and Artifacts
UX / UI Mobile Trends
The guide to wireframing
A primer on ux design
Mobile is all about touch
UX/UI Design : Methodology . Artifacts . Acumen
Joel Baskin UX Design and Artifacts
Portfolio_UX Designer Miona Bojanovic
Wireframing
Ajax Usability for AjaxWorld
Why UI & UX Design Matters? For building digital and software products
Mobile Information Architecture and Interaction Design
Ad

Viewers also liked (9)

PPTX
Agile Practices Proven in Highly Regulated Environments by Craig Langenfeld
PDF
Anandharaj.G_SharepointDeveloper
PDF
Metalogix and KMA - Planning your SharePoint Migration
PPTX
SharePoint 2016 Migration Success Takes Three Steps
PPTX
SharePoint Migration Series: Success Takes Three Actions
PDF
What is OneDrive for Business and What Does it Do?
PPTX
OneDrive for Business Best Practices
PDF
Collab 365 - Real world scenarios to migrate to SharePoint 2016 or Office 365
PPT
Biotic Interactions
Agile Practices Proven in Highly Regulated Environments by Craig Langenfeld
Anandharaj.G_SharepointDeveloper
Metalogix and KMA - Planning your SharePoint Migration
SharePoint 2016 Migration Success Takes Three Steps
SharePoint Migration Series: Success Takes Three Actions
What is OneDrive for Business and What Does it Do?
OneDrive for Business Best Practices
Collab 365 - Real world scenarios to migrate to SharePoint 2016 or Office 365
Biotic Interactions
Ad

Similar to DWCNZ - Creating a Great User Experience in SharePoint (20)

PPTX
SharePointFest Konferenz 2016 - Creating a Great User Experience in SharePoint
PPTX
SPS Jersey 2014 - Creating a Great User Experience in SharePoint
PPTX
SPC Adriatics 2016 - Creating a Great User Experience in SharePoint
PPTX
Creating a Great User Experience in SharePoint
PPTX
User-Centered Website Design
PDF
Choosing the best front end framework for web development 2020
PPTX
Good vs Evil SharePoint Customizing
PDF
Web Application Development Cost.pdf
PPT
Introduction to User Experience for Internet Company
PDF
Uxpin web ui design patterns 2014
PDF
How to Design for (Digital) Success
PDF
IA workshop
PPT
Requirements Definitions Of The Geospatial Web
PDF
Design Dynamics: Elevating UiPath Apps with UX Wireframes
PPTX
Customer perspective to Web technology choices
PPT
Usability principles 1
PPT
Performance Optimisation For Web & Mobile
PDF
Formalizing the Technical Communication and User Experience Relationship (STC...
PDF
Jennifer Garnett Resume: UI/UX Designer
PPT
From Website To Webapp Shane Morris
SharePointFest Konferenz 2016 - Creating a Great User Experience in SharePoint
SPS Jersey 2014 - Creating a Great User Experience in SharePoint
SPC Adriatics 2016 - Creating a Great User Experience in SharePoint
Creating a Great User Experience in SharePoint
User-Centered Website Design
Choosing the best front end framework for web development 2020
Good vs Evil SharePoint Customizing
Web Application Development Cost.pdf
Introduction to User Experience for Internet Company
Uxpin web ui design patterns 2014
How to Design for (Digital) Success
IA workshop
Requirements Definitions Of The Geospatial Web
Design Dynamics: Elevating UiPath Apps with UX Wireframes
Customer perspective to Web technology choices
Usability principles 1
Performance Optimisation For Web & Mobile
Formalizing the Technical Communication and User Experience Relationship (STC...
Jennifer Garnett Resume: UI/UX Designer
From Website To Webapp Shane Morris

More from Marc D Anderson (20)

PPTX
SPC2019 - Managing Content Types in the Modern World
PPTX
ECS2019 - Managing Content Types in the Modern World
PPTX
Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...
PPTX
RISPUG - Top Form - Using PowerApps to Replace List Forms
PPTX
SPCNA 2018 - Top Form - Using PowerApps to Replace List Forms
PPTX
SPCNA 2018 - The Next Great Migration - Classic to Modern
PPTX
SPS New York City 2017 - The Lay of the Land of Client-Side Development circa...
PPTX
ECS Zagreb 2017 - Content Types - Love Them or Lose It
PPTX
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
PPTX
Lions Tigers Teams - SPTechCon Austin 2017
PPTX
Oslo SP User Group - Content Types - Love Them or Lose It
PPTX
Unity Connect Haarlem 2016 - The Lay of the Land of Client-Side Development c...
PPTX
SPTechCon Boston 2016 - Creating a Great User Experience in SharePoint
PPTX
SPTechCon Boston 2016 - Content Types - Love Them or Lose It
PPTX
SPC Adriatics 2016 - Alternative Approaches to Solution Development in Office...
PPTX
SharePointFest Konferenz 2016 - Alternative Approaches to Solution Developmen...
PPTX
SPTechCon Austin 2016 - Content Types-Love Them or Lose It
PPTX
SPTechCon Austin 2016 - Creating a Great User Experience in SharePoint
PPTX
SharePoint Tech Fest Houston 2015 - Moving from SOAP to REST
PPTX
SharePoint Tech Fest Houston 2015 - Creating a Great User Experience in Share...
SPC2019 - Managing Content Types in the Modern World
ECS2019 - Managing Content Types in the Modern World
Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...
RISPUG - Top Form - Using PowerApps to Replace List Forms
SPCNA 2018 - Top Form - Using PowerApps to Replace List Forms
SPCNA 2018 - The Next Great Migration - Classic to Modern
SPS New York City 2017 - The Lay of the Land of Client-Side Development circa...
ECS Zagreb 2017 - Content Types - Love Them or Lose It
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
Lions Tigers Teams - SPTechCon Austin 2017
Oslo SP User Group - Content Types - Love Them or Lose It
Unity Connect Haarlem 2016 - The Lay of the Land of Client-Side Development c...
SPTechCon Boston 2016 - Creating a Great User Experience in SharePoint
SPTechCon Boston 2016 - Content Types - Love Them or Lose It
SPC Adriatics 2016 - Alternative Approaches to Solution Development in Office...
SharePointFest Konferenz 2016 - Alternative Approaches to Solution Developmen...
SPTechCon Austin 2016 - Content Types-Love Them or Lose It
SPTechCon Austin 2016 - Creating a Great User Experience in SharePoint
SharePoint Tech Fest Houston 2015 - Moving from SOAP to REST
SharePoint Tech Fest Houston 2015 - Creating a Great User Experience in Share...

Recently uploaded (20)

PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Machine learning based COVID-19 study performance prediction
PDF
Empathic Computing: Creating Shared Understanding
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
Big Data Technologies - Introduction.pptx
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Encapsulation theory and applications.pdf
PDF
Approach and Philosophy of On baking technology
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Network Security Unit 5.pdf for BCA BBA.
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPT
Teaching material agriculture food technology
PDF
Modernizing your data center with Dell and AMD
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
Cloud computing and distributed systems.
The Rise and Fall of 3GPP – Time for a Sabbatical?
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Machine learning based COVID-19 study performance prediction
Empathic Computing: Creating Shared Understanding
Building Integrated photovoltaic BIPV_UPV.pdf
Spectral efficient network and resource selection model in 5G networks
Big Data Technologies - Introduction.pptx
MYSQL Presentation for SQL database connectivity
Encapsulation theory and applications.pdf
Approach and Philosophy of On baking technology
Chapter 3 Spatial Domain Image Processing.pdf
Network Security Unit 5.pdf for BCA BBA.
“AI and Expert System Decision Support & Business Intelligence Systems”
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Teaching material agriculture food technology
Modernizing your data center with Dell and AMD
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Unlocking AI with Model Context Protocol (MCP)
Advanced methodologies resolving dimensionality complications for autism neur...
Cloud computing and distributed systems.

DWCNZ - Creating a Great User Experience in SharePoint

  • 1. Creating a Great User Experience in SharePoint Marc D Anderson
  • 3. 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? We’ll look at good and bad examples from SharePoint itself, as well as specific customizations.
  • 5. 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 | PCWorld http://www.pcworld.com/article/2027391/microsoft-sharepoint-faces-a-challenging-future-forrester.html SharePoint Adoption Faces Three Barriers: Mobile, Social, Cloud http://www.slideshare.net/johnrrymer/share-point-survey-2012-slideshare
  • 6. What’s the Solution?  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. SharePoint Microsoft Doesn't Advise You Customize SharePoint 2013 http://www.cmswire.com/cms/information-management/microsoft-doesnt-advise-you-customize-sharepoint-2013-016608.php
  • 7. 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
  • 8. 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/
  • 10. Form vs. Function The Form v Function Ratio by Dan Antion http://www.aiim.org/community/blogs/expert/The-Form-v-Function-Ratio
  • 11. 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/
  • 12. 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. If it’s too slow or cumbersome to you, guess what? It’s worse for your users.
  • 13. 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” Agile with a small “a” – roll with the punches
  • 14. Consultative Services Don’t expect your users to understand all functionality Training can’t cover everything: demonstrate patterns Be an internal consultant “How can I help you to solve your requirements?”
  • 15. Use the “Mom Test” • • • • •
  • 16. Don’t Talk About Budget (Too Much) 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
  • 17. 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 in 2012. How long were subjects willing to be patient? Do you think that’s gotten any longer?
  • 18. Size Matters Views should show the amount of information required to make decisions, no more Carefully balance server side and client side code Large images can kill the UX
  • 19. Lowest Common Denominator Know your user base ‒Browsers  Brands  Versions ‒Screens  Size  Resolution  Shape ‒Bandwidth Available RAM Image from NetMarketShare – timeframe = Q1 2014 http://www.netmarketshare.com/browser-market-share.aspx?qprid=2&qpcustomd=0&qptimeframe=Q “It works on my machine” doesn’t cut it.
  • 20. 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 Image 2: F-Shaped Pattern For Reading Web Content http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
  • 21. 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
  • 22. Error Messages Please, please, please NEVER: “Contact your administrator” Correlation IDs – Good idea, horrible execution, especially for SharePoint Online  Tell the user: ‒ What happened? ‒ What did I do to make it happen? ‒ How can I fix it?
  • 23. 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
  • 24. Seek and Ye Shall Find… Search is about finding, not searching Search is not just a search box Requires regular care and feeding Use search to drive effects
  • 25. Additional Thoughts and Contradictions Consistency to a fault - Don’t be constrained by what SharePoint gives you Yet, 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”
  • 27. Form vs. Function The Form v Function Ratio by Dan Antion http://www.aiim.org/community/blogs/expert/The-Form-v-Function-Ratio
  • 28. Thank you to our sponsors!
  • 29. Contact Information Email marc.anderson@sympraxisconsulting.com Twitter @sympmarc Blog http://sympmarc.com SPServices http://spservices.codeplex.com SPXSLT http://spxslt.codeplex.com Books http://sympmarc.com/books The Middle Tier Manifesto http://bit.ly/middletier