5. New Interface
Design style formerly known as “Metro”
At least they didn’t change the name to a symbol …
The Ribbon
Something is always moving
Focus on Content
Site Settings
Galleries vs Web Designer Galleries
Look and Feel vs Look and Feel
Navigation
To Manage or not to Manage
5
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 Feel
How much more are they going to move on us?
7
10. Navigation
Managed Metadata Navigation
Use the Term Store
Use the Edit Button
Finally cross site collection navigation?... Nope!
Structured Navigation
The navigation we all know and…love?
10
13. Device Channels
Finally the answer to mobile we’ve been waiting for
More Control, Less Headache
Managed through Device Manager steps 2 and 7
A Catch… or two
Automatic Mobile Browser Redirection feature must be deactivated
Can only be assigned to the Site Master page
13
14.
15.
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
16
17.
18.
19. You can still use SharePoint Designer…
Or Not
WebDav
On Windows
On OS X - Limitations
Use the application you are most comfortable with
NotePad++ - Windows Only
Sublime Text 2 – Windows and OS X
Coda – OS X
For those resistant to change
“Metro”
No design and split view have been removed.
Not much else appears to have changed
19
Audience Identification# of Designers# of Developers# of DevsignersWho has experience Branding SharePoint 2010Who has seen / played with SharePoint 2013“Metro” is no longer “Metro” or is it?
Metro… points out MS use of … as linksMicrosoft documentation still refers to Metro design style in a number of placesMetro has been referred to as Microsoft Design and Windows – UIV15.master default master pageCorev15.css almost double corev4More JavaScript – jsgrid – ~19k linesRibbonSite actions moved back to the right – note use of iconographyBrowse, Page, and Publish tabs behave differently on different pages at different times.Focus on content button removes left nav and header on the fly. Good for users!Site SettingsSlide 6Spy vs Spy joke… who is paying attention?NavigationManaged Metadata NavigationStructured Navigation
New Game called “Where in the UI is Site Actions?”
New to 2013That theme doesn’t mean what you think it themesTheme asset storageComposed LooksThis is where the themes are
One of these things doesn’t look like the otherDesign Manger … get to that laterDevice ChannelsSite theme changed its name to Change the lookImport Design PackageImage Renditions
Demo will cover steps 1, 2, 3, 4, and 7
Snippets can be edited just like SharePoint controls in SharePoint 2010 Master PagesDesign Manager doesn’t do everything for you. It just attaches the base designSnippet Gallery uses a preview interface to configure and render HTML and provides a copy button all on one page
Demo will cover inserting Top Navigation, Left Navigation, and Search snippets into the html master page