Google has unveiled a redesign of its mobile search results experience set to roll out in the coming days.
“Rethinking the visual design for something like Search is really complex,” says designer Aileen Cheng. “That’s especially true given how much Google Search has evolved. We’re not just organizing the web’s information, but all the world’s information.”
Here are five things that drove the design...
1. Bringing information into focus. “We want to let the search results shine, allowing people to focus on the information instead of the design elements around it,” says Aileen. “It’s about simplifying the experience and getting people to the information they’re looking for as clearly and quickly as possible.”
2. Making text easier to read. One way the team did this was by using larger, bolder text, so the human eye can scan and understand Search results faster. “We’re making the result and section titles bigger, as well,” Aileen says. While we’re on the subject of text: The update also includes more of Google’s own font, which already shows up in Android and Gmail, among other Google products. “Bringing consistency to when and how we use fonts in Search was important, too, which also helps people parse information more efficiently,” Aileen explains.
Image showing a phone with Google Search pulled up on the screen. The search query is for "running spots sf."
3. Creating more breathing room. “We decided to create a new edge-to-edge results design and to minimize the use of shadows, making it easier to immediately see what you’re looking for,” says Aileen. “The overall effect is that you have more visual space and breathing room for Search results and other content to take center stage.”
4. Using color to highlight what’s important. Aileen says that some other iterations of the redesign experimented with using lots of bold colors, and others tried more muted tones. They weren’t quite right, though, and ultimately the team focused on centering content and images against a clean background and using color more intentionally to guide the eye to important information without being overwhelming or distracting. “It has an optimistic feel, too,” Aileen says.
5. Leaning into that “Googley” feeling. If you’re noticing the new design feels a little bubblier and bouncier, you’re onto something. “If you look at the Google logo, you’ll notice there’s a lot of roundness to it, so we’re borrowing from that and bringing it to other places as well,” says Aileen. You’ll see that in parts of this redesign, like in rounded icons and imagery. “That form is already so much a part of our DNA. Just look at the Search bar, or the magnifying glass,” Aileen points out.
Check out a few screenshots below...
“Rethinking the visual design for something like Search is really complex,” says designer Aileen Cheng. “That’s especially true given how much Google Search has evolved. We’re not just organizing the web’s information, but all the world’s information.”
Here are five things that drove the design...
1. Bringing information into focus. “We want to let the search results shine, allowing people to focus on the information instead of the design elements around it,” says Aileen. “It’s about simplifying the experience and getting people to the information they’re looking for as clearly and quickly as possible.”
2. Making text easier to read. One way the team did this was by using larger, bolder text, so the human eye can scan and understand Search results faster. “We’re making the result and section titles bigger, as well,” Aileen says. While we’re on the subject of text: The update also includes more of Google’s own font, which already shows up in Android and Gmail, among other Google products. “Bringing consistency to when and how we use fonts in Search was important, too, which also helps people parse information more efficiently,” Aileen explains.
Image showing a phone with Google Search pulled up on the screen. The search query is for "running spots sf."
3. Creating more breathing room. “We decided to create a new edge-to-edge results design and to minimize the use of shadows, making it easier to immediately see what you’re looking for,” says Aileen. “The overall effect is that you have more visual space and breathing room for Search results and other content to take center stage.”
4. Using color to highlight what’s important. Aileen says that some other iterations of the redesign experimented with using lots of bold colors, and others tried more muted tones. They weren’t quite right, though, and ultimately the team focused on centering content and images against a clean background and using color more intentionally to guide the eye to important information without being overwhelming or distracting. “It has an optimistic feel, too,” Aileen says.
5. Leaning into that “Googley” feeling. If you’re noticing the new design feels a little bubblier and bouncier, you’re onto something. “If you look at the Google logo, you’ll notice there’s a lot of roundness to it, so we’re borrowing from that and bringing it to other places as well,” says Aileen. You’ll see that in parts of this redesign, like in rounded icons and imagery. “That form is already so much a part of our DNA. Just look at the Search bar, or the magnifying glass,” Aileen points out.
Check out a few screenshots below...