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.
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
SharePoint 2013 Mobile Strategy and Responsive Web Design
1. SharePoint 2013 Mobile Strategy and Design
Joel Oleson
Director Technical Evangelism
ViewDo Labs
@joeloleson
CollabShow.com
| Slide
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
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
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. Reality Check…
92% of Companies
reported they do NOT
support Mobile Access to
SharePoint!
Aug 2012 Forrester Survey
| Slide
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. 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
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. 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
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
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