April 20, 2024
Google Unveils Mobile Search Redesign

Google Unveils Mobile Search Redesign

Posted January 22, 2021 at 6:20pm by iClarified
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.”

Google Unveils Mobile Search Redesign


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...


Google Unveils Mobile Search Redesign

Google Unveils Mobile Search Redesign
Add Comment
Would you like to be notified when someone replies or adds a new comment?
Yes (All Threads)
Yes (This Thread Only)
No
iClarified Icon
Notifications
Would you like to be notified when we post a new Apple news article or tutorial?
Yes
No
Comments
You must login or register to add a comment...
Recent. Read the latest Apple News.
RECENT
Tutorials. Help is here.
TUTORIALS
Where to Download macOS Monterey
Where to Download macOS Ventura
AppleTV Firmware Download Locations
Where To Download iPad Firmware Files From
Where To Download iPhone Firmware Files From
Deals. Save on Apple devices and accessories.
DEALS