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

All the news that fits to print

All the news that fits to print

6ed0bfb73aafbb294bb90f6a47a8e1af?s=128

Chris J Clarke

March 30, 2015
Tweet

Transcript

  1. @mr_mr - FOWD London - April 2015 All the news

    that fits to print
  2. None
  3. • consumeconsume.com

  4. • Chris Clarke / @mr_mr • UX on mobile apps

    team • Previously @Yahoo! Answers • Spare time bouldering / hurt Who am I? theguardian.com
  5. Sam Morris Cecilia Dobbs Theresa Malone Katrina Stubbings Alex Breuer

    Chris Mulholland Nick Haley Veronica@FOWD and anyone else I’ve forgotten who in some part attributed to this work....
  6. 2012

  7. None
  8. None
  9. The news homepage

  10. The news homepage

  11. None
  12. None
  13. Information Density

  14. Information Density

  15. 1. Big news org’s are tackling R.W.D 2. Our big

    R.W.D solution became a problem 3. Admitting we were wrong and pivoting 4. We pivoted big
  16. (Most) Big news org’s are tackling R.W.D • screeningfilm.com

  17. None
  18. None
  19. “[Homepage RWD] is definitely the direction that the New York

    Times needs to move in for the next re-design” Alex Mathias isadoradesign
  20. • http://www.niemanlab.org/2014/05/the-leaked-new-york-times-innovation-report-is-one-of-the-key-documents-of-this-media-age/

  21. None
  22. None
  23. • http://www.bbc.co.uk/blogs/internet/entries/6c02bec0-6c27-3db6-9295-1dcab645d567 “There's less information on the screen. So I

    have to scroll more to see different headlines.” “Responsive design is the way forward, and it is definitely a necessary step, so well done on getting it looking very similar to what it was previously”
  24. None
  25. None
  26. • consumeconsume.com

  27. None
  28. 2. Our big R.W.D solution became a problem 1. Big

    news org’s are tackling 3. Admitting we were wrong and 4. We pivoted
  29. • © Corinne Vigniel

  30. Pieces of content per day 500

  31. 2012

  32. • nerdist.com The container model

  33. Konstantin Weiss

  34. “Design containers independent of layout.” Konstantin Weiss Information Architects

  35. D The container model A B C D E F

    G A B C Article D Section Article • http://www.uxpassion.com/blog/wiad-video-talk-the-container-model/
  36. 1 Item

  37. Slice 1 2 3

  38. 1 Container 4 5 6 7 2 3

  39. “With the container model we moved away from thinking about

    specific pages on the site and how they might be filled with content” Nick Haley Director of UX - the Guardian
  40. None
  41. None
  42. None
  43. • © Rami Niemi

  44. Next Gen team

  45. “Team” Density

  46. “Density” Timebox - setting the challenge

  47. 1. Assign a goal achievable in two months 2. Wrote

    a series of assumptions 3. Sketch week challenge - Defined solutions 4. Defined inputs from the wider teams
  48. “ It is much harder to get a quick overview

    of the articles available and which are most important. It also requires much more scrolling and guessing where to find topic subjects. User comments Internal feedback Initial assumption
  49. 1. Big news org’s are tackling 2. Our big R.W.D

    solution 4. We pivoted 3. Admitting we were wrong and pivoting
  50. • consumeconsume.com Understanding user’s consumption habits

  51. None
  52. Commute Work Home

  53. Update Extend Discover

  54. “I need to know what’s happening right now / I

    want to feel connected to what’s going on in the world ” Update
  55.  “I want to gain a deeper understanding of a specific

    story” Extend
  56. “I want to be shown something new about the things

    I'm interested in” Discover
  57. None
  58. 1. Big news org’s are tackling 2. Our big R.W.D

    solution 3. Admitting we were wrong and 4. We pivoted big
  59. A fresh approach • http://erikjohanssonphoto.com/work/common-sense-crossing/

  60. “Team” Density (time-boxed) Next Gen team

  61. None
  62. None
  63. User context

  64. None
  65. The time it was taking to read the news on

    my commute The time I was spending reading news at work The time I was spending reading news time
  66. Density ≠ space Density = time

  67. Update Extend Discover More time you expect to spend Most

    time you expect to spend Short amount of time you expect to spend
  68. The consumption of content Users satisfaction of the page Perceived

    time and effort they expect to spend Presentation & variety of content = +
  69. None
  70. • cartoon.theraparchive.com/bugs-bunny-tortoise-beats-hare/

  71. Slow journalism Fast journalism

  72. Fast journalism 1. Simple looking 2. Easy and quick to

    scan 3. News focussed
  73. None
  74. None
  75. Slow journalism 1. Visually rich 2. Larger 3. More indulgent

    content
  76. None
  77. None
  78. User’s perception of time Update Succinct information Snappy, short but

    detailed Extend Deeper content with rich media and luxury reading Discover Wider mix of content Leans more towards richer content Faster Slower Short amount of time Update Succinct information Snappy, short but detailed More time Extend Deeper content with rich media and luxury reading Most time Discover Wider mix of content Leans more towards richer content
  79. Headlines Highlights A more streamlined news experience Clearer definition between

    tone types
  80. None
  81. Take slow, slower A B C D E F G

    Section A B C D E F G Section
  82. Joker A B C E F

  83. Joker A B C E F the big picture

  84. Joker Highlights C E F the big picture Headlines

  85. None
  86. • blog.hellersearch.com & Dilbert Company lingo

  87. • galleryhip.com Takeaways

  88. 1. Take the time to understand the problem

  89. 2. Negotiate before, during and after

  90. 3. Small teams move the quickest

  91. 3. Small thinking teams move the quickest

  92. 4.Abstract theories can often provide a much broader solution

  93. 5. Admit your mistakes

  94. None
  95. FOWD London - April 2015 Thank you. Questions? bit.ly/fowd-allthenews @mr_mr