Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Datatium - radiation free responsive experiences

1,617 views

Published on

The current trend surrounding responsive web design is one part of an overall move towards responsive experiences. A responsive experience may take place in part in the browser, but it extends well beyond media queries and image sets.

This isn’t a talk about media queries or “big data” analysis. Rather, we’ll focus on how data as a material and data as tooling in the design process - Datatium - can shape deeply engaging and responsive experiences, that even go offline.

There won’t be any hard maths, instead there will be plenty of guidance and examples showing how aspects of data science is changing design, and how you can start working with Datatium too.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Datatium - radiation free responsive experiences

  1. 1. Datatium – Radiation freeresponsive experiencesWeb Directions South18 October, 2012Andrew Fisher - CTO@JBA@ajfisher
  2. 2. Welcome back AndrewImage (CC) – @pevennett
  3. 3. What I wanted
  4. 4. What I got insteadImage (CC) flickr – Michael Gil
  5. 5. github.com
  6. 6. Is this too much to ask?Image (CC) flickr – Lisa Brewster
  7. 7. Where is the web now?
  8. 8. 0DaDatatium0.000751
  9. 9. 1. Conditionally responsive experiences2. Behaviourally responsive experiences3. Contextually responsive experiences
  10. 10. Conditionally responsive experiences
  11. 11. if THISthen THAT
  12. 12. Getting the data
  13. 13. Using conditional data
  14. 14. Show off what you’ve gotImage (CC) flickr – Andrew Hitchcock
  15. 15. Don’t annoy your usersImage (CC) flickr – Joe Shlabotnik
  16. 16. Simple can go a long wayImage (CC) Wikipedia
  17. 17. Remove friction for funImage (CC) flickr – martinhoward
  18. 18. Beautifully frictionlessTSS Surry Hills – R Stolz
  19. 19. Take users on a journeyImage (CC) flickr – wolfgangstaudt
  20. 20. Set lots of small goalslinkedin.com
  21. 21. Users don’t start as heroesZelda Twilight Princess © Nintendo
  22. 22. Design process
  23. 23. User data as process
  24. 24. Remove optional items
  25. 25. Small things matterVirgin Australia check-in
  26. 26. Behaviourally responsive experiences
  27. 27. Getting the data
  28. 28. Aggregate behaviour
  29. 29. Ask questions about behaviourWhy did the user do that?Are they getting stuck somewhere?How can I tell what they are doing?What do they do next?How do I validate my views on their behaviour?
  30. 30. Understand desire linesImage (CC) flickr – wetwebwork
  31. 31. Using behavioural data
  32. 32. Recommendations
  33. 33. Start by recommendingNYTimes
  34. 34. Repetition
  35. 35. Home Account login Recharge Payment Exit Complete
  36. 36. Empower your users
  37. 37. Design process
  38. 38. Consider behavioural slots
  39. 39. Failure means learningImage (CC) flickr – Aristocrats Hat
  40. 40. Be transparent to usersamazon.com recommendations
  41. 41. Capture failure datafacebook.com ads
  42. 42. If you’re not buying theproduct then you are theproduct.
  43. 43. Provide feedback to userslast.fm playlist data
  44. 44. Build data productslinkedin.com profile stats
  45. 45. Contextually responsive experiences
  46. 46. The Avengers, 2012 – © Marvel
  47. 47. Mostly worksthemoderngentleman.de
  48. 48. Getting the data
  49. 49. Device shapes behaviour
  50. 50. Time shapes behaviourImage (CC) flickr – Martina Photography
  51. 51. Location shapes behaviour
  52. 52. Context shapes behaviourImage (CC) flickr – Henry Stratford
  53. 53. Context variables
  54. 54. Using contextual data
  55. 55. Externally adaptive contexts
  56. 56. Change assets as well
  57. 57. Task oriented contexts
  58. 58. Context drives needANZ GoMoney
  59. 59. Micro momentsImage (CC) flickr – Ed Yourden
  60. 60. Consider desktop tooGoogle Docs
  61. 61. Adaptive contexts
  62. 62. Starting to adapt to meGoogle Now
  63. 63. A responsive real worldImage (CC) flickr – Design.Gallery
  64. 64. Design process
  65. 65. Embrace the chaosImage (CC) flickr – Page Dooley
  66. 66. Responsive experiencesConditionalBehaviouralContextual
  67. 67. Creating responsive experiences
  68. 68. 1. You don’t know everything
  69. 69. 2. Data is worth more than opinion “If we have data, let’s look at data. If all we have are opinions, let’s go with mine” -- Jim Barksdale, former Netscape CEO
  70. 70. 3. Take the bold decisions
  71. 71. Learn to love dataImage (CC) flickr – Zebrasquares
  72. 72. Starting a punk band From Sideburns magazine, December 1976
  73. 73. Data science punkWith apologies to Sideburns mag
  74. 74. Datatium – Radiation freeresponsive experiencesWeb Directions South18 October, 2012@ajfisherslideshare.net/andrewjfisherjbadigital.com

×