Cross-context user journeys - Geekmeet Stockholm

In this talk I'll explore the problem of cross-context user
journeys. These are user journeys which cross devices (imagine
starting your shopping list on your home machine and finishing it on
your work computer), contexts (for example desktop to mobile or app to
web site) and platforms (a user with an Android phone and an iPad).
I'll show you how:
- embedded webviews are becoming the world's most popular browsers
- what happens when you don't test your site in new contexts (such as
inside apps like Google+,GMail, Facebook and Twitter)
- the limits of responsive design
- how to cross contexts using technologies like x-callback-url, deep
links, intents and identity via social login

Transcript

1. Cross-context user journeys GeekMeet Stockholm - January 30 2014
2. 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.
3. ? Web versus native
4. Web versus native https://twitter.com/codinghorror/status/427935280742400000
5. 5 What is a context?
6. MY DEFINITION An environment where the user has a conceptual model containing particular perceived affordances, constraints and conventions
7. 7 Responsive web design isn’t enough
8. RESPONDING ISN’T SUFFICIENT
9. TOO MANY FEATURES
10. DEVICE ATTRIBUTES WIDTH ORIENTATION RESOLUTION/DPI
11. NETWORK ATTRIBUTES BANDWIDTH LATENCY OFFLINE
12. DIMENSIONS LINE LENGTH IMAGE SIZE NUMBER OF COLUMNS
13. INPUTS TOUCH STYLUS MOUSE KEYBOARD
14. BROWSERS WEBKIT? BLINK? CHROME? CHROME/IOS? FIREFOX
15. ‘WEIRD’ DEVICES B/W KINDLE BROWSER CHROMEBOOK PIXEL IPAD MINI
16. 16 ‘Cambrian Explosion’ of contexts
17. EMBEDDED WEBVIEW: RENDERING
18. EMBEDDED WEBVIEW: LINKING
19. INSIDE EMAIL
20. THE IDENTIFIED USER
21. THE PHONE-CALLABLE USER
22. OTHERS MOBILE: 1 EYEBALL + 1 THUMB TABLET: 2 HANDS + 1 SOFA MINI TABLET: ??? http://www.lukew.com/ff/entry.asp?1664
23. 23 Tools for crossing contexts
24. 24 The link Time to time, device
25. 25 The bookmark Time to time, device
26. THE PASTEBOARD http://stackoverflow.com/questions/2451507/how-big-data-can-we-transfer-between-iphone-applications
27. 27 x-callback-url App to app http://x-callback-url.com/ http://x-callback-url.com/examples/ http://x-callback-url.com/specifications/
28. 28 Deep Links Web to app http://en.wikipedia.org/wiki/Mobile_deep_linking http://intentkit.github.io/
29. X-CALLBACK-URL + DEEPLINK
30. 30 Intents
31. APP TO APP http://developer.android.com/guide/components/intents-filters.html https://developers.google.com/chrome/mobile/docs/intents
32. WEB INTENTS + WEB ACTIVITIES http://en.wikipedia.org/wiki/Web_Intents
33. 33 Identity
34. IDENTITY
35. IDENTITY BETWEEN APPS
36. 36 Focus on the user(‘s journey)
37. 37 Respond to context and journey