sharepoint 2013 mobile strategy and design
DESCRIPTION
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.TRANSCRIPT
![Page 2: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/2.jpg)
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 150 Countries & Territories
![Page 3: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/3.jpg)
Mobile Device
Explosion!
Responsive Web Design+ SharePoint
Mobile
EnterpriseMobile
SharePoint2013
![Page 4: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/4.jpg)
Some Things have changed…
![Page 5: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/5.jpg)
To Understand Microsoft You Need to Know the Research…
tablet strategyphone strategy
![Page 6: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/6.jpg)
Mobile
1 billionsmartphones in 20122 Billion by 2015
* Estimates Five Star Equities
Social
82% of the world's online population engages in social networking
Cloud
50%of enterprise customers are “on the road” to cloud
Impact
![Page 7: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/7.jpg)
Device Explosion
SharePoint
Mobile
![Page 8: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/8.jpg)
8
Sales Today… Smart Phones + Tablet > PC
![Page 9: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/9.jpg)
![Page 10: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/10.jpg)
![Page 11: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/11.jpg)
![Page 12: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/12.jpg)
Mobile devices accounted for 55% of Internet usage in the United States in January. Apps made up 47% of Internet traffic and 8% of traffic came from mobile browsers,
![Page 13: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/13.jpg)
Rise of the 4 Screen Household
04/10/2023
CONFIDENTIAL
13
![Page 14: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/14.jpg)
![Page 15: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/15.jpg)
Microsoft’s Vision
![Page 16: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/16.jpg)
16
The Second Bump of Productivity!
![Page 17: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/17.jpg)
Enterprise Mobile Device Management
SharePoint
Mobile
![Page 18: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/18.jpg)
Reality Check…92% of Companies reported they do NOT support Mobile Access to SharePoint!
Aug 2012 Forrester Survey
![Page 19: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/19.jpg)
Enterprise Mobile Return on Investment
#1 Employee Responsiveness Faster Decision Making#2 Faster Issue Resolution#3 Increased Productivity#4 Higher Customer Sat!
![Page 20: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/20.jpg)
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
BYOD… It exists whether you plan for it or not…
![Page 21: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/21.jpg)
21
![Page 22: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/22.jpg)
SharePoint 2013 & Mobile Mobile Browser, Mobile Apps
SharePoint
Mobile
![Page 23: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/23.jpg)
SharePoint Mobile View
![Page 24: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/24.jpg)
Switch24
![Page 25: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/25.jpg)
SharePoint 2013 Mobile App Support
SurfaceWindows Phone
iOS(iPhone)
iOSiPad
AndroidPhone
AndroidTablet
SharePoint Newsfeed App
Office Mobile App
OneDrive Biz (SDP) App
Office Web Apps
@joeloleson @salient6 Aug 2013
![Page 26: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/26.jpg)
Office 365 and mobile devices
App
Platform app or Browser
Windows 8 tablet
Windows RT
Windows Phone 8
iPad iPhone Android tablet
Android phone
Word, Excel, PowerPoint
(Office Online
– view)
OneNote
Outlook, OWA, Exchange
(OWA)
(OWA)
(EAS)
(EAS)
OneDrive for Business
(Office)
(browser)
(browser)
SharePoint Newsfeed
(browser)
(browser)
Yammer
Lync
![Page 27: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/27.jpg)
Walking through the store…
Office.com/mobile
![Page 28: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/28.jpg)
28
yammer.com/SPYam
![Page 29: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/29.jpg)
Conversation on the go
Access to conversations happening inside your company
View your direct messages
Engage in discussions when you are away from the office
Receive important notifications
Yammer feed app on the Windows Store
Yammer on Windows PhoneYammer on Android
![Page 30: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/30.jpg)
Productivity on all your devices
All Office workloads available on a wide range of devices & platforms
Designed for cloud connectivity, touch, pen
Functionality and UI optimized for device
![Page 31: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/31.jpg)
Full Sync
-OneDrive for Business sync client for Windows
-OneDrive for Business sync client for Mac *
Browse & Manage
-OneDrive for Business app for Win8
-OneDrive for Business app for iPhone & iPad
-OneDrive for Business app for Android *
Web Experiences
-desktop browser
-mobile browser
-Office Online(Office Web Apps)
Office Apps
-Office Hub for WinPhone
-Office Mobile for iPhone
-Office Mobile for Android
* planned 2014
One Drive
![Page 32: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/32.jpg)
OneDrive for Business – iOS mobile app
![Page 33: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/33.jpg)
Office Mobile – iPhone
![Page 34: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/34.jpg)
Responsive Web Design + SharePoint
There’s a better way…
SharePoint
Mobile
![Page 35: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/35.jpg)
Before…Before Responsive Web DesignCollabShow.com
5% mobile
![Page 36: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/36.jpg)
Before…With Responsive Web DesignCollabShow.com
20% mobile
![Page 37: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/37.jpg)
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.
![Page 38: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/38.jpg)
04/10/2023
38
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.
![Page 39: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/39.jpg)
39
Break Points and Building for Resolution…
![Page 40: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/40.jpg)
JQuery Mobile40
Design a single highly-branded web site or application once for all popular smartphone, tablet, and desktop platforms
![Page 41: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/41.jpg)
Starbucks.fr
![Page 44: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/44.jpg)
ResponsiveSharePoint.codeplex.com
![Page 46: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/46.jpg)
• 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
Key Takeaways and Considerations
![Page 47: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/47.jpg)
@joeloleson Facebook.com/joleson Linkedin.com/in/joeloleson
Let’s Connect!
![Page 48: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/48.jpg)
Thank You to our Sponsors
CONFIDENTIAL
48
![Page 49: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/49.jpg)
![Page 50: SharePoint 2013 Mobile Strategy and Design](https://reader031.vdocument.in/reader031/viewer/2022012321/54b6b2c84a79597b0c8b4631/html5/thumbnails/50.jpg)
© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.