SPCA2013 - SharePoint Mobile Strategy and Design

46
| Slide

description

SharePoint Mobile Strategy and Design

Transcript of SPCA2013 - SharePoint Mobile Strategy and Design

Page 1: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

Page 2: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

SharePoint 2013 Mobile Strategy and Design

Joel OlesonDirector Technical EvangelismViewDo [email protected]

Page 3: SPCA2013 - SharePoint Mobile Strategy and Design

| 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

3

Page 4: SPCA2013 - SharePoint Mobile Strategy and Design

Mobile Device

Explosion!

Responsive Web Design+ SharePoint

Mobile

EnterpriseMobile

SharePoint2013

Page 5: SPCA2013 - SharePoint Mobile Strategy and Design

| 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

Page 6: SPCA2013 - SharePoint Mobile Strategy and Design

Device Explosion

SharePoint

Mobile

Page 7: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide 7

Sales Today… Smart Phones + Tablet > PC

Page 8: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide04/12/2023 CONFIDENTIAL8

Rise of the 4 Screen Household

Page 9: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

Microsoft’s Visión

Page 10: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide 10

Mobile vs. Desktop Web Traffic

(Mobile April: Global 14.4%, U.S 14%

Page 11: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide 11

Page 12: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide 12

India Mobile Traffic Overtakes Desktop

Page 13: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide 13

3rd World is Teaching 1st about Mobile First

Page 14: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide 14

Top Mobile Platforms (ComScore Consumers 13+)

Google52%

Apple39%

BlackBerry

5%

Microsoft3%

Symbian1%

MOBILE OS - Feb 2013

Page 15: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide 15

The Second Bump of Productivity!

Page 16: SPCA2013 - SharePoint Mobile Strategy and Design

Enterprise Mobile Device Management

SharePoint

Mobile

Page 17: SPCA2013 - SharePoint Mobile Strategy and Design

| 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

Page 18: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

Reality Check…

92% of Companies reported they do NOT support Mobile Access to SharePoint!

Aug 2012 Forrester Survey

Page 19: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

Enterprise Mobile Return on Investment

#1 Employee Responsiveness Faster Decision Making#2 Faster Issue Resolution#3 Increased Productivity#4 Higher Customer Sat!

Page 20: SPCA2013 - SharePoint Mobile Strategy and Design

| 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…

Page 21: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide 21

Page 22: SPCA2013 - SharePoint Mobile Strategy and Design

SharePoint 2013 & Mobile

Mobile Browser, Mobile Apps

SharePoint

Mobile

Page 23: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

SharePoint Mobile View

Page 24: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

Switch24

Page 25: SPCA2013 - SharePoint Mobile Strategy and Design

PRESENTED BY

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

Native SharePoint 2013 Mobile

SharePoint out-of-the-box

25

Page 26: SPCA2013 - SharePoint Mobile Strategy and Design

| 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

Page 27: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

SharePoint 2013 Mobile Apps for Windows

Phone and iOSOffice HubSharePoint App

27

Page 28: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

SharePoint on WP 8

28

Page 29: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide 29

yammer.com/SPYam

Page 30: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

Responsive Web Design + SharePoint

There’s a better way…

SharePoint

Mobile

Page 31: SPCA2013 - SharePoint Mobile Strategy and Design

| 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.

Page 32: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide04/12/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.

Page 33: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide 33

Break Points and Building for Resolution…

Page 34: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

JQuery Mobile34

Design a single highly-branded web site or application once for all popular smartphone, tablet, and desktop platforms

Page 35: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

Starbucks.fr

Page 36: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

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

Page 37: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

https://www.marshfieldclinic.org/

Page 38: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

ResponsiveSharePoint.codeplex.com

Page 39: SPCA2013 - SharePoint Mobile Strategy and Design

| 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

Page 41: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

Before…Before Responsive Web DesignCollabShow.com

5% mobile

Page 42: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

Before…With Responsive Web DesignCollabShow.com

20% mobile

Page 43: SPCA2013 - SharePoint Mobile Strategy and Design

| 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

Page 44: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

@joelolesonFacebook.com/jolesonLinkedin.com/in/joeloleson

Let’s Connect!

Page 45: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide

Thank You to our Sponsors

CONFIDENTIAL45

Page 46: SPCA2013 - SharePoint Mobile Strategy and Design

| Slide