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

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

https://www.marshfieldclinic.org/

ResponsiveSharePoint.codeplex.com

http://www.microsoft.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.