Jul 09, 2015
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