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

2. sdeere@focalpointsolutions.co
http://spmindmelt.focalpointsolutions.co
http://www.focalpointsolutions.co

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

4. What Is Navigation?
That which facilitates movement from
one Web page to another Web page.

5. Most Common

6. Areas of
Navigation

7. Global Navigation

8. Global Navigation
Example

9. Navigation Consistency

10. Global Navigation
Controller
• 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

11. Quick Links

12. Quick Links Example

13. Is that All?

14. The Rest of The Site!!

15. Types of
Navigation

16. Promoted

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

19. Getting Started

20. Where Do You Want To Go?

21. Creating Promoted Link
List

22. Select & Create App

23. New Promoted Link List

24. Upload Images
Simple Drag &
Drop

25. Open Promoted Links

26. Create Link
• Title: Enter Title
• Background Image: Paste Image
from Site Assets
• Background Image Description:
Optional
• Description: Enter Description
• Link Location: Enter Location Link is
going too.
• Link Description: Optional
• Launch Behavior: Choose Option
• Order: Enter Order of your link in the
list.

27. Add Image

28. Add Link Location

29. Choose Launch Behavior &
Order
Launch Behavior Options
1. In Page Navigation
2. Dialog
3. New Tab

30. Finished Link

31. Saved Link

32. Add Web Part

33. Select Web Part
Select your area,
Choose Insert Tab,
select web part, add
and Save.

34. Finished Product

35. Free Navigation
Promoted jQuery CodePromoted Link Icons
Promoted Links on SlideShare:
Get It Here!!

36. 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)

39. You Be The
Judge!!

52. 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.
http://en.share-gate.com/blog/corporate-directory-sharepoint-search

53. 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!!

54. What Is Navigation?
That which facilitates movement from
one Web page to another Web page.

55. What is Navigation?
Everything You
Touch!!

56. @sldeere
www.linkedin.com/in/stacydeere
https://www.facebook.com/focalpointsolutions.co
sdeere@focalpointsolutions.co
BLOG: http://spmindmelt.focalpointsolutions.co
COMPANY: http://focalpointsolutions.co