sharepoint 2013 mobile strategy and responsive web 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
| Slide
SharePoint 2013 Mobile Strategy and Design
Joel OlesonDirector Technical EvangelismViewDo [email protected]
| Slide
SharePoint Joel“Most Connected man in SharePoint”
Forbes: #1 SharePoint Influencer 2012Voted Most Popular SharePoint Blog 2012 SharePointJoel.com now CollabShow.comGlobal Epic Traveler - TravelingEpic.com - Over 110 UN Countries
2
| Slide04/10/2023 3
Mobile Device
Explosion!
Responsive Web Design+ SharePoint
Mobile
EnterpriseMobile
SharePoint2013
| Slide
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
| Slide 7
Sales Today… Smart Phones + Tablet > PC
| Slide04/10/2023 CONFIDENTIAL8
Rise of the 4 Screen Household
| Slide
Microsoft’s Visión
| Slide 10
Mobile vs. Desktop Web Traffic
(Mobile April: Global 14.4%, U.S 14%
| Slide 11
| Slide 12
India Mobile Traffic Overtakes Desktop
| Slide 13
3rd World is Teaching 1st about Mobile First
| Slide 14
Top Mobile Platforms (ComScore Consumers 13+)
Google52%
Apple39%
BlackBerry
5%
Microsoft3%
Symbian1%
MOBILE OS - Feb 2013
| Slide 15
The Second Bump of Productivity!
Enterprise Mobile Device Management
SharePoint
Mobile
| Slide
“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
Reality Check…
92% of Companies reported they do NOT support Mobile Access to SharePoint!
Aug 2012 Forrester Survey
| Slide
Enterprise Mobile Return on Investment
#1 Employee Responsiveness Faster Decision Making#2 Faster Issue Resolution#3 Increased Productivity#4 Higher Customer Sat!
| Slide
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…
| Slide 21
SharePoint 2013 & Mobile
Mobile Browser, Mobile Apps
SharePoint
Mobile
| Slide
SharePoint Mobile View
| Slide
Switch24
PRESENTED BY
04/10/2023 Confidential | ©2013 Salient6, Inc.
Native SharePoint 2013 Mobile
SharePoint out-of-the-box
25
| Slide
SharePoint 2013 Mobile App Support
SurfaceWindows Phone
iOS(iPhone)
iOSiPad
AndroidPhone
AndroidTablet
SharePoint Newsfeed App
Office Mobile App
SkyDrive Pro App
Office Web Apps
@joeloleson @salient6 Aug 2013
| Slide
SharePoint 2013 Mobile Apps for Windows
Phone and iOSOffice HubSharePoint App
27
| Slide
SharePoint on WP 8
28
| Slide 29
yammer.com/SPYam
| Slide
Responsive Web Design + SharePoint
There’s a better way…
SharePoint
Mobile
| Slide
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.
| Slide04/10/2023 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.
| Slide 33
Break Points and Building for Resolution…
| Slide
JQuery Mobile34
Design a single highly-branded web site or application once for all popular smartphone, tablet, and desktop platforms
| Slide
Starbucks.fr
| Slide
ResponsiveSharePoint.codeplex.com
| Slide
Responsive vs. Channels (Full Desktop, Tablet and/or Mobile)
ResponsivePro: One Code BaseThings you can’t deliver in Flash and HoverBuild it onceFewer Images to maintain
Con: Heavier download more CSS requires more bandwidth
ChannelsPro:Less Code on downloadEach optimized for device type or resolutionMobile optimized version can really provide customized experience
Con:More Maintenance more development, but may be easier
http://www.microsoft.com/
| Slide
Before…Before Responsive Web DesignCollabShow.com
5% mobile
| Slide
Before…With Responsive Web DesignCollabShow.com
20% mobile
| Slide
• 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
| Slide
@joelolesonFacebook.com/jolesonLinkedin.com/in/joeloleson
Let’s Connect!
| Slide
Thank You to our Sponsors
CONFIDENTIAL45
| Slide