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

4.  SharePoint sucks…

5. Two trends that you can use with
SharePoint

7. What is Modern UI ("Metro")

9. UI

10. Design Principles of Modern UI
("Metro")

12. Apply these Design Principles

13. Modern UI ("Metro") – Simple Design

14. Modern UI ("Metro") – List Driven
Design

17. One size
fits all…

18. Let's demonstrate…

22. Jeffrey Veen
Founder and CEO at Typekit

26. 16
Columns
Width: 90%
Max-width: 960px

27. Max-width:100%;

29. Latest Chrome (Mac/PC)
Firefox 4.0, 3.6, 3.5, 3.0 (Mac/PC)
Latest Safari
IE9, IE8, IE7

31. 1. One solution that works for every 1. Development time
scenario 2. Browser compatibility
2. Sharing a link doesn't send a friend 3. Load times if bandwidth is not
to the wrong site version considered
3. Workspace friendly, not just device 4. Different devices/Different
friendly objectives
4. Encourages "Mobile First" 5. Proper image resizing includes re-
design, an evolving best practice cropping images appropriately
5. Ease of use can increase viewers 6. Require custom page layouts