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