#SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy
-
Upload
wendy-neal -
Category
Technology
-
view
1.972 -
download
1
description
Transcript of #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy
![Page 1: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/1.jpg)
25 Usability Tips for SharePoint 2013/
SharePoint Online Sites
SharePoint Saturday Twin Cities
November 22, 2014
Wendy Neal
@SharePointWendy http://wendy-neal.com
![Page 2: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/2.jpg)
Wendy NealSenior SharePoint ConsultantMcGladreyCedar Rapids, Iowa
@SharePointWendy
facebook.com/wendynealblog
linkedin/in/wendyneal
youtube.com/sharepointwendy
plus.google.com/+WendyNeal
wendy-neal.com
• Co-author of Black Magic Solutions for White Hat SharePoint
• Co-founder of SharePoint-Community.net
• Writer for CMSWire.com
![Page 3: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/3.jpg)
Website usability overview
25 usability tipso Navigation
o Forms Etiquette
o Content
o Design
o Metadata
Questions
Agenda
![Page 4: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/4.jpg)
Website usability overview
Rule #1: Don’t make your users think
Read this book!!
![Page 5: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/5.jpg)
Usability Tips (1-6):
Navigation
![Page 6: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/6.jpg)
Navigation
Primary navigation links should always be visible and consistent no matter where you are on the site
![Page 7: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/7.jpg)
Navigation
Limit the number of primary navigation links to 9 or less
![Page 8: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/8.jpg)
Navigation
Use function-driven navigation when possible (verbs instead of nouns)
![Page 9: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/9.jpg)
Navigation
You should have a link back to the home page on every page of your site
![Page 10: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/10.jpg)
Navigation
Hyperlinks should open in same window if going to same site, or new window if external site
![Page 11: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/11.jpg)
Navigation
Even though it’s tedious, be sure to test all hyperlinks on your site
![Page 12: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/12.jpg)
Navigation
Demo
https://www.youtube.com/watch?v=xeG1u9FnrjU&list=PLxSc1uqWwEXly_q8Ae1WzrE8s4l9QQpet&index=1
![Page 13: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/13.jpg)
Usability Tips (7-11):
Forms Etiquette
![Page 14: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/14.jpg)
Forms Etiquette
Identify required fields and other validation on forms
![Page 15: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/15.jpg)
Forms Etiquette
Set default values on fields when it makes sense
![Page 16: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/16.jpg)
Forms Etiquette
Group fields logically on forms
![Page 17: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/17.jpg)
Forms Etiquette
Hide unnecessary form data from users
![Page 18: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/18.jpg)
Forms Etiquette
Let users know that their form submission was successful
![Page 19: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/19.jpg)
Forms Etiquette
Demo
https://www.youtube.com/watch?v=GB9ZNhFL1xE&list=PLxSc1uqWwEXly_q8Ae1WzrE8s4l9QQpet&index=2
![Page 20: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/20.jpg)
Usability Tips (12-16):
Content
![Page 21: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/21.jpg)
Content
Avoid too much content on the home page and landing pages
![Page 22: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/22.jpg)
Content
Only show relevant information to the user
![Page 23: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/23.jpg)
Content
Change the default views on lists to a view that is more useful
![Page 24: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/24.jpg)
Content
Use descriptive names for content (lists, libraries, documents, items)
![Page 25: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/25.jpg)
Content
Be sure to continuously add fresh content to your site
![Page 26: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/26.jpg)
Content
Demo
https://www.youtube.com/watch?v=sqIcB7R_Doc&list=PLxSc1uqWwEXly_q8Ae1WzrE8s4l9QQpet&index=3
![Page 27: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/27.jpg)
Usability Tips (17-21):
Design
![Page 28: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/28.jpg)
Design
Your site should have a consistent look and feel across all sub sites and pages
![Page 29: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/29.jpg)
Design
Use good balance of images, text, and white space
![Page 30: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/30.jpg)
Design
Optimize all graphics to reduce page download times
![Page 31: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/31.jpg)
Design
Use contrasting colors in your design to improve readability
![Page 32: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/32.jpg)
Design
Use consistent hyperlink colors and styles
![Page 33: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/33.jpg)
Design
Demo
https://www.youtube.com/watch?v=wLBZQ9g7J9k&list=PLxSc1uqWwEXly_q8Ae1WzrE8s4l9QQpet&index=4
![Page 34: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/34.jpg)
Usability Tips (22-25):
Metadata
![Page 35: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/35.jpg)
Metadata
Don’t use folders (unless you really need to use folders)
![Page 36: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/36.jpg)
Metadata
If you must use folders, be sure to set default metadata on them
![Page 37: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/37.jpg)
Metadata
Pay attention to what your users are searching for
![Page 38: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/38.jpg)
Metadata
Only index the things that you want to show up in search results
![Page 39: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/39.jpg)
Metadata
Demo
https://www.youtube.com/watch?v=W92_xcRMmmI&list=PLxSc1uqWwEXly_q8Ae1WzrE8s4l9QQpet&index=5
![Page 40: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/40.jpg)
Questions…
![Page 41: #SPSTC 25 Usability Tips for SharePoint 2013/SharePoint Online Sites by @SharePointWendy](https://reader034.fdocuments.us/reader034/viewer/2022052508/55981bdf1a28ab48048b474b/html5/thumbnails/41.jpg)
Thank you #SPSTC sponsors!