SharePoint Mobility Strategy and Design SharePoint Saturday Virginia Beach

| Slide

SharePoint 2013 Mobile Strategy and Design

Joel OlesonDirector Technical EvangelismViewDo [email protected]

SharePoint Saturday Virginia Beach #SPSVB

| 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

3rd World is Teaching 1st about Mobile First

| Slide 13

Top Mobile Platforms (ComScore Consumers 13+)

Google52%

Apple39%

BlackBerry

5%

Microsoft3%

Symbian1%

MOBILE OS - Feb 2013

| Slide 14

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 20

SharePoint 2013 & Mobile

Mobile Browser, Mobile Apps

SharePoint

Mobile

| Slide

SharePoint Mobile View

| Slide

Switch23

PRESENTED BY

04/10/2023 Confidential | ©2013 Salient6, Inc.

Native SharePoint 2013 Mobile

SharePoint out-of-the-box

24

| 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

| 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

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