Embed Size (px)
Citation preview
@mr_mr - FOWD London - April 2015
All the news that fits to print
• consumeconsume.com
• Chris Clarke / @mr_mr• UX on mobile apps team• Previously @Yahoo! Answers• Spare time bouldering / hurt
Who am I?
theguardian.com
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....
2012
The news homepage
The news homepage
• ©Bungie
Information Density
Information Density
1. Big news org’s are tackling R.W.D2. Our big R.W.D solution became a problem3. Admitting we were wrong and pivoting4. We pivoted big
(Most) Big news org’s are tackling R.W.D
• screeningfilm.com
“[Homepage RWD] is definitely the direction that the New York Times needs to move in for the next re-design”
Alex Mathias isadoradesign
• http://www.niemanlab.org/2014/05/the-leaked-new-york-times-innovation-report-is-one-of-the-key-documents-of-this-media-age/
• 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”
2. Our big R.W.D solution became a problem1. Big news org’s are tackling R.W.D
3. Admitting we were wrong and pivoting4. We pivoted big
• © Corinne Vigniel
Pieces of content per day
500
2012
Konstantin Weiss
“Design containers independent of layout.” Konstantin Weiss Information Architects
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/
1
Item
Slice
1 2 3
1
Container
4 5 6 7
2 3
“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
• © Rami Niemi
Next Gen team
“Team” Density
“Density” Timebox - setting the challenge
1. Assign a goal achievable in two months2. Wrote a series of assumptions3. Sketch week challenge - Defined solutions4. Defined inputs from the wider teams
“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
1. Big news org’s are tackling R.W.D2. Our big R.W.D solution became a problem
4. We pivoted big3. Admitting we were wrong and pivoting
• consumeconsume.com
Understanding user’s consumption habits
Commute Work Home
Update Extend Discover
“I need to know what’s happening right now / I want to feel connected to what’s going on in the world ”
Update
“I want to gain a deeper understanding of a specific story”
Extend
“I want to be shown something new about the things I'm interested in”
Discover
1. Big news org’s are tackling R.W.D2. Our big R.W.D solution became a problem3. Admitting we were wrong and pivoting4. We pivoted big
A fresh approach• http://erikjohanssonphoto.com/work/common-sense-crossing/
“Team” Density(time-boxed)
Next Gen team
User context
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 newstime
Density ≠ spaceDensity = time
Update Extend DiscoverMore time
you expect to spendMost time
you expect to spendShort amount of timeyou expect to spend
The consumption of content
Users satisfaction of
the page
Perceived time and effort they expect to
spend
Presentation & variety of content
= +
• cartoon.theraparchive.com/bugs-bunny-tortoise-beats-hare/
Slow journalism
Fast journalism
Fast journalism1. Simple looking2. Easy and quick to scan3. News focussed
Slow journalism1. Visually rich2. Larger3. More indulgent content
User’s perception of time
UpdateSuccinct informationSnappy, short but detailed
ExtendDeeper content with rich media and luxury reading Discover
Wider mix of contentLeans more towards richer content
Faster
Slower
Short amount of time
UpdateSuccinct informationSnappy, short but detailed
More time
ExtendDeeper content with rich media and luxury reading
Most time
DiscoverWider mix of contentLeans more towards richer content
Headlines HighlightsA more streamlined news experience Clearer definition between tone types
Take slow, slower
A
B
C
D
E
F
G
Section
A
B
C
D
E
F
G
Section
Joker
A
B
C
E
F
Joker
A
B
C
E
F
the big picture
Joker
Highlights
C
E
F
the big picture
Headlines
• blog.hellersearch.com & Dilbert
Company lingo
• galleryhip.com
Takeaways
1. Take the time to understand the problem
2. negotiate before, during and after
3. Small teams move the quickest
3. Small thinking teams move the quickest
4. Abstract theories can often provide a much broader solution
5. Admit your mistakes
FOWD London - April 2015
Thank you.Questions?
bit.ly/fowd-allthenews
@mr_mr
