Prototyping @General Assembly

6ed0bfb73aafbb294bb90f6a47a8e1af?s=47 Chris J Clarke
February 01, 2015

Prototyping @General Assembly

6ed0bfb73aafbb294bb90f6a47a8e1af?s=128

Chris J Clarke

February 01, 2015
Tweet

Transcript

  1. 2.
  2. 5.
  3. 7.
  4. 8.
  5. 9.
  6. 11.
  7. 12.
  8. 13.

    We believe that [doing this] ___________________ for [these people] ___________________________________

    will achieve [this outcome] _____________________ We’ll know this is true when we see [this metric / this market feedback] _______________________ Hypothesis statements
  9. 15.

    -- / -- / ---- -- / -- / ----

    -- / -- / ---- £-- £-- -- / -- / ---- -- / -- / ----
  10. 16.

    £-- -- / -- / ---- -- / -- /

    ---- -- / -- / ---- -- / -- / ---- -- / -- / ---- £--
  11. 17.

    Function • Better flow • On device • All pages

    involved with the feature are there to interact with • Where does that button take you etc.. £-- -- / -- / ---- -- / -- / ---- -- / -- / ---- -- / -- / ---- -- / -- / ---- £--
  12. 20.
  13. 21.
  14. 22.

    Responsive navigation Provide a better overview of what the Guardian

    is to our least engaged and brand new audience members - at a fully responsive level.
  15. 23.

    Ideas were rated 0-5 out of 5 criteria: 1. Aesthetics

    2. Clear navigation to sub-sections 3. Access to all sections button 4. Ease to design 5. Ease to build
  16. 27.
  17. 28.

    10 users shown from panel 7 users shown from panel

    22 users shown (UX lab and panel)
  18. 29.
  19. 30.
  20. 31.

    Density of news A month long time-box experiment to hypothesize

    and deliver a solution to the problem: How to get users a better overview of all our content from the homepage.
  21. 32.
  22. 33.
  23. 34.
  24. 36.

    Australia Update UK Update UK Discover UK / US /

    AU / R.O.W Mixture F Th W Tu • http://ec2-54-195-16-42.eu-west-1.compute.amazonaws.com/guardian-prototype/
  25. 39.
  26. 40.

    Onward journeys Experiments into encouraging users to click through to

    more stories, or click back to a landing page to choose at least one more article to read.
  27. 41.
  28. 43.
  29. 44.
  30. 45.

    Football A holistic view to improve the Guardian football pages

    by improving our use of data and a few extra treats thrown into the mix.
  31. 46.
  32. 47.
  33. 49.
  34. 50.

    • Set yourself a deadline • Create a story for

    a user to follow - think of the prototype in context, when you test, put the user in the story • Use it a a form of documentation (http://ec2-54-195-16-42.eu- west-1.compute.amazonaws.com/guardian-ngw/) Final thoughts. • Use what’s familiar to start • But don’t put off learning something new • Get a partner to work with - an expert in the system you want to use and learn as you go. • Build your own website
  35. 51.

    Resources • learn.ustwo.com • waxy.org/links • news.layervault • learnlayout.com/flexbox •

    webdesignrepo.com • useronboard.com • Liveview (http://www.zambetti.com/) • Skala preview (http://bjango.com/mac/ skalapreview/) • sketch.land/index.html • Julie Zhao • Ben Horowitz • Marty Cagan • Luke Wroblewski • Brad Frost