SPS Charlotte 2016 - Navigation a Step Towards Success

45
Navigation: A Step Towards Success in SharePoint Stacy L. Deere- Strole

Transcript of SPS Charlotte 2016 - Navigation a Step Towards Success

Page 1: SPS Charlotte 2016 - Navigation a Step Towards Success

Navigation:  A Step Towards Success

in SharePoint

Stacy L. Deere-Strole

Page 2: SPS Charlotte 2016 - Navigation a Step Towards Success

Platinum

Gold

Silver and Bronze

We appreciated your support of theCharlotte SharePoint Community!• Platinum, Gold, Silver, and Bronze

have tables scattered throughout

• Please visit them and inquire about their products & services

• Raffle at the end of the day and you must be present to win

THANK YOU EVENT SPONSORS!

Page 3: SPS Charlotte 2016 - Navigation a Step Towards Success

PLEASE TELL US WHAT YOU THINK

http://bit.do/SPSCLT16Don’t Wait!For each survey submitted, your name will be entered into the raffle at the end of the day.

Page 4: SPS Charlotte 2016 - Navigation a Step Towards Success

CONFERENCE COMMUNICATION

• All slides will be posted on Lanyrdlanyrd.com/2016/spsclt16

Tweet Us@CASPUG or #SPSCLT16

Problems / Questions / Complaints / [email protected]

Page 5: SPS Charlotte 2016 - Navigation a Step Towards Success

JOIN US FOR SHAREPINT• Immediately following

today’s event

• First drink is on us

• Brink your event ticket for validation

• Duckworth’s Grill & Taphouse330 North Tryon StreetCharlotte, NC 28202(7th and Tryon)

Page 6: SPS Charlotte 2016 - Navigation a Step Towards Success

[email protected]

http://spmindmelt.focalpointsolutions.co

http://www.focalpointsolutions.co

Page 7: SPS Charlotte 2016 - Navigation a Step Towards Success

Agenda

• What is Navigation?• Areas of Navigation in SharePoint• Different types of Navigation• You Be The Judge• Wrap-Up

Page 8: SPS Charlotte 2016 - Navigation a Step Towards Success

What Is Navigation?

That which facilitates movement from one Web page to another Web page.

Page 9: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 10: SPS Charlotte 2016 - Navigation a Step Towards Success

Areas of Navigation

Page 11: SPS Charlotte 2016 - Navigation a Step Towards Success

Global Navigation

Page 12: SPS Charlotte 2016 - Navigation a Step Towards Success

Global Navigation Example

Page 13: SPS Charlotte 2016 - Navigation a Step Towards Success

Navigation Consistency

Page 14: SPS Charlotte 2016 - Navigation a Step Towards Success

Global Navigation Controller

GlobalNav_Controller.zip

• In the global-nav.js file, update the term set id on line 29 to that of your new term set id

• Upload the attached files to the following locations (create the folders if they don’t exist). Make sure to check in and publish all files.

• globalnav.css – (in Site Contents)  /Style Library/GlobalNav/css/globalnav.css

• global-nav.js – (in Site Contents)  /Style Library/GlobalNav/js/global-nav.js

• globalnav.css – (in Site Settings)  Master Page Gallery• Navigate to Site Settings > Master Page (Under Look and Feel). Set the

master page to default.master

Page 15: SPS Charlotte 2016 - Navigation a Step Towards Success

Quick Links

Page 16: SPS Charlotte 2016 - Navigation a Step Towards Success

Quick Links Example

Page 17: SPS Charlotte 2016 - Navigation a Step Towards Success

Is that All?

Page 18: SPS Charlotte 2016 - Navigation a Step Towards Success

The Rest of The Site!!

Page 19: SPS Charlotte 2016 - Navigation a Step Towards Success

Types of Navigation

Page 20: SPS Charlotte 2016 - Navigation a Step Towards Success

Promoted

Page 21: SPS Charlotte 2016 - Navigation a Step Towards Success

What is a Promoted Link?• Tile List Web Part• Out of the Box• User Adoption Builder• Navigation

Page 22: SPS Charlotte 2016 - Navigation a Step Towards Success

Getting Started

Page 23: SPS Charlotte 2016 - Navigation a Step Towards Success

Where Do You Want To Go?

Page 24: SPS Charlotte 2016 - Navigation a Step Towards Success

Link Lists• Tile List Web Part• Out of the Box• User Adoption Builder• Navigation

Con to Link List• All text based (Out of the Box)

Page 25: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 26: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 27: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 28: SPS Charlotte 2016 - Navigation a Step Towards Success

Free Navigation

Icons.zip promotedscript.txt

Promoted jQuery CodePromoted Link Icons

Promoted Links on SlideShare: Get it Here!!

Page 29: SPS Charlotte 2016 - Navigation a Step Towards Success

You Be The Judge!!

Page 30: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 31: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 32: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 33: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 34: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 35: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 36: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 37: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 38: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 39: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 40: SPS Charlotte 2016 - Navigation a Step Towards Success
Page 41: SPS Charlotte 2016 - Navigation a Step Towards Success

Want this too?• HTML & CSS File• Insert the .html file in

– /catalogs/masterpage/Display Templates/Search

• On People Search Page, Edit the Core Results Web Part

• Change Default Template to People Item (Custom)

• Upload .css file to the Style Library (Must have publishing enabled).

• Site Settings, Look & Feel, Master Page, Alternate Stylesheet and attach .css file uploaded.

CorpDirectory_Updated.zip

http://en.share-gate.com/blog/corporate-directory-sharepoint-search

people-search_black.zip

Page 42: SPS Charlotte 2016 - Navigation a Step Towards Success

Recap of Things To Remember

• Pictures Speak a 1000 Words• Use Icons or other objects to catch users

eyes• Headings that Stand out (Short & Sweet)• Views are Navigation Too!!• User your words but at a minimum (Don’t

be too wordy)

Make the site your own!!

Page 43: SPS Charlotte 2016 - Navigation a Step Towards Success

What Is Navigation?

That which facilitates movement from one Web page to another Web page.

Page 44: SPS Charlotte 2016 - Navigation a Step Towards Success

What is Navigation?

Everything You Touch!!

Page 45: SPS Charlotte 2016 - Navigation a Step Towards Success

@sldeere

www.linkedin.com/in/stacydeere

https://www.facebook.com/focalpointsolutions.co

[email protected]

BLOG: http://spmindmelt.focalpointsolutions.co

COMPANY: http://focalpointsolutions.co