SharePoint Mobile Strategy and Design

1. | Slide

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

3. 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
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/22/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/22/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/22/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