SharePoint 2013 Mobile Strategy and Responsive Web Design

Post on 15-Jan-2015

3.524 views 0 download

Tags:

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 of SharePoint 2013 Mobile Strategy and Responsive Web Design

| Slide

SharePoint 2013 Mobile Strategy and Design

Joel OlesonDirector Technical EvangelismViewDo Labs@joelolesonCollabShow.com

| 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

http://www.microsoft.com/fr-ca/default.aspx

| Slide

https://www.marshfieldclinic.org/

| 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

| 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