7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten...

29
7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server

Transcript of 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten...

Page 1: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

7.-8. März 2013, Rosenheim

Brand my SharePointgrafische Gestaltung von

SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint

Server

Page 2: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Die Evolution von SharePoint

2003 2007

2010 2013

2001

Page 3: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Die Ebenen des Branding

Standard UI Themes Design ManagerMaster Pages

Einheitliche Plattform + Standards

> Aufwand: 0> Skills: wenig

> Aufwand: wenig> Skills: SP-Standard

> Aufwand: mittel> Skills: HTML + CSS

> Aufwand: hoch> Skills: SP + HTML + CSS + ASP.NET

Page 4: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Minimale Download Strategie (MDS)

Page 5: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

DemoMDS in SharePoint 2013

Page 6: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Die Ebenen des Branding

Standard UI Themes Design ManagerMaster Pages

Einheitliche Plattform + Standards

> Aufwand: 0> Skills: wenig

> Aufwand: wenig> Skills: SP-Standard

> Aufwand: mittel> Skills: HTML + CSS

> Aufwand: hoch> Skills: SP + HTML + CSS + ASP.NET

Page 7: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Themes (Composed Looks)

Page 8: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Page 9: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

DemoThemes und Composed Looks

Page 10: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Die Ebenen des Branding

Standard UI Themes Design ManagerMaster Pages

Einheitliche Plattform + Standards

> Aufwand: 0> Skills: wenig

> Aufwand: wenig> Skills: SP-Standard

> Aufwand: mittel> Skills: HTML + CSS

> Aufwand: hoch> Skills: SP + HTML + CSS + ASP.NET

Page 11: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

• Neues UI Management Tool• Erstellung, Bereitstellung

und Verwaltung von Design-Elementen

• Einfache Master Page-Generierung mit beliebigen Tools

• Export und Import

Design Manager

Page 12: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

• SharePoint Designer 2013 ist kein Muss mehr (kann aber verwendet werden)

• Master Page Gallery kann via WebDAV geöffnet werden

• Bearbeitung mit beliebigen HTML Tools

Neue Design Tools

Page 13: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Einfache HTM

Page 14: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Page 15: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Page 16: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Snippet Gallery

Page 17: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

DemoSharePoint Design Manager

Page 18: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Die Ebenen des Branding

Standard UI Themes Design ManagerMaster Pages

Einheitliche Plattform + Standards

> Aufwand: 0> Skills: wenig

> Aufwand: wenig> Skills: SP-Standard

> Aufwand: mittel> Skills: HTML + CSS

> Aufwand: hoch> Skills: SP + HTML + CSS + ASP.NET

Page 19: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Branding Projekte planenZiele und

Anforderungen Wireframes

und Scribbles

Designentwürfe und Styleguide

HTML-Gerüste

Master Pages, Page Layouts

(inkl. Platzhalter)

Webparts und Controls

Optimierung, Nachjustierung

Testing & QS

Features, Solutions und Deployment

Page 20: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Wireframing

Page 21: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Wireframing Tools

• Blend + Sketch Flow for Visual Studio 2012

• Balsamiq Mockups

• Microsoft Visio 2013

• …

Page 22: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

DemoWireframes umsetzen

Page 23: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

• 3 Optionen:– HTML Master Page– Minimal Master Page– Starter Master Pages (Codeplex)

startermasterpages.codeplex.com

• Tools– SharePoint Designer 2013– 3rd Party Tools– Browser Tools

• Nicht vergessen: Daten im TFS abspeichern!

Master Pages umsetzen

Page 24: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

• Verschiedene “Channels” für mobile Geräte

• Definition auf Basis des User Agent Strings• Zuordnung einer Master Page• Spezielle Controls für Channels

Device Manager

Page 25: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

DemoMobile Ansichten umsetzen

Page 26: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Die Ebenen des Branding

Standard UI Themes Design ManagerMaster Pages

Einheitliche Plattform + Standards

> Aufwand: 0> Skills: wenig

> Aufwand: wenig> Skills: SP-Standard

> Aufwand: mittel> Skills: HTML + CSS

> Aufwand: hoch> Skills: SP + HTML + CSS + ASP.NET

Page 27: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Und jetzt?

• Laden Sie sich die Präsentation und Beispiele herunterhttp://sharepointcommunity.de/fabianm

• Machen Sie sich mit dem Design Manager vertrauthttp://msdn.microsoft.com/en-us/library/jj822363.aspx

• Nutzen Sie Wireframing Tools während der Planunghttp://www.balsamiq.com

• Besuchen Sie BrandMySharePoint.dehttp://www.brandmysharepoint.de

Page 28: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.
Page 29: 7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.

Veranstalter:

Fabian MoritzITaCS GmbHMVP SharePoint Server

[email protected]://www.itacs.de

@FabianMoritzhttp://sharepointcommunity.de/fabianm