Google Think Redesign

UX Lead at Huge

Work_Preview_Google.001.png

Simpler, fast reading

Google asked us to reimagine the article page. We learned through testing that users just want to read, share, and find more related articles. In a new design, we focused on facilitating those key tasks. This visual design was done by the incredibly talented Art Director I worked with. We started with some high-fidelity wireframes I designed, which explored different concepts and directions for how to achieve our user goal.

 

My article page wireframes

I always start with the user problem and consider how a layout and screen interaction can help to solve these things. I create hi-fidelity wireframes as a way to explore different ideas without getting too hung up on UI elements like style and color. Still, as a designer, I believe in trying to make wireframes visually appealing and as close to the final visual design as I can make them. If I’m working with UI designer, I like to collaborate with them on how to bring these ideas to life, often evolving many things in the process rather than just a one-to-one translation.

 
Work_Preview_Google_SMALL.001.png
Work_Preview_Google_SMALL.002.png

Exploration 1

In this option, I explored how a user could find related content through keywords they were interested in. We could show certain phrases as highlighted, and if the user clicked on them, related articles on the topic would appear.

Exploration 2

Another option I tried shows how a user could see and save related articles for further reading. Also, a drawer at the bottom of the browser would show the next related article, if the user wanted to skip ahead.

 

A better, simpler homepage

Most users were coming straight to articles through Google search results, so we focused on the article page first. However, we also redesigned the homepage to address user concerns around navigation and usability, again going for simplicity and clear prioritization of content. Again, this visual design was done by the Art Director and evolved from the wireframes explorations I did.

 
Work_Preview_Google.006.png

My homepage wireframes

I tried several styles to prioritize different features, such as search, categorization, and Google editors’ picks. In user testing, many readers said they liked the content and wished to sign up for a newsletter, so I made it a priority call to action here, as well as in the article page. In doing different explorations, I was able to balance highlighting featured content with surfacing as many relevant articles as possible to the user.