Successfully reported this slideshow.
Your SlideShare is downloading. ×

SharePoint 2013 Mobile Strategy and Responsive Web Design

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 46 Ad

SharePoint 2013 Mobile Strategy and Responsive Web Design

Download to read offline

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.

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.

Advertisement
Advertisement

More Related Content

Slideshows for you (20)

Similar to SharePoint 2013 Mobile Strategy and Responsive Web Design (20)

Advertisement

More from Joel Oleson (20)

Advertisement

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

×