the following presentation was http: ... › wp-content › uploads › intranets2015-o… · ...

http: https://www.contactcenterworld.com/images/company/the-customer-experience-company-(cec)-largex3-logo.gif//i.imgur.com/NH1nLsV.png http://

i.imgur.c http://blogs-images.forbes.com/sethporges/files/2015/02/apple-watch-6_1.jpg om/NH1nLsV.png

The following presentation was

delivered at the

Intranets 2015 conference in

Sydney on 20th May 2015



Mobile Usage, Mobile Design & the Future…Oliver Weidlich

Director of Design & Innovation

Mobile Experience

http://i.imgur.com/NH1nLsV.png http://i.imgur.c http://blogs-images.forbes.com/sethporges/files/2015/02/apple-watch-6_1.jpg om/NH1nLsV.png


“We shape our buildings;

thereafter they shape us”

Winston Churchill


“We shape our networks;

thereafter they shape us”

Mobile Experience


Who’s Intranet is

mobile first

or

mobile friendly?

http://i.imgur.com/NH1nLsV.png http://i.imgur.c http://blogs-images.forbes.com/sethporges/files/2015/02/apple-watch-6_1.jpg om/NH1nLsV.png1. Mobile Usage

http://i.imgur.com/NH1nLsV.png http://i.imgur.c http://blogs-images.forbes.com/sethporges/files/2015/02/apple-watch-6_1.jpg om/NH1nLsV.png88%

89 %

58%

53% own all Three

Device Ownership


0

15

30

45

60

1 2 3 4 5 6 7 8 9 10

Apple Samsung Nokia Sony Ericsson

Smartphone Manufacturer

PE

RC

EN

TA

GE

OF

RE

SP

ON

DE

NT

S (

%)

0%

10%

20%

30%

40%

50%

60%

70%

1%

26%

16%

58%

2%

23%

19%

56%

3%

27%

33%

38%

2%

49%

33%

16%

Survey 2011 Survey 2012 Survey 2013 Survey 2014

YES

DON’T

KNOWNO BUT I PLAN TO BUY ONE

IN THE NEXT 12 MONTHS

NO I DON’T NEED ONE


Free Report: www.aimia.com.au/ampli2014

http://www.aimia.com.au/ampli2014

http://i.imgur.com/NH1nLsV.png http://i.imgur.c http://blogs-images.forbes.com/sethporges/files/2015/02/apple-watch-6_1.jpg om/NH1nLsV.png2. Mobile Design

Leverage Strengths of Mobile

• Personal

• Portable

• Pocketable

• Connected

• Constrained

• Contextual

http://i.imgur.com/NH1nLsV.png http://i.imgur.c http://blogs-images.forbes.com/sethporges/files/2015/02/apple-watch-6_1.jpg om/NH1nLsV.pngMobile First


An approach to simplify and

focus on core functionality, then

progressively enhance for other

device sizes

http://i.imgur.com/NH1nLsV.png http://i.imgur.c http://blogs-images.forbes.com/sethporges/files/2015/02/apple-watch-6_1.jpg om/NH1nLsV.pngNative/Hybrid/Web

Thick Native Wrapper

Thin Native

Wrapper

Thin Native

Wrapper

Thin Native

Wrapper

Mobile Web View

Full Native

Application

iPhone/Android etc

Native App

iPhone

Hybrid App

Android

Hybrid App

WP

Hybrid App

Blackberry

Hybrid App

Generic Mobile

Web


Who’s

Native, Hybrid or Web?

http://i.imgur.com/NH1nLsV.png http://i.imgur.c http://blogs-images.forbes.com/sethporges/files/2015/02/apple-watch-6_1.jpg om/NH1nLsV.pngMultiscreen

Multiple patterns can applyImages courtesy of Wolfram Nagel

Coherence

Synchronisation

Distribution

Complementarity Collaborative

http://i.imgur.com/NH1nLsV.png http://i.imgur.c http://blogs-images.forbes.com/sethporges/files/2015/02/apple-watch-6_1.jpg om/NH1nLsV.pngResponsive Design

The Guardian

Response times

Google responsive

http://i.imgur.com/NH1nLsV.png http://i.imgur.c http://blogs-images.forbes.com/sethporges/files/2015/02/apple-watch-6_1.jpg om/NH1nLsV.pngDesign Tools

Click-throughs

Motion design

Sketch App


Who’s doing rapid

prototyping for mobile?

http://i.imgur.com/NH1nLsV.png http://i.imgur.c http://blogs-images.forbes.com/sethporges/files/2015/02/apple-watch-6_1.jpg om/NH1nLsV.png3. The Future of Mobile

Light Sensor

Camera

Gyroscope/

Accelerometer

Fingerprint Sensor

Microphone

Magnetometer

Proximity Sensor

ProximityTemperature

CO2

Pulse

Weight

On/Off State

Lighting

Lock State Blood Pressure

Direction

Ambient Light

Movement

ActivitySleep


1. What’s the best way to

understand how your

teams use multiscreen?

http://i.imgur.com/NH1nLsV.png http://i.imgur.c http://blogs-images.forbes.com/sethporges/files/2015/02/apple-watch-6_1.jpg om/NH1nLsV.png2. Define the multiscreen

model your intranet needs


3. Re-assess your workflow

from design to

development

http://i.imgur.com/NH1nLsV.png http://i.imgur.c http://blogs-images.forbes.com/sethporges/files/2015/02/apple-watch-6_1.jpg om/NH1nLsV.png4. Rapid prototyping for

mobile


5. Look at upcoming

trends in mobile/

multiscreen to see what

applies to you



Oliver Weidlich Director of Design & Innovation

Mobile Experience

[email protected]

0411551561

Thanks

mailto:[email protected]

the following presentation was http: ... › wp-content › uploads › intranets2015-o… · ...

Documents