Mark Cipolla

Designer & Developer

The Conversation —
Article redesign

The Conversation is an independent source of news and views, sourced from the academic and research community and delivered direct to the public.

After much thinking, discussion, reader feedback, and iterations, we strived to improve on a few key points; improving the readablity of our articles, making mobile an equal citizen, treating images as content, and making content king.

The first and most important design principle, readability, needs to have the reading experience be as pleasurable as possible. The font was been improved and the column width widened to assist in that regard.

Extra clutter along the sides of a previously three column layout was either removed or shifted elsewhere, and reduced to a neater, two column layout. Content was widened and given more a centre-stage.

Desktop

Secondly, mobile devices.

We worked hard to reduce the clutter between the top of the page and the content; before, it was almost an entire device-height scroll between the top of page and the start of the article.

Now, all the author attribution & disclosure, institution logos, and partnership details are hidden away under a menu. The lead image takes precedence (and in the case of the mobile 'magazine' display, it takes prominence as it's sizes to take up the full 'screen', much like a magazine full-spread).

Mobile

Thirdly, the font.

The Conversation has traditionally featured Helvetica as it's font of choice. The departure to a more-easily readable serif font for the article body, and retaining the serif for the “wings”, the content around the body text, has improved the reading experience dramatically.

Overall, we had a lot of positive feedback from an engaged readership who care a lot about the content they read.

To see this in action, please read The Conversation.