Peeking at Googles New Search User Interface

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
1 of 15

Peeking at Googles New Search User Interface

by Clint Boulton

2 of 15

A New Look for New Search

Google has tweaked its logo. Can you tell the difference between the old and new? No? The old logo, with the fat drop shadow and TM symbol, is being replaced by the cleaner option below.

3 of 15

Old Homepage

Here's the old familiar homepage people have been working with for years.

4 of 15

The New Homepage Design

And the new homepage. Looks cleaner, right? We actually liked the fuller drop shadow, but oh, well. There's no accounting for taste.

5 of 15

Old Search Engine Results Page

Here is what search results look like for the query "string theory" on the SERP (search engine results page). Note the button for search options pointed out at the top.

6 of 15

New SERP

And here's the new look. New content type options help users refine searches. The query "string theory" returns search refinement options such as Images, Videos and Books.

7 of 15

Old Search Options

In the old search UI, a user clicked the "Show options" link that we circled a couple slides back to refine searches.

8 of 15

Select New Content Types

Now users click a content type, such as videos, to see this streamlined SERP.

9 of 15

Different Searches Yield Tailored Results

"String theory" returned options for video, books and more. The SERP for "NFL draft" offers more current info, such as updates and tweets.

10 of 15

Shopping with the New Google Search

Similarly on the relevance front, a search for "big green egg" is tailored toward shopping results.

11 of 15

Displaying Latest Updates over the Past 2 Days

Google also now zeroes in on various time periods based on the immediacy of news events. The UI lets users refine searches to the last two days or to the latest news.

12 of 15

Something Different

Google UI borrows from Google Squared by offering related concepts.

13 of 15

Google Search UI Goes Mobile

What Google did for its desktop search UI it ported to its mobile search.

14 of 15

Footer

These are the new (wedding cake shape) and old SERP footers.

15 of 15

What Might Have Been

Google tested several design prototypes before settling on the new UI.

Top White Papers and Webcasts