Aftenposten
In the redesign of the norwegian newspaper Aftenposten I emphasized visual measures to build brand identity and untity between the different channels (mobile, tablet, desktop and paper).
- User Experience Design
- HTML
- CSS
- Javascript
Aftenposten was the first of the norwegian national newspapers to use the same fonts on all channels. (Publico Headline and Clan OT).
A single column layout was introduced instead of the three column layout. We had seen that the lines created by the column blocked the reader from scanning over the content in column two and three. By placing all content in rows and introducing up to 20 different templates for each row we expose all the content to the reader.
The layout for the article pages have much whitespace to complement the newspapers serious identity and to improve readability. It is split in two columns. The left column is for desked content. The journalist can drag related images, quotes, maps, videos, polls and other multimedia items into the body text. The right column is for content provided automaticaly by the CMS. Articles have comments provided by Disqus or Facebook. We have also provided a moodboard where the reader can give fedback the mood he or she felt when reading the article.
Exposing the reader for more relevant content was important, but lack of good metadata was a problem. To remedy this we added links to most shared articles and other articles from the same section.
While the desktop version of the page is desked by a journalist, the mobile version is an automatic layout using the desktop version as the source. To achieve a good layout the page utilizes flags to set the correct layout depending on for instance only one of the articles in each row has an image, or the template used in the desktop version has an uneven number of articles etc. The design for the mobile version is partly responsive and can serve as a starting point for a new responsive version of Aftenposten.
