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.