Cross-context user journeys - Geekmeet Stockholm

Slide 1

Slide 1 text

Cross-context user journeys GeekMeet Stockholm - January 30 2014

Slide 2

Slide 2 text

2 www.oshineye.com/+ I’m Ade Oshineye and I can usually be found on Google+ or behind a camera. I’ll be your Google+ Developer Advocate for the next 20 minutes.

Slide 3

Slide 3 text

? Web versus native

Slide 4

Slide 4 text

Web versus native https://twitter.com/codinghorror/status/427935280742400000

Slide 5

Slide 5 text

5 What is a context?

Slide 6

Slide 6 text

MY DEFINITION An environment where the user has a conceptual model containing particular perceived aﬀordances, constraints and conventions

Slide 7

Slide 7 text

7 Responsive web design isn’t enough

Slide 8

Slide 8 text

RESPONDING ISN’T SUFFICIENT

Slide 9

Slide 9 text

TOO MANY FEATURES

Slide 10

Slide 10 text

DEVICE ATTRIBUTES WIDTH ORIENTATION RESOLUTION/DPI

Slide 11

Slide 11 text

NETWORK ATTRIBUTES BANDWIDTH LATENCY OFFLINE

Slide 12

Slide 12 text

DIMENSIONS LINE LENGTH IMAGE SIZE NUMBER OF COLUMNS

Slide 13

Slide 13 text

INPUTS TOUCH STYLUS MOUSE KEYBOARD

Slide 14

Slide 14 text

BROWSERS WEBKIT? BLINK? CHROME? CHROME/IOS? FIREFOX

Slide 15

Slide 15 text

‘WEIRD’ DEVICES B/W KINDLE BROWSER CHROMEBOOK PIXEL IPAD MINI

Slide 16

Slide 16 text

16 ‘Cambrian Explosion’ of contexts

Slide 17

Slide 17 text

EMBEDDED WEBVIEW: RENDERING

Slide 18

Slide 18 text

EMBEDDED WEBVIEW: LINKING

Slide 19

Slide 19 text

INSIDE EMAIL

Slide 20

Slide 20 text

THE IDENTIFIED USER

Slide 21

Slide 21 text

THE PHONE-CALLABLE USER

Slide 22

Slide 22 text

OTHERS MOBILE: 1 EYEBALL + 1 THUMB TABLET: 2 HANDS + 1 SOFA MINI TABLET: ??? http://www.lukew.com/ff/entry.asp?1664

Slide 23

Slide 23 text

23 Tools for crossing contexts

Slide 24

Slide 24 text

24 The link Time to time, device

Slide 25

Slide 25 text

25 The bookmark Time to time, device

Slide 26

Slide 26 text

THE PASTEBOARD http://stackoverﬂow.com/questions/2451507/how-big-data-can-we-transfer-between-iphone-applications

Slide 27

Slide 27 text

27 x-callback-url App to app http://x-callback-url.com/ http://x-callback-url.com/examples/ http://x-callback-url.com/speciﬁcations/

Slide 28

Slide 28 text

28 Deep Links Web to app http://en.wikipedia.org/wiki/Mobile_deep_linking http://intentkit.github.io/

Slide 29

Slide 29 text

X-CALLBACK-URL + DEEPLINK

Slide 30

Slide 30 text

30 Intents

Slide 31

Slide 31 text

APP TO APP http://developer.android.com/guide/components/intents-ﬁlters.html https://developers.google.com/chrome/mobile/docs/intents