Download - SharePoint Saturdays Cape Town 2012
![Page 1: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/1.jpg)
![Page 2: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/2.jpg)
![Page 3: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/3.jpg)
![Page 4: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/4.jpg)
SharePoint sucks…
![Page 5: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/5.jpg)
Two trends that you can use with SharePoint
![Page 6: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/6.jpg)
![Page 7: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/7.jpg)
What is Modern UI ("Metro")
![Page 8: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/8.jpg)
![Page 9: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/9.jpg)
UI
![Page 10: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/10.jpg)
Design Principles of Modern UI ("Metro")
![Page 11: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/11.jpg)
![Page 12: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/12.jpg)
Apply these Design Principles
![Page 13: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/13.jpg)
Modern UI ("Metro") – Simple Design
![Page 14: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/14.jpg)
Modern UI ("Metro") – List Driven Design
![Page 15: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/15.jpg)
![Page 16: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/16.jpg)
![Page 17: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/17.jpg)
One size fits all…
![Page 18: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/18.jpg)
Let's demonstrate…
![Page 19: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/19.jpg)
![Page 20: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/20.jpg)
![Page 21: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/21.jpg)
![Page 23: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/23.jpg)
![Page 24: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/24.jpg)
![Page 25: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/25.jpg)
![Page 26: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/26.jpg)
16
Columns
Width: 90%
Max-width: 960px
![Page 27: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/27.jpg)
Max-width:100%;
![Page 28: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/28.jpg)
![Page 29: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/29.jpg)
Latest Chrome (Mac/PC)
Firefox 4.0, 3.6, 3.5, 3.0 (Mac/PC)
Latest Safari
IE9, IE8, IE7
![Page 30: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/30.jpg)
![Page 31: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/31.jpg)
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
![Page 32: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/32.jpg)
![Page 33: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/33.jpg)
![Page 34: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/34.jpg)
![Page 35: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/35.jpg)
![Page 37: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/37.jpg)
![Page 38: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/38.jpg)
![Page 39: SharePoint Saturdays Cape Town 2012](https://reader033.vdocument.in/reader033/viewer/2022052911/559db68a1a28ab1e3b8b45a4/html5/thumbnails/39.jpg)