Post on 15-Jan-2015
description
SharePoint 2013 Mobile Strategy and Design
Joel OlesonViewDo Labs@joelolesonCollabShow.com
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
Mobile Device
Explosion!
Responsive Web Design+ SharePoint
Mobile
EnterpriseMobile
SharePoint2013
Some Things have changed…
To Understand Microsoft You Need to Know the Research…
tablet strategyphone strategy
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
Device Explosion
SharePoint
Mobile
8
Sales Today… Smart Phones + Tablet > PC
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,
Rise of the 4 Screen Household
04/10/2023
CONFIDENTIAL
13
Microsoft’s Vision
16
The Second Bump of Productivity!
Enterprise Mobile Device Management
SharePoint
Mobile
Reality Check…92% of Companies reported they do NOT support Mobile Access to SharePoint!
Aug 2012 Forrester Survey
Enterprise Mobile Return on Investment
#1 Employee Responsiveness Faster Decision Making#2 Faster Issue Resolution#3 Increased Productivity#4 Higher Customer Sat!
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…
21
SharePoint 2013 & Mobile Mobile Browser, Mobile Apps
SharePoint
Mobile
SharePoint Mobile View
Switch24
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
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
Walking through the store…
Office.com/mobile
28
yammer.com/SPYam
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
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
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
OneDrive for Business – iOS mobile app
Office Mobile – iPhone
Responsive Web Design + SharePoint
There’s a better way…
SharePoint
Mobile
Before…Before Responsive Web DesignCollabShow.com
5% mobile
Before…With Responsive Web DesignCollabShow.com
20% mobile
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.
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.
39
Break Points and Building for Resolution…
JQuery Mobile40
Design a single highly-branded web site or application once for all popular smartphone, tablet, and desktop platforms
Starbucks.fr
ResponsiveSharePoint.codeplex.com
• 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
@joeloleson Facebook.com/joleson Linkedin.com/in/joeloleson
Let’s Connect!
Thank You to our Sponsors
CONFIDENTIAL
48
© 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.