Microsoft’s mobile device and tablet strategy are only the beginning. You can’t begin to understand the mobile world without looking at the enterprise bring your own (BYOD) strategy. Touch is revolutionizing our interfaces, and you can’t develop to a minimum resolution size. The world of design has dramatically changed with Responsive Web Design and Adaptive strategies. In this session we’ll look at the best and the worst of mobile web design. In addition, you’ll come away with a good understanding of what to do for your SharePoint 2010 and SharePoint 2013 mobile device strategy.

1. SharePoint 2013 Mobile Strategy and Design
Joel Oleson
Director Technical Evangelism
ViewDo Labs
@joeloleson
CollabShow.com
| Slide

2. SharePoint Joel
“Most Connected man in SharePoint”
Forbes: #1 SharePoint Influencer 2012
Voted Most Popular SharePoint Blog 2012
SharePointJoel.com now CollabShow.com
Global Epic Traveler - TravelingEpic.com - Over
110 UN Countries
| Slide
2

3. 11/20/2013
| Slide 3

4. Mobile
Device
Explosion!
Enterprise
Mobile
Mobile
SharePoint
2013
Responsive
Web Design+
SharePoint

5. Impact
1 billion
82%
50%
smartphones in 2012
2 Billion by 2015
of the world's online
population engages in
social networking
of enterprise customers
are “on the road”
to cloud
* Estimates Five Star Equities
| Slide

6. SharePoint
Device Explosion
Mobile

7. Sales Today… Smart Phones + Tablet > PC
| Slide
7

8. Rise of the 4 Screen Household
11/20/2013
| Slide 8
CONFIDENTIAL

9. Microsoft’s Visión
| Slide

10. Mobile vs. Desktop Web Traffic
(Mobile April: Global 14.4%, U.S 14%
| Slide
10

11. | Slide
11

12. India Mobile Traffic Overtakes Desktop
| Slide
12

13. 3rd World is Teaching 1st about Mobile First
| Slide
13

14. Top Mobile Platforms
(ComScore Consumers 13+)
MOBILE OS - FEB 2013
Microsoft Symbian
BlackBerry
1%
3%
5%
Google
52%
Apple
39%
14
| Slide

15. The Second Bump of Productivity!
| Slide
15

16. SharePoint
Enterprise Mobile
Device
Management
Mobile

17. “64% of firms in Europe and North America
identify providing more mobility support for
employees as a top priority
Forrsights Networks And Telecommunications Survey 2012
| Slide

18. Reality Check…
92% of Companies
reported they do NOT
support Mobile Access to
SharePoint!
Aug 2012 Forrester Survey
| Slide

19. Enterprise Mobile Return on Investment
#1 Employee Responsiveness Faster Decision
Making
#2 Faster Issue Resolution
#3 Increased Productivity
#4 Higher Customer Sat!
| Slide

20. BYOD… It exists whether you plan for it or not…
Sixty Seven percent of the people who use a smartphone for work –
and 70 percent of those who use a tablet for work are choosing the
device themselves – not necessarily thinking about whether their
enterprise will support it
| Slide

21. | Slide
21

22. SharePoint
SharePoint 2013 & Mobile
Mobile
Mobile Browser, Mobile Apps

23. SharePoint Mobile View
| Slide

24. Switch
24
| Slide

25. Native SharePoint 2013 Mobile
PRESENTED BY
SharePoint out-of-the-box
11/20/2013
Confidential | ©2013 Salient6, Inc.
25

26. Windows
Phone
Surface
iOS
(iPhone)
iOS
iPad
Android
Phone
Android
Tablet
SharePoint
Newsfeed App
Office Mobile
App
SkyDrive Pro App
Office Web Apps
@joeloleson @salient6 Aug 2013
| Slide

27. SharePoint 2013 Mobile
Apps for Windows
Phone and iOS
Office Hub
SharePoint App
| Slide
27

28. SharePoint on WP 8
28
| Slide

29. yammer.com/SPYam
29
| Slide

30. SharePoint
Responsive Web
Design + SharePoint
There’s a better way…
Mobile
| Slide

31. Responsive AND Adaptive
Responsive Web Design – Various Screen
resolutions provides different content based on
real estate
Adaptive – Different content for different
devices. Gets richer as the browser or devices
supports richer experience. Also referred to as
Progressive Enhancement.
| Slide

32. Frameworks to know
ZURB Foundation is a free collection of tools for creating
websites and web applications. It contains HTML and CSS-based
design templates for typography, forms, buttons, navigation and
other interface components, as well as optional JavaScript
extensions.
Bootstrap (built at twitter)
Sleek, intuitive, and powerful mobile first front-end framework
for faster and easier web development.
11/20/2013
| Slide 32

33. Break Points and Building for Resolution…
33
| Slide

34. JQuery Mobile
34
Design a single highly-branded web site or application once for all popular
| Slide
smartphone, tablet, and desktop platforms

35. Starbucks.fr
| Slide

36. http://www.microsoft.com/fr-ca/default.aspx
| Slide

37. https://www.marshfieldclinic.org/
| Slide

38. ResponsiveSharePoint.codeplex.com
| Slide

39. Responsive vs. Channels
(Full Desktop, Tablet and/or Mobile)
Responsive
Channels
Pro:
One Code Base
Things you can’t deliver in
Flash and Hover
Build it once
Fewer Images to maintain
Con:
Heavier download more CSS
requires more bandwidth
| Slide
Pro:
Less Code on download
Each optimized for device type
or resolution
Mobile optimized version can
really provide customized
experience
Con:
More Maintenance more
development, but may be easier

40. http://www.microsoft.com/

41. Before Responsive Web Design
Before… CollabShow.com
5% mobile
| Slide

42. Before…
With Responsive Web Design
CollabShow.com
20% mobile
| Slide

43. Key Takeaways and Considerations
• SharePoint Native Mobile Browsing has improved for all mobile
platforms in SP2013
• New SharePoint Mobile Apps can make accessing social + people +
documents easier
• Consider third party mobile apps to fill gaps like Offline
Sync, Search, Security and Mobile Device App mgmt
• Plan for Mobile Intranets: Seriously Consider Industry Best
Practices of Responsive Web Design
| Slide

44. Let’s Connect!
@joeloleson
Facebook.com/joleson
Linkedin.com/in/joeloleson
| Slide

45. 45
Thank You to our Sponsors
| Slide
CONFIDENTIAL

46. | Slide