Google Search case study

My Role
Lead Product Designer
Core Team
Creative Design Director, Associate Creative Design Director, Lead Visual Designer, Lead Strategist, Project Manager
Tools & Skills
Figma, User Research, Wireframing, Prototyping, Communication, UX Design, Visual Design
Timeline
March 2022 - Current

The brief

Radical simplicity
and modernization
of Google Search
Google is at a point in time right now where they are looking to reset the visual foundation & design system on Search. This is an initiative that is being co-led by the Search Ads and Organic team.

Project overview

Opportunity:
Creating consistent parameters and guidelines across formats. Taking a visual forward approach that still makes room for text based results. It's not about solving for tomorrow, but planning for the future.

Challenge:
The trouble for Search has been letting go of the entropy over the last 20 years, which is why the search result has not evolved and instead it has created a lot of noise and complexity. The paradigms that were legacy and once familiar to users are no longer servicing Google in the way they once did (e.g blue links, vizURL). These paradigms are becoming stumbling blocks as Google brings in more modern content and frameworks.

Design prompt

How might we radically simplify five canonical formats to power Google search so that users find answers in their first query results?

User reserach & Audits

Conducted both competitive and comparative audit to bring insights to Google that influence the future moving forward. Translated our implications to query archetypes. Establish an opinion of what is valuable to move forward with and what to leave behind. Make open web accessible to everyone.

Goal
Deconstruct and identify key findings for product listings, videos, and collections, evaluate the way each format type is broken down, what's working, and what that means for Google Search.

What we looked for
Per canonical format, describe how do they work and how are they governed. Degree of variation or consistency across platforms. Supported content types and supported multimedia aspect ratios. Actions framework that support each format

State of the format

Finding
Product listings are becoming more storyful. How can they still meet user needs?

In the more visual web, the line between product listings and story-driven content becomes blurred. This has the potential to help brands break through commoditization of products and sellers, and help create differentiation between brands.

In some cases, more narrative product listings can come at the cost of user comprehension. More visual storytelling formats help streamline the overall look and feel of the page, but the difficulty of comparison shopping increases dramatically for the user.
Implication
When storytelling in product listings is leveraged appropriately, sellers and users alike benefit from the richer experience.

How might we...
  • Construct a format that preserves key details for user comprehension?
  • Enable products to feel visually striking and empower brands to avoid commoditization?
  • Consider how this format flexes dynamically based on the user's intent such as low vs. high consideration purchases?

Video

Finding
Users consume a variety of content types simultaneously. Multisensory experiences encourage entertainment, learning and discovery.

Users are accustomed to digital multitasking within their smart phone. Users can watch videos, while looking at other forms of content, replying to texts, scrolling on social, and playing games.

Engagement and retention with accessible video content continues to outperform other types of media.
Implication
Second screening occurs on one single device within and outside app-platforms thus creating a more flexible and dynamic environment in order to accomplish multiple tasks at once.

How might we...

  • Reinvent the Search experience such that users can consume multiple tasks concurrently in appropriate contexts?
  • Be a meaningful part of user's preference for multiple stimuli?
  • Introduce new capabilities to assist discovery?

Collections

Finding
Wayfinding and nesting of collections could unlock a more helpful and simple browsing experience.

The way the page is designed informs users how deep they are into the platform. Users can intuitively know when they are inside or outside of a collection, with no need for wayfinding support from elements like breadcrumbs. Most platforms keep to just 3 layers of depth. This gives the user enough control while not being overwhelming

Layers
  • First layer - Category
  • Second layer - Pieces of content within category
  • Third layer - Singular piece of content
Implication
Nesting search results into "collections" can allow for more efficient parsability, allowing users to seamlessly move up and down the funnel between discovery and selection.

How might we...

  • Utilize nesting for results to find information more productively?
  • Introduce collections as a way to visually direct users towards information they desire especially as we move towards a more visual SRP?

low-fidelity format exploration

Current state of Google search
Current state production of the search results page is ready for a modernization that better caters to Google's users.

There's an overuse of blue links which mitigated the importance of CTAs. Colored links alone are not sufficient in meeting user's accessibility needs and is an outmoded approach.
Based on our findings and implications from the previous 2 sprints, we stress-tested the imperatives with gestural sketches. This helps us better understand the possibilities and boundaries of various formats. Began building towards a tight visual system.
Actions framework explorations with more meaningful text and visual-first efficiency.
Actions framework
We recommend utilizing a rounded card container for SRP formats as it provides larger tap areas, doesn’t rely on text treatments for clickability cues, and is overall a better indicator of tappability.

Information architecture

IA focuses on organizing, structuring, and labeling content on the SRP cards in an effective and sustainable way. The goal is to help users find information and complete tasks.

Defining a Points system

Assigning a value to complexity by giving each element of a result a point value, we can balance each result's complexity and weight on the page.

Key findings

High-fidelity format exploration

Based on our findings and implications from the previous 2 sprints, we stress-tested the imperatives with gestural sketches. This helps us better understand the possibilities and boundaries of various formats.
Progressive Disclosure

By exploring formats, we discovered that a multi-layered approach to the SRP allows for both radical simplicity and deeper engagement.
Gradual complexity

Formats will become more robust as users dive deeper into content.

Flows

interactions

Reflections

It's an honor to work on a project that impacts billions of people all around the world! The best user experiences are simple, intuitive and accessible for all. The biggest challenge on this project was simplifying the complexity of Google's search query which currently host thousands of formats. Too many bells and whistles have created a bloated, unfocused online experience. Designing for less but more meaningful treatments of text and considering a future with more integrations. Collaboration was key to the success of this project and pivoting based on stakeholder feedback was essential in order to meet deadlines.

related works