Post on 10-Jun-2015
transcript
Going “Metro”Bryan Gulley, UX/UI Developer, Slalom Consulting
What’s New
Design Manager
Snippet Gallery
Alternative Development Options
3
Going “Metro”Branding Options for SharePoint 2013
What’s New
5
New InterfaceDesign style formerly known as “Metro”
At least they didn’t change the name to a symbol …
The RibbonSomething is always moving
Focus on Content
Site SettingsGalleries vs Web Designer Galleries
Look and Feel vs Look and Feel
NavigationTo Manage or not to Manage
6
The Ribbon
7
Site Settings
Galleries vs Web Design Galleries“Themes” is now theme asset storage
“Composed Looks” use theme assets for themes
Look and Feel vs Look and FeelHow much more are they going to move on us?
8
Galleries vs Web Designer Galleries
9
Look and Feel vs Look and Feel
10
Navigation
Managed Metadata NavigationUse the Term Store
Use the Edit Button
Finally cross site collection navigation?... Nope!
Structured NavigationThe navigation we all know and…love?
Design ManagerApplying your design to SharePoint
12
Design Manager
13
Device Channels
Finally the answer to mobile we’ve been waiting forMore Control, Less Headache
Managed through Device Manager steps 2 and 7
A Catch… or twoAutomatic Mobile Browser Redirection feature must be deactivated
Can only be assigned to the Site Master page
Demo
Snippet GalleryInserting the “SharePoint” parts into your master page
16
The SharePoint Parts If there’s something weird and it don’t look good who you gonna call?
Accessed through “Edit Master Pages” “Conversion Successful” link
Snippets are rendered SharePoint controls similar to the beloved theming engine.
Use the Snippet Gallery to insert Top Navigation, Left Navigation, Search, etc.
Configure, Copy, Paste… That simple
Demo
Alternate Development OptionsSay hello to my little friends
19
You can still use SharePoint Designer…
Or NotWebDav
On WindowsOn OS X - Limitations
Use the application you are most comfortable withNotePad++ - Windows OnlySublime Text 2 – Windows and OS XCoda – OS X
For those resistant to change“Metro”
No design and split view have been removed.
Not much else appears to have changed
Demo
Questions?
© 2012 Slalom, LLC. All rights reserved. The information herein is for informational purposes only and represents the current view of Slalom, LLC. as of the date of this presentation.SLALOM MAKES NO WARRANTIES, EXPRESS, IMPLIED, OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.