Celebrity Craze...!: Google Search: A visual history

Google Search: A visual history

<div>
<h1 class="h1" itemprop="headline" style="font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif;">
<span style="background-color: white; color: #6aa84f;">Google Search: A visual history</span></h1>
</div>
<img src="http://o.aolcdn.com/hss/storage/midas/97e0c53e5aa3bf44c7f2c73b71e07bd2/200072123/google-lead.jpg" /><div style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
<em>"To organize the world's information and make it universally accessible and useful."</em></div>
<div class="msgText" id="message_822" style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
That was one of the primary goals Larry Page and Sergey Brin set when they launched Google in 1998 as a privately owned search company. Since then, the Mountain View-based outfit has branched out, creating a mobile operating system, mapping service, cloud-based productivity apps, branded devices and, now, smart thermostats. All of those offshoots, however, always point back to the company's original aim: search. That baseline service is something Google's been making refinements to ever since its inception. A practice that continues to this day, with the company constantly improving upon the usability and design of its search-based offerings. This means cleaning up a UI when needed, and launching new features that serve up that much-lauded universal accessibility in short order. What may come across as a small box centered in a vast expanse of white is,<wbr></wbr> as you'll see,<wbr></wbr> actually something that's constantly evolved since '98.</div>
<div class="post-gallery" style="background-color: white; border: 1px solid rgb(235, 235, 235); font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin: 20px 0px; padding: 11px 17px; position: relative; width: auto;">
<h3 class="title" style="border: none; font-size: 20px; font-weight: normal; line-height: 24px; margin: 0px;">
<span style="color: #6aa84f;">Google Search: A visual history</span></h3>
<ul class="thumbs" style="color: #333333; list-style: none; margin: 12px 0px 8px; overflow: hidden; padding: 0px; width: auto;">
<li class="thumb" data-count="7" style="float: left; margin: 2px 2px 2px 0px; width: 113px;"><a class="gallery-link" href="http://www.engadget.com/gallery/google-search-a-visual-history/2587546/#!slide=2587546" style="border: 1px solid rgb(187, 187, 187); color: #3399cc; display: block; text-decoration: none;"><img src="http://www.blogcdn.com/slideshows/images/slides/258/754/6/S2587546/slug/s/gal1-1_95x95.jpg" style="border: 0px; display: block; height: auto !important; max-width: 100%; width: 111px;" /></a></li>
<li class="thumb" data-count="7" style="float: left; margin: 2px; width: 113px;"><a class="gallery-link" href="http://www.engadget.com/gallery/google-search-a-visual-history/2587547/#!slide=2587547" style="border: 1px solid rgb(187, 187, 187); color: #3399cc; display: block; text-decoration: none;"><img src="http://www.blogcdn.com/slideshows/images/slides/258/754/7/S2587547/slug/s/gal2-1_95x95.jpg" style="border: 0px; display: block; height: auto !important; max-width: 100%; width: 111px;" /></a></li>
<li class="thumb" data-count="7" style="float: left; margin: 2px; width: 113px;"><a class="gallery-link" href="http://www.engadget.com/gallery/google-search-a-visual-history/2587711/#!slide=2587711" style="border: 1px solid rgb(187, 187, 187); color: #3399cc; display: block; text-decoration: none;"><img src="http://www.blogcdn.com/slideshows/images/slides/258/771/1/S2587711/slug/s/gal3-1_95x95.jpg" style="border: 0px; display: block; height: auto !important; max-width: 100%; width: 111px;" /></a></li>
<li class="thumb" data-count="7" style="float: left; margin: 2px; width: 113px;"><a class="gallery-link" href="http://www.engadget.com/gallery/google-search-a-visual-history/2587548/#!slide=2587548" style="border: 1px solid rgb(187, 187, 187); color: #3399cc; display: block; text-decoration: none;"><img src="http://www.blogcdn.com/slideshows/images/slides/258/754/8/S2587548/slug/s/gal4-1_95x95.jpg" style="border: 0px; display: block; height: auto !important; max-width: 100%; width: 111px;" /></a></li>
<li class="thumb" data-count="7" style="float: left; margin: 2px; width: 113px;"><a class="gallery-link" href="http://www.engadget.com/gallery/google-search-a-visual-history/2587725/#!slide=2587725" style="border: 1px solid rgb(187, 187, 187); color: #3399cc; display: block; text-decoration: none;"><img src="http://www.blogcdn.com/slideshows/images/slides/258/772/5/S2587725/slug/s/use-2011-1_95x95.jpg" style="border: 0px; display: block; height: auto !important; max-width: 100%; width: 111px;" /></a></li>
<li class="thumb" data-count="7" style="float: left; margin: 2px 0px 2px 2px; width: 113px;"><a class="gallery-link" href="http://www.engadget.com/gallery/google-search-a-visual-history/2587549/#!slide=2587549" style="border: 1px solid rgb(187, 187, 187); color: #3399cc; display: block; text-decoration: none;"><img src="http://www.blogcdn.com/slideshows/images/slides/258/754/9/S2587549/slug/s/gal6-1_95x95.jpg" style="border: 0px; display: block; height: auto !important; max-width: 100%; width: 111px;" /></a></li>
</ul>
<div class="photo-number" style="color: #898989; float: right; font-size: 15px; line-height: 18px; margin-left: 5px; margin-right: 5px;">
7 Photo<br /><br />s</div>
<div class="clear" style="clear: both; color: #333333;">
</div>
</div>
<div style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
</div>
<h3 style="font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 24px; margin: 1em 0px; text-transform: uppercase;">
1998-2001: PRIMARY SEARCH</h3>
<div class="image-container" style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-left: -15px; margin-right: -15px; text-align: center;">
<img alt="" data-credit="AOL" data-mep="232745" src="http://o.aolcdn.com/hss/storage/midas/596faa17d16a6ba6b685b9e036b3bb57/200069260/Use_1998.jpg" style="border: 0px; display: block; height: auto !important; margin: 0px auto !important; max-width: 100%; width: 768px;" /></div>
<div style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
For the first few years of its existence, Google.com was purely a search engine with its now iconic box and "I'm feeling lucky" hunting option. The latter was meant to help users discover new sites during the course of their queries.</div>
<h3 style="font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 24px; margin: 1em 0px; text-transform: uppercase;">
2001-2007: TOTALLY TABULAR</h3>
<h3 style="font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 24px; margin: 1em 0px; text-transform: uppercase;">
</h3>
<div class="image-container" style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-left: -15px; margin-right: -15px; text-align: center;">
<img alt="" data-credit="AOL" data-mep="232240" src="http://o.aolcdn.com/hss/storage/midas/ce824c324414855282fb19a1894c1fdf/200067980/Use_2001-07.jpg" style="border: 0px; display: block; height: auto !important; margin: 0px auto !important; max-width: 100%; width: 768px;" /></div>
<div style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
If you needed to conduct an image-based search, Google added tabs just above the search box in 2001 to make the task much easier. These would take on a variety of looks in the years to come, but at launch, they were nestled up under the ultra-recognizable multihued logo.</div>
<h3 style="font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 24px; margin: 1em 0px; text-transform: uppercase;">
2006-2007: TABS TAKE OVER</h3>
<div class="image-container" style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-left: -15px; margin-right: -15px; text-align: center;">
<img alt="" data-credit="AOL" data-mep="234168" src="http://o.aolcdn.com/hss/storage/midas/ad2ad6a9fa7a6fa20b05549865ec212b/200072554/Use_2006.jpg" style="border: 0px; display: block; height: auto !important; margin: 0px auto !important; max-width: 100%; width: 768px;" /></div>
<div style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
Tabs didn't just stop there. They also briefly crossed over to Google's Gmail and Calendar, offering useful links atop those interfaces. Those apps have since been cleaned up drastically, but there was a time when both were weighed down with clickable, tabbed options.</div>
<h3 style="font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 24px; margin: 1em 0px; text-transform: uppercase;">
2007-2011: NAVIGATION BAR</h3>
<div class="image-container" style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-left: -15px; margin-right: -15px; text-align: center;">
<img alt="" data-credit="AOL" data-mep="232746" src="http://o.aolcdn.com/hss/storage/midas/68ff57f9f8a7499a16cde9e00e7d8298/200069457/Use_2007-11.jpg" style="border: 0px; display: block; height: auto !important; margin: 0px auto !important; max-width: 100%; width: 768px;" /></div>
<div style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
Some folks didn't take too kindly to Google moving that tabbed content to a navigation bar at the top of the page. For a span of about four years though, search links and app access rested there.</div>
<h3 style="font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 24px; margin: 1em 0px; text-transform: uppercase;">
2011: THE GOOGLE MENU</h3>
<div class="image-container" style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-left: -15px; margin-right: -15px; text-align: center;">
<img alt="" data-credit="AOL" data-mep="234169" src="http://o.aolcdn.com/hss/storage/midas/aecc7d0ee341beea48b225a8ca475133/200072604/Use_2011.jpg" style="border: 0px; display: block; height: auto !important; margin: 0px auto !important; max-width: 100%; width: 768px;" /></div>
<div style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
In an effort to clean up that navigation bar, Google opted to tuck those handy search categories and its suite of apps into a drop-down menu at the top-left corner of the UI. The bar itself stayed put, adding Google+ access and notifications on the right-hand side.</div>
<h3 style="font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 24px; margin: 1em 0px; text-transform: uppercase;">
2012: GOOGLE NOW</h3>
<div class="image-container" style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-left: -15px; margin-right: -15px; text-align: center;">
<img alt="" data-credit="AOL" data-mep="232241" src="http://o.aolcdn.com/hss/storage/midas/27875c5aeb62a15729c150d1e6e9f8cc/200068103/Use_GoogleNow.jpg" style="border: 0px; display: block; height: auto !important; margin: 0px auto !important; max-width: 100%; width: 768px;" /></div>
<div style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
With the release of Android 4.1 Jelly Bean, the folks in Mountain View introduced a new type of mobile search product: Google Now. This card-based system draws upon user habits and search histories to display everything from weather to packages ordered, flight status and the latest scores from your favorite team<em>.</em> Google's even extended Now's reach beyond just Android, making it available on both iOS and thedesktop in the years since its release.</div>
<h3 style="font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 24px; margin: 1em 0px; text-transform: uppercase;">
2014: TIDIED UP WITH VOICE SEARCH</h3>
<div class="image-container" style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-left: -15px; margin-right: -15px; text-align: center;">
<img alt="" data-credit="AOL" data-mep="232747" src="http://o.aolcdn.com/hss/storage/midas/5a88e2316276a5f6e5e8564e0971d84e/200069212/Use_2014.jpg" style="border: 0px; display: block; height: auto !important; margin: 0px auto !important; max-width: 100%; width: 768px;" /></div>
<div style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
It may not look like much has changed, but that top navigation bar has been tweaked again. This time, Google's cleaned it up by moving that handful of links to the top-right corner alongside notifications for Google+. There's even another drop-down menu for accessing those trusty Google Drive apps and a handy list of sites that you visit most. To top it all off, the search box that's been there from the very start now features voice search.</div>
<h3 style="font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 24px; margin: 1em 0px; text-transform: uppercase;">
GOOGLE DOODLES</h3>
<div class="image-container" style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-left: -15px; margin-right: -15px; text-align: center;">
<img alt="" data-credit="Google" data-mep="232243" src="http://o.aolcdn.com/hss/storage/midas/4388e71b311423fdf38f3464e0f818ca/200067924/Screen+Shot+2014-04-24+at+1.57.38+PM.png" style="border: 0px; display: block; height: auto !important; margin: 0px auto !important; max-width: 100%; width: 768px;" /></div>
<div style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
Even before the company was officially incorporated, Google Doodles were a thing. The first was posted in 1998 to announce the attendance of Page and Brin at Burning Man. Since then, the artwork has been used to celebrate all kinds of events, from the Olympics to birthdays of influential folks. The Doodle team has been keen to add a heavy dose of interactivity throughout the years, too, as evidenced by one of our favorites: a recordable Moog synthesizer for Robert Moog's 78th birthday.</div>
<h3 style="font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 24px; margin: 1em 0px; text-transform: uppercase;">
MOBILE-MINDED</h3>
<div class="image-container" style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-left: -15px; margin-right: -15px; text-align: center;">
<img alt="" data-credit="AOL" data-mep="232748" src="http://o.aolcdn.com/hss/storage/midas/a09c7f62848baf1ae876af05b56657d8/200069214/Use_Mobile.jpg" style="border: 0px; display: block; height: auto !important; margin: 0px auto !important; max-width: 100%; width: 768px;" /></div>
<div style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
"You don't need to be at your desk to need an answer," reads entry number five in Google's "Ten things we know to be true."</div>
<div style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
Browser-based search on mobile has largely taken on the look of its desktop counterpart. Even today, there's a side-mounted app tray to keep the main page focused on hunting for crucial info. Most Android users have a handy window on their home screens and Google's apps pre-installed, so there's no real need to hit the search web page directly. In terms of the standalone Search app, though, it primarily drives the aforementioned Google Now.</div>
<h3 style="font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 24px; margin: 1em 0px; text-transform: uppercase;">
ALWAYS SEARCHING</h3>
<div style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
To say that the folks in Mountain View have expanded the search engine since 1998 would be a massive understatement. It's quite clear many of Google's other products harken back to its prowess in handling queries. From Nexus to Now and Glass, there's little chance that search won't continue to drive all that Google does -- no matter how its look may change.</div>
<div style="color: #333333; font-family: 'Segoe UI', proxima-nova, proxima-nova-1, proxima-nova-2, 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 1em; margin-top: 1em;">
<small style="font-size: 12px;">Desktop screenshots courtesy of Google, except for the 2014 image.</small></div>

Google Search: A visual history

Google Search: A visual history "To organize the world's information and make it universally accessible and useful." Th...

Google Search: A visual history

Google Search: A visual history

Google Search: A visual history "To organize the world's information and make it universally accessible and useful." Th...

Celebrity Craze...!

Google Search: A visual history

Google Search: A visual history

Hot Celeb Gossips

Labels

Labels

Labels

Labels

Pages