Simplifying Simple

Well, this was most certainly a challenge. Thanks Erik. Trying to redesign one of the most simply and iconic pages on the internet was no small feat, but after doing some research I actually found that this is something that’s starting to be needed.

For a lot of us, we never really noticed the additions that have been made to the Google Homepage, since we either have Google Instant enabled (which makes it so that when you type in your search it immediately shows you your search results) or, we either use Google through a third party source instead of the website (searching through your browser’s tab or your mobile device’s search bar).

If you take a good hard look at Google’s homepage the way it is, there are now 15 different things to click. If you’re logged into your Google Account, you have options to immediately share to Google Plus, a bell icon which shows you your Google+ notifications, standalone CTAs for Gmail and Images, a footer which has an About, Business and Advertising section, AND a settings button. Oh, and an updated Privacy & Terms Page.

Seems like the simplicity is starting to go away.

Another big thing that I noticed when going through Google’s multiple services is that each page is handled differently. Google and Google Image Search haven’t made any massive leaps, but if you check out Google+ and the Play Store, there’s some really neat things that are done with the navigation. Same goes with Google Drive and Google Keep. But, there are all independent of each other and there’s no cohesion between all the services.

With these factors being brought up, the primary goal for this project was to find a way to join all of Google’s services into one cohesive navigation. The next goal was to simplify the home page. The final element was to integrate Google Now’s services into the desktop service.

So that being said, let’s see what I went and did!

  1.  Trim the fat - The first thing to do was remove what I viewed was unnecessary on the home page. This meant hiding most of the CTAs on the top right just into the profile photo for people who need them. Next, I went and removed the “Google Search” and “I’m Feeling Lucky” CTAs. On desktop, I don’t really view them as necessary since most people go on Google and immediately start typing what they need to find. On mobile, I kept the search icons and also added a drawer for any additional services which are needed.
  2.  Responsive Layout - Oddly enough, Google still serves up a different website when you view it on mobile. Since the elements have been drastically simplified, I propose that the Google page should be able to live on its own and scale accordingly for each device
  3. Deep integration with Voice Search - If I want to future-proof the Google homepage, I feel like voice search is something that has been ramping up and radically improving within the last couple of years. This allows more instantaneous search and deeper integration with Google Now (which I will get to in a bit)
  4. Global Persistent Nav Bar - To unify the various services, I went and made a persistent nav bar which will be able to work with all Google services without drastic redesigns. As you can see with my examples for Google+ and Google Maps, you’re able to have a navigation bar which stays the same as you bounce between all the different services
  5. Google Now integration - This has been something life changing for me, but after getting used to it, I use Google Now for everything in my life, from setting alarms to keeping up to date with news to random stupid searches. Having the Google Now Voice CTA front and center on the home page will hopefully encourage people to use the service more. Just like the mobile version, I support the concept of having everything live all on one screen. When you ask Google for a prompt, the Search Bar will swing to the left and on the right all relevant information will be displayed. 

Thanks for viewing guys! And big up’s to Erik for scheming up this awesome challenge

Project 9: Google.com Search Redesign
Hey errybody! This week’s posts were all about redesigning Google’s homepage. I really admire Google’s current simplicity, so this project was quite a challenge for me! (Not to mention I’ve never done ANY web design).
I based my design off of simple tiles that you can personalize to your common searches. I was inspired by today’s technology of “touching/swiping/browsing”… so I thought it’d be a nice interface to use for the different search fields. As soon as your search field is selected, you see a cursor and can begin typing whatever you’re looking for!
—Alli

Project 9: Google.com Search Redesign

Hey errybody! This week’s posts were all about redesigning Google’s homepage. I really admire Google’s current simplicity, so this project was quite a challenge for me! (Not to mention I’ve never done ANY web design).

I based my design off of simple tiles that you can personalize to your common searches. I was inspired by today’s technology of “touching/swiping/browsing”… so I thought it’d be a nice interface to use for the different search fields. As soon as your search field is selected, you see a cursor and can begin typing whatever you’re looking for!

—Alli

Project 9: Google.com Search Redesign

For this project, I spent 90% of my time thinking of/sketching out the layout of the page and the last 10% was spent on the execution. I put a lot of thought into what functions could be added to the page - and after several wireframes, I decided to keep the functionality of the page similar to how it is now. There’s something to be said for such a simple composition with no added call-to-actions.

For my execution, I wanted to bring Google’s color palette forward and create a vibrant, larger-than-life presence for the search function. Depending on what device you’re on, I have the map at the bottom of the browser with a scrubber, allowing the map to expand and take over the browser window. When the map search page takes over the browser, the scrubber reappears at the bottom, this time allowing the opportunity to expand the main search bar back onto the browser window - so the possibility to infinitely scrub between the two screens adds to the user experience.

I had so much fun with this project and hope y’all like my interpretation of the redesign.

//Erik

Project 9: Google.com Search Redesign
Hey there folks- Erik sure picked a doozy this time with Google.com as our starting point for this project! The one thing I felt was iconic about the search page was how simple it was with utility being the cornerstone. I wanted my redesign to still have that simplicity but also to include more functionality and update the general look.
I chose to eliminate the bright colors typically found in the logo and to do a search line instead of the typical text box. On the bottom dock, users would find their own apps for Gmail, gChat, Maps, etc. The apps would be customizable and interfaced with the general navigation throughout the partner sites.
Thanks for taking the time to check this out!
-Casey

Project 9: Google.com Search Redesign

Hey there folks- Erik sure picked a doozy this time with Google.com as our starting point for this project! The one thing I felt was iconic about the search page was how simple it was with utility being the cornerstone. I wanted my redesign to still have that simplicity but also to include more functionality and update the general look.

I chose to eliminate the bright colors typically found in the logo and to do a search line instead of the typical text box. On the bottom dock, users would find their own apps for Gmail, gChat, Maps, etc. The apps would be customizable and interfaced with the general navigation throughout the partner sites.

Thanks for taking the time to check this out!

-Casey

Project 9: Google.com Search Redesign

In my opinion the architecture of Google is pretty straightforward, I just stripped it down a bit. The pages displayed are assuming the user is already signed into google, hence the avatar on the top right side of the screen. The rest of the nav is trimmed down and is housed in the menu icon.

Google has some pretty cool features that not a lot of people know without doing some digging. I thought the use of Google Trends allowed for a bolder look with the solid color and white bold text. These are searches displayed in real time. You can also toggle between countries and see what they’re searching. I also thought about how the page would look if there was a Google Doodle for the day and I imagine it would swap out with the Google Trends. 

The user’s Google Now information is displayed below allowing for a more personalized view of the Google.com page. 

-Fran 

Project 9: Google Reskin

Happy Easter y’all! Hope its a good one! So for this project, I pretty much had no idea where to start. It’s been a while since I’ve been in the web game and on top of that, redesigning a website that I think works great  was a tough task for me to wrap my mind around.

So, naturally, I asked some of my friends, both Mac and PC users, what they wanted from their Google. And interestingly enough, I found what I needed from users of Android phones. All that research from those people can be summed up pretty well by what my best friend Amy said.

"I love how it knows my life"

She told me all these cool things that Google for Android does that I wish could do with one app let alone across all of my devices. 

So basically I made Google like a personal dashboard. You have your apps to your right that includes notifications to tell you whether you are missing your TV show, what you have on your schedule and how many emails you have. They are all customizable so you don’t have any required apps and then some free spaces; you can customize everything on your dashboard. In my perfect google world, there would be apps or tabs for every hobby, so I added a Movie tab that lets you track and save what movies are coming out and which ones I want to make sure I don’t miss in theaters. 

They are fixed and will always be on the side of the screen as long as you are on a Google page. You can click them to pull them out to reveal all your information. Or you can chose to hide all if need be. 

The last feature I added was that when you search, not only does it search the web, it also searches your dashboard in case you need to find something you have archived quickly. 

Hope you like it!

-Jenn

Project 9: Google.com Search Redesign

When approaching a beast such as Google, I had to step back and evaluate what bothered me about the current page. I noticed some unnecessary elements that could go. I do not believe the buttons to hit search are required and neither is the actual search window. I also did not like how I had to click to access a list of my commonly used Google Apps/Tools such as Gmail, Calendar, Drive, YouTube and Maps. This resulted in me pulling them into the bottom with the idea that, once signed in, those preferred apps could be switched around to include other products the likes of Google Wallet or even an RSS link for a Blogger page.

If you notice in the lower image you will see that the circle the encompasses the microphone pulses. This shows an active microphone. I propose that the voice search command is, by default, always active when Google.com is visible. With voice recognition and increased interaction with our technology I think this could really help immerse the masses in voice commands and human/technology experiences.

Jake

Project 9 Prompt: Google.com Search Redesign

In order to exercise our digital muscles, let’s redesign Google.com! This is limited strictly to a reskinning of the current site. Rebranding and/or adding any new functionalities to the home search page is completely optional. With there being already a minimal approach to the page, reimagining should require us to think hard, critically and outside of the box to create a quality solution.

Projects will be submitted throughout the day on Sunday, April 20th so mark your calendars! 

To continue the conversation with us, say hello on twitter. Also make sure to check out who makes us up over in the About page full of designers bios.