All the news that fits to print

Transcript

1. @mr_mr - FOWD London - April 2015 All the news that fits to print
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....
9. The news homepage
10. The news homepage
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
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/
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”
26. • consumeconsume.com
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
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
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
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
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
63. User context
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 = +
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
75. Slow journalism 1. Visually rich 2. Larger 3. More indulgent content
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
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
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
95. FOWD London - April 2015 Thank you. Questions? bit.ly/fowd-allthenews @mr_mr