Hurricanes Pub and Grill | A Classic Neighborhood Pub in ...
MMNav Pub
-
Upload
sps-baltimore -
Category
Technology
-
view
58 -
download
5
description
Transcript of MMNav Pub
![Page 1: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/1.jpg)
BUILDING MEGA MENUS FOR INTERNAL TEAM SITE NAVIGATION
SharePoint Saturday BaltimoreLiz Killian
![Page 2: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/2.jpg)
ABOUT ME
• Web Developer/programmer at
the
Johns Hopkins Bloomberg
School of Public Health
• Working with SharePoint since
2003,
Most of the time I work with out
of the box solutions
![Page 3: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/3.jpg)
SESSION OUTLINE
• Scenario• Goals &
Requirements
• Benefits & Challenges
Planning
• Research• Examples• Concept
Drawings• Design• Evaluate
Building
• Implement in Production?
• Questions
Conclusion
![Page 4: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/4.jpg)
PLANNING
How well you plan makes a HUGE difference in the outcome
![Page 5: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/5.jpg)
SCENARIO
• Site Collection with a deep tree• Contents need to be reorganized without
causing so much chaos• Old data needs to live with new projects• How does a new employee find their way
around?• People are complaining they can’t find or
navigate to the information they want• They want a less “SharePoint-y” solution
![Page 6: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/6.jpg)
GOALS & REQUIREMENTS
Goals• Improve findability• Improve productivity• Make it welcoming• Flexible design to allow for change
Requirements• Examine the content – this should drive the design• Analyze the taxonomy - create a layout (mockup),
Architect your information• Figure out the breakpoints - structure the
categories• Follow web conventions (match style of current
portal)• Design should take ALL users into consideration
![Page 7: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/7.jpg)
BENEFITS & CHALLENGES
- All options are in one spot - Allows you to group together items into different categories - A site collection owner who knows HTML can do this - Gives you the ability to add visual interest to the page - Web part page is 2013 compliant
- Did we get all of it (will all of it fit?)- Naming of the categories can be really tricky- You have to maintain the HTML- Pretty does NOT fix poor organization or lack of content - Styling may need to be different
![Page 8: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/8.jpg)
JUST A FEW NOTES
• Does not respect the permissions of SharePoint.
• Users Spend Most of their time collaborating on their own team sites – Don’t expect this to quiet all the SharePoint nay-sayers.
• Last but biggest note – This is a fake solution. I did not have to work with any real stakeholders which could impact the design.
![Page 9: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/9.jpg)
BUILDING
![Page 10: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/10.jpg)
RESEARCH
Define the audience
Analyze content
Define gapsIdentify
improvements
![Page 11: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/11.jpg)
MEGA MENU
Large Panel divided into groups of navigational options
Covers large space
Less scrolling Layout Counts
![Page 12: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/12.jpg)
SEARS
![Page 13: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/13.jpg)
GANDER MOUNTAIN
![Page 14: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/14.jpg)
BOSTON UNIVERSITY IT
![Page 15: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/15.jpg)
Create Outline Baslmiq Mockup
CONCEPT DRAWINGS
![Page 16: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/16.jpg)
DESIGN
Color Scheme - Visual style should match that of the portal
Feel & Mood - Consistent with rest of the portal
Adding Impact - Include images to increase graphical interest
![Page 17: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/17.jpg)
EVALUATE
Quality assurance (Make sure the graphics guy looks at it again ;)
![Page 18: MMNav Pub](https://reader036.fdocuments.us/reader036/viewer/2022081811/548f3846b479599a778b4593/html5/thumbnails/18.jpg)
QUESTIONS?