G1 News (Globo.com)
2012 | Role: UX and Information Architect
G1.com.br is most accessed news portal in Brazil. I worked in a number of projects at the portal. This one had the purpose of covering the entire country within G1, with automatic populated pages, relying on web ontology. The solution includes flexible templates, with a set of modules to cover a variety of editorial scenarios. It covers approximately 6000 cities in Brazil, all filtered using semantic content.
From a design standpoint the challenge was to develop a single page template that would work for all editing scenarios. Metropolis like Rio and Sao Paulo have hundreds of news a day. Anything from small issues like news about traffic jam or something highly relevant like an airplane crash. While less populated regions in the countryside sometimes produce less than ten news a day.
Editors in all regions will have the same template and the same set of modules to edit their pages. The solution needs to be flexible enough to serve all of them.
Talking to journalists and editors around Brazil
In order to understand the editor's workflow and needs, we visited Globo TV and journalism studios in different cities around Brazil. The big ones like Rio and Sao Paulo, but also smaller cities like the one on the photo on the left (Curitiba, Parana).
All the interview with the journalists generated a whole lot of notes and sketches mapping all the possible editorial scenarios. Some example of scenarios in this case would be how does the page look in a ordinary day or when there's a natural disaster on the news.
We designed a set of templates and modules. Some modules are supposed to be permanent, like widgets for the weather, closest airport status, local services and etc. While other modules related to news could be arranged in different ways, allowing flexibility for each editorial scenario.
A solid ontology
Although the content above the fold is curated by an editor, a big part of the page is automatically populated. For this to work, we needed to design a quite comprehensive meta-data system, classifying content by location and a number of possible topics. That allows each page to offer related content very precisely.
Test and iterating
We also did a few rounds of user testing and iterations to refine the solution.
Testing the perception of the icons and labels.
Cluster and Gaze Plot generated by the eye tracker.
Credits: Made with Luciano Pouzada (Creative Designer) and Moises Ribeiro (Information Architect).