Embed Size (px)
DESCRIPTION
The session will look at new design trends such as Metro Design Principles and Responsive Web Design. The Session will show how these principles can be used to freshen up an existing SharePoint 2010 Intranet or solution using these methods
Citation preview
SharePoint sucks…
Two trends that you can use with SharePoint
What is Modern UI ("Metro")
UI
Design Principles of Modern UI ("Metro")
Apply these Design Principles
Modern UI ("Metro") – Simple Design
Modern UI ("Metro") – List Driven Design
One size fits all…
Let's demonstrate…
16
Columns
Width: 90%
Max-width: 960px
Max-width:100%;
Latest Chrome (Mac/PC)
Firefox 4.0, 3.6, 3.5, 3.0 (Mac/PC)
Latest Safari
IE9, IE8, IE7
1. One solution that works for every
scenario
2. Sharing a link doesn't send a friend
to the wrong site version
3. Workspace friendly, not just device
friendly
4. Encourages "Mobile First"
design, an evolving best practice
5. Ease of use can increase viewers
1. Development time
2. Browser compatibility
3. Load times if bandwidth is not
considered
4. Different devices/Different
objectives
5. Proper image resizing includes re-
cropping images appropriately
6. Require custom page layouts
