Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Cross-context user journeys - Geekmeet Stockholm

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

Fa3afb9c3589ea91c866030babaeee64?s=128

Ade Oshineye

January 30, 2014
Tweet

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

  38. 38