SharePoint 2013 Mobile Strategy and Design

Joel Oleson
Director Technical Evangelism
ViewDo Labs
@joeloleson
CollabShow.c...
SharePoint Joel
“Most Connected man in SharePoint”
Forbes: #1 SharePoint Influencer 2012
Voted Most Popular SharePoint Blo...
11/20/2013

| Slide 3
Mobile
Device
Explosion!
Enterprise
Mobile
Mobile

SharePoint
2013
Responsive
Web Design+
SharePoint
Impact

1 billion

82%

50%

smartphones in 2012
2 Billion by 2015

of the world's online
population engages in
social net...
SharePoint

Device Explosion
Mobile
Sales Today… Smart Phones + Tablet > PC

| Slide

7
Rise of the 4 Screen Household

11/20/2013

| Slide 8

CONFIDENTIAL
Microsoft’s Visión

| Slide
Mobile vs. Desktop Web Traffic

(Mobile April: Global 14.4%, U.S 14%

| Slide

10
| Slide

11
India Mobile Traffic Overtakes Desktop

| Slide

12
3rd World is Teaching 1st about Mobile First

| Slide

13
Top Mobile Platforms
(ComScore Consumers 13+)

MOBILE OS - FEB 2013

Microsoft Symbian
BlackBerry
1%
3%
5%

Google
52%

Ap...
The Second Bump of Productivity!

| Slide

15
SharePoint

Enterprise Mobile
Device
Management
Mobile
“64% of firms in Europe and North America
identify providing more mobility support for
employees as a top priority
Forrsig...
Reality Check…
92% of Companies
reported they do NOT
support Mobile Access to
SharePoint!
Aug 2012 Forrester Survey

| Sli...
Enterprise Mobile Return on Investment

#1 Employee Responsiveness Faster Decision
Making
#2 Faster Issue Resolution
#3 In...
BYOD… It exists whether you plan for it or not…
Sixty Seven percent of the people who use a smartphone for work –
and 70 p...
| Slide

21
SharePoint

SharePoint 2013 & Mobile

Mobile

Mobile Browser, Mobile Apps
SharePoint Mobile View

| Slide
Switch
24

| Slide
Native SharePoint 2013 Mobile

PRESENTED BY

SharePoint out-of-the-box

11/20/2013

Confidential | ©2013 Salient6, Inc.
25
Windows
Phone

Surface

iOS
(iPhone)

iOS
iPad

Android
Phone

Android
Tablet

SharePoint
Newsfeed App

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

| Slide

27
SharePoint on WP 8
28

| Slide
yammer.com/SPYam

29

| Slide
SharePoint

Responsive Web
Design + SharePoint
There’s a better way…

Mobile

| Slide
Responsive AND Adaptive

Responsive Web Design – Various Screen
resolutions provides different content based on
real estat...
Frameworks to know
ZURB Foundation is a free collection of tools for creating
websites and web applications. It contains H...
Break Points and Building for Resolution…

33

| Slide
JQuery Mobile
34

Design a single highly-branded web site or application once for all popular
| Slide
smartphone, tablet, ...
Starbucks.fr
| Slide
http://www.microsoft.com/fr-ca/default.aspx

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

| Slide
ResponsiveSharePoint.codeplex.com

| Slide
Responsive vs. Channels
(Full Desktop, Tablet and/or Mobile)
Responsive

Channels

Pro:
One Code Base
Things you can’t del...
http://www.microsoft.com/
Before Responsive Web Design
Before… CollabShow.com

5% mobile

| Slide
Before…
With Responsive Web Design
CollabShow.com

20% mobile

| Slide
Key Takeaways and Considerations
• SharePoint Native Mobile Browsing has improved for all mobile
platforms in SP2013
• New...
Let’s Connect!
@joeloleson
Facebook.com/joleson
Linkedin.com/in/joeloleson

| Slide
45

Thank You to our Sponsors

| Slide

CONFIDENTIAL
| Slide
Upcoming SlideShare
Loading in …5
×

SharePoint 2013 Mobile Strategy and Responsive Web Design

0 views

Published on

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.

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
0
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
104
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

SharePoint 2013 Mobile Strategy and Responsive Web Design

  1. 1. SharePoint 2013 Mobile Strategy and Design Joel Oleson Director Technical Evangelism ViewDo Labs @joeloleson CollabShow.com | Slide
  2. 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. 3. 11/20/2013 | Slide 3
  4. 4. Mobile Device Explosion! Enterprise Mobile Mobile SharePoint 2013 Responsive Web Design+ SharePoint
  5. 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. 6. SharePoint Device Explosion Mobile
  7. 7. Sales Today… Smart Phones + Tablet > PC | Slide 7
  8. 8. Rise of the 4 Screen Household 11/20/2013 | Slide 8 CONFIDENTIAL
  9. 9. Microsoft’s Visión | Slide
  10. 10. Mobile vs. Desktop Web Traffic (Mobile April: Global 14.4%, U.S 14% | Slide 10
  11. 11. | Slide 11
  12. 12. India Mobile Traffic Overtakes Desktop | Slide 12
  13. 13. 3rd World is Teaching 1st about Mobile First | Slide 13
  14. 14. Top Mobile Platforms (ComScore Consumers 13+) MOBILE OS - FEB 2013 Microsoft Symbian BlackBerry 1% 3% 5% Google 52% Apple 39% 14 | Slide
  15. 15. The Second Bump of Productivity! | Slide 15
  16. 16. SharePoint Enterprise Mobile Device Management Mobile
  17. 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. 18. Reality Check… 92% of Companies reported they do NOT support Mobile Access to SharePoint! Aug 2012 Forrester Survey | Slide
  19. 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. 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. 21. | Slide 21
  22. 22. SharePoint SharePoint 2013 & Mobile Mobile Mobile Browser, Mobile Apps
  23. 23. SharePoint Mobile View | Slide
  24. 24. Switch 24 | Slide
  25. 25. Native SharePoint 2013 Mobile PRESENTED BY SharePoint out-of-the-box 11/20/2013 Confidential | ©2013 Salient6, Inc. 25
  26. 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. 27. SharePoint 2013 Mobile Apps for Windows Phone and iOS Office Hub SharePoint App | Slide 27
  28. 28. SharePoint on WP 8 28 | Slide
  29. 29. yammer.com/SPYam 29 | Slide
  30. 30. SharePoint Responsive Web Design + SharePoint There’s a better way… Mobile | Slide
  31. 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. 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. 33. Break Points and Building for Resolution… 33 | Slide
  34. 34. JQuery Mobile 34 Design a single highly-branded web site or application once for all popular | Slide smartphone, tablet, and desktop platforms
  35. 35. Starbucks.fr | Slide
  36. 36. http://www.microsoft.com/fr-ca/default.aspx | Slide
  37. 37. https://www.marshfieldclinic.org/ | Slide
  38. 38. ResponsiveSharePoint.codeplex.com | Slide
  39. 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. 40. http://www.microsoft.com/
  41. 41. Before Responsive Web Design Before… CollabShow.com 5% mobile | Slide
  42. 42. Before… With Responsive Web Design CollabShow.com 20% mobile | Slide
  43. 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. 44. Let’s Connect! @joeloleson Facebook.com/joleson Linkedin.com/in/joeloleson | Slide
  45. 45. 45 Thank You to our Sponsors | Slide CONFIDENTIAL
  46. 46. | Slide

×