Mobile Strategy 2013

November 27, 2013

Putting Mobile First

@precedent#@lindzeiy

Lindsay HerbertHead of Digital

LONDON

EDINBURGH

CARDIFF

PERTH

MELBOURNE

HONG KONG


135expertsStrategy & researchBranding & communicationsUser-centred designDevelopment & hostingDigital marketing


Years24Experience

Quality

Stability

Loyalty

Results


Who we work with


Mobile whitepaper series

1. Optimising Mobile

2. Targeting Mobile

3.


1. A Changing World

2. What Are My Options?

3. Design Considerations

4. Choosing the Optimum Approach

5. Making It Happen

6. Considering The Future



A Changing World – What do your customers use?

Smart TV

Blackberry Windows

iOSAndroid


A Changing World – Mobile operating system by region

EuropeAustralia

June 2012 to May 2013

Asia

iOS Android SymbianOS

Source: Stat Counter – Global Stat Counter - http://gs.statcounter.com/


A Changing World – Constantly evolving landscape


A Changing World – Google I/O

@precedent @lindzeiy

A Changing World – Tablets


A Changing World – The surge towards tablets

Glo

bal U

nit

s Ship

ped

(M

Ms)

Global PC (Desktop / Notebook) and Tablet Shipments by Quarter (Q1: 1995 - Q1: 2013)

Source: Katy Huberty, Ehud Gelblum, Morgan Stanley Research. Gartner. Data as of 4/13. Note: Notebook PCs include Net books


A Changing World – Affordable tablets


1. A Changing World




5. Making It Happen




Take the time to understand your user’s behaviour and context.

What Are My Options?


1. Typically has short bursts of activity

2. Can be time poor or network restricted

3. Is usually goal driven

4. Loves using her phone - joy of use, personal item

5. Tells others of a good experience

6. Needs a simple uncomplicated experience

What Are My Options? Remember a Mobile User…


Take the opportunity to innovate in design and function.





Don’t just follow the web

What Are My Options? 4(ish) choices

Mobi

Responsive

Apps

Native Hybrid

Feeds


What Are My Options? – Roll It: App or Web?


1. A Changing World




5. Making It Happen




‘

’

Design Considerations

Effective mobile designs not only account for these one thumb/one eyeball experiences but aim to optimize for them as well.

Luke Wroblewski – Mobile First


Design Considerations – Hit Areas


Design Considerations – Hit Areas

User interface control sizes:

Apple = 44px

Windows = 9mm

Nokia = between 7 and 8mm

The average finger pad is 10-14mm with the fingertip being 8-10mm


Design Considerations – Common Language

Use existing visual shortcuts for essential operations:

Hamburger icon = menu

Circular arrow = refresh

Magnifying glass = search

Cog = settings

Thumb = like


Design Considerations - Reach

Right handLeft hand

Easy

Average

Hard

Easy

Average

Hard


Design Considerations - Reach

Right hand

Easy

Average

Hard

Left hand

Easy

Average

HardHard: Things you don’t want to hit by mistake

Easy: Things that require the most scrolling

Average: Where the thumb naturally hovers


1. A Changing World




5. Making It Happen




Choosing the Optimum Approach - mobi



What it’s good for:

– Providing focus and clear structure

– Deploying without impact on main website

– Delivering quickly

– Wide reach working via browser

– Can be designed to respond to screen size or orientation



Drawbacks:

– Can’t access device functions (e.g. internal storage)

– Offline functions limited to HTML5 caching

– User interface needs to be more simplistic

– Slower than a native or hybrid app


Choosing the Optimum Approach - Responsive




– You only have to write the content once

– Easy updates and maintenance

– Experience stays consistent for users across all devices and platforms



Drawbacks:

– One-size fits all means you can’t cater as well for different user behaviours and contexts

– The same drawbacks for mobi also apply here


‘

’


It's cheap but degrading to reuse content and design across diverging media forms like print vs. online or desktop vs. mobile. Superior UX requires tight platform integration. Jakob Neilsen – 21st May

2012


Choosing the Optimum Approach – Hybrid Apps




– Lets you develop once to many devices

– Can access some device features like internal storage

– Better offline use (thanks to internal storage access)



Drawbacks:

– Not as a fast as a native app

– Can’t access all device functions

– Has to be downloaded from app stores

– Will not be a rich interface


Choosing the Optimum Approach – Native Apps





– Fastest speeds

– Richest possible user interface

– Can access every feature of the device

– Best offline usage



Drawbacks:

– Needs to be developed for each device type

– Data is a key consideration for unconnected use

– Updates need to be rolled out for each type

– Developing for each device type quickly adds to costs

Choosing the Optimum Approach – Feeds


Device features

Offline functioning

Speed

User interface

Maintenance

Platform independence

Development cost

Discoverability

InstallationContent restrictions, approval process and fees

Native first, then Hybrid

Native first, then Hybrid

Native (learn from Facebook)

Native

Web or Hybrid

Web or Hybrid

Web or Hybrid

Web

Web

Web (learn from Playboy)

Choosing the Optimum Approach – Your priorities?


1. A Changing World




5. Making It Happen




Making It Happen – Mobile First approach


Making It Happen – Adapting content



Making It Happen – Adapting content

Don’t just follow the web

Making It Happen – UI Flow


‘

’

Making It Happen – Resource and Process

The more channels I run, the more resource I’ll need, right?


Making It Happen – Resource and Process


1. A Changing World




5. Making It Happen




Considering The Future – Remember it’s a Phone!


Considering The Future – PrecEvents Out of the Box!


Considering The Future – Customer journeys with Sitecore

www.sitecore.net

Considering The Future – Sitecore engagement platform

www.sitecore.net

– Connected devices

– Mobile payments and e-wallet

– Mobile advancement - wearable devices (NFC)

– Lounge computing - socially integrated TV

– Move towards social business

– Smart content with personalisation & aggregation

– Self service applications

Considering The Future – Trends for 2014


Don’t disappoint

Don’t be afraid to innovate

Don’t delay in providing a solution

(think-apply-review-refine)

Considering The Future – Finally…


Think big.

Start small.

Act Quickly.

Smart thinking wins…

Considering The Future – Finally…


Follow Precedent on LinkedIn to find out more about our seminars and ideas, and add me to keep in touch.

Follow @Precedentcomms on Twitter to see what we think is interesting in digital, and follow me for updates from my blog.

@lindzeiy on Twitter

Mobile Strategy 2013

Technology

Transcript of Mobile Strategy 2013