Google: Redesign of mobile search results!

25.01.202103 min

Google is giving its mobile SERP (search engine result page)  a new design. The internet giant wants to offer its users a modern experience when searching for information. With the “refreshing”, it primarily pursues three goals that are supposed to improve the user experience:

The new design should be available on all mobile devices in the course of the next few days.

How does Google implement it?

Google wants to make it easier for its users to read content. To this end, the company is starting with the appearance of sections and labels. These will be larger and clearer than in the original design. This should enable users to find what they are looking for more quickly.

Google is also simplifying the design. In plain language, this means that the search company is optimizing individual sections and event card designs. The resulting empty space is intended to help users focus on the essentials and the important content.

Last but not least, the company is working on a more modern approach with the redesign. The new look is intended to be simple and at the same time friendly and accessible.

Auf dem Bild ist ein Einblick in das neue Design der mobilen Google Suche zu sehen. Hierbei wird sichtbar, dass der Fokus auf den einzelnen Ergebnissen liegen soll, weshalb sie in unterschiedliche Ereigniskarten unterteilt werden. Durch mehr "Breathing Room" zwischen den einzelnen Kacheln soll dem Nutzer geholfen werden, sich besser auf die Informationen zu konzentrieren, die für ihn wichtig sind.
So könnte die mobile Suche von Google nach dem Redesign aussehen, Quelle: Google

The main elements of the redesign at a glance

The refresh was spearheaded by Aileen Cheng, who is Google’s designer and the driving force behind the redesign process. On Google’s The Keyword blog, she explains the five main elements that are part of the new mobile redesign and the purpose behind it.

Simplicity

The top goal of the refresh was to simplify the Google layout. Aileen Cheng commented:

„We want to let the search results shine, allowing people to focus on the information instead of the design elements around it. It’s about simplifying the experience and getting people to the information they’re looking for as clearly and quickly as possible.“

Aileen Cheng, Google-Designerin


This change and simplification of the look is therefore intended to bring information more into focus. This should help users find what they are looking for more quickly.

Readability

Mobile devices require certain extras to guarantee readability and meet everyone’s expectations. For this reason, Google decided to take action here as well in the course of the redesign. The result: fonts are getting bigger and thicker. This is particularly noticeable in the titles of search results. In addition, Google is now increasingly using its own font. This font is already used in Gmail and Android but is now also to be found in the mobile search. Aileen Cheng comments:

„Bringing consistency to when and how we use fonts in Search was important, too, which also helps people to parse information more efficiently.“

Aileen Cheng, Google-Designerin
Hier findest Du eine schematische Abbildung, wie die mobile Suchergebnisseite zukünftig aussehen könnte. Dabei wird deutlich: Google setzt neben größeren Titeln jetzt auch zu 100% auf seine hauseigene Schrift.
So sehen die neuen mobilen Suchergebnisse aus, nachdem die Schrift angepasst wurde, Quelle: Google

Edge-to-edge design

Google also wants to create “Breathing Room” for its users. The idea behind this is to do away with shadows and thus direct the focus to what the user is looking for. For this, Google relies on an edge-to-edge design.

Color

Google also experimented with different colors to better highlight important things. In order not to distract users too much, the look should still be relatively clean. Google designer Aileen Cheng made the following statement:

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

Aileen Cheng, Google-Designerin

The “Googley” Feeling

Last but not least: The Googley feeling should of course not be lost despite the refresh. For this reason, you will find many rounded shapes in the new design. The round shapes are already known to the users through the Google logo and thus create recognition value.

Zu sehen ist das Google Logo und die Suchleiste. Im Logo selbst wurden die runden, charakteristischen Formen durch Kreise gekennzeichnet. Google möchte auch zukünftig mehr auf wiederkehrende Kreise im Layout setzen, um den eigenen Wiedererkennungswert noch zu steigern.
Das Google-Logo ist durch runde Formen geprägt – so soll es auch das Redesign sein, Quelle: Google

Recurring circles, which you can find not only in the logo, but also in the search bar and in the font used by Google, should make the look more accessible, friendly and human.

Google and design refreshing – What else is out there:

Additionally, as an agency, we’ve noticed that Google is currently (as it has from time to time in the past) experimenting with the fonts in the desktop version as well. Similar to Android, Gmail and now the mobile SERPs, the new preferred font is the in-house font “Google Sans”. This may soon replace the previously used font “Arial”.

This is important because it could have a strong impact on snippets. Especially title lengths would probably have to be optimized as soon as Google finalizes the font change.

Lara Meyer hat ihr Bachelorstudium der Betriebswirtschaft, Schwerpunkt Betriebswirtschaft der Medien, an der FH in Würzburg abgeschlossen. Als Teil des eology-Marketing-Teams kümmert sie sich um die Verbreitung des gesammelten eology-Wissens, indem sie ihr Know-how in Magazinen, Blogs und Zeitschriften teilt.

Contact

Just contact us

  +49 9381 5829000