http://www.lensociety.com/page-magnifying/
Top 5 Changes to the Google Search Engine Page Design
Top 5 Changes to the Google Search Engine Page Design
By
The Google search results page was just drastically improved. A clear hierarchy of user interface elements was carefully considered and executed, meaning it’s now just a little easier to make sense of the glut of information this search engine gives us every day. In the past, Google has suffered from design-by-committee syndrome. One example where that has not been true has been their amazing maps. The new look was created by Andy Hertzfeld. One of the seminal Apple UI designers, he worked there from 1979 to 1984. Nothing in this redesign added server load. The user interface was improved through cosmetic changes that give better legibility and useability. I’ve used an original search engine results page (SERP) from SearchEngineLand’s Flickr stream, released under a Creative Commons license. I’ll start right at the top of the page:
1. Main Navigation
- Main navigation has been clearly separated from the logo/search field by making the background a charcoal gray.
- More vertical space above and below menu items.
- The items in the bar have been spaced out an additional two pixels.
- The active item over-line is now red.
- The pattern language of the navigation bar, so widely prevalent on the web, has been leveraged to allow the designer to remove the link underlines.
2. Logo/Search Area
- The logo has been reduced by about 20 points (about 15.5%) which brings it into better scale with the other elements on the page.
- Search field has been reduced vertically by about three pixels.
- The entire logo/search field area has been given a light gray background with a darker lower border. This separates the primary search area from the results. Because the logo is smaller, this area was able to be reduced in height by 4-5 pixels.
- The ‘Search’ button has been replaced with an icon of a magnifying glass that needs no translation.
3. Left-Hand Sidebar
This area originally annoyed some because it seemed to add a visual barrier to their results. There’s even a Firefox plugin out there that removes that sidebar. In the newest design, the sidebar has been widened even more, from 160 pixels to about 190 or 230 pixels, depending on the width of your browser window. I think there are some good reasons for this. Older web sites often put vital navigation information in the lefthand sidebar, until it was shown through that people noticed it only after information in the header and main content areas. Placing tools that refine the results in this area makes sense, since a user will probably follow the pattern of:
- Input a search term in the search field
- Scan the results to see if Google has delivered what they’re looking for
- Look for a way to refine the results in the More Tools area (I often use date filters to find recent blog posts)
Only then does a user tend to look toward the ads on the right sidebar.
Icons on the left sidebar were in bright Google colors that distracted the eye away from search results and other important elements. They’ve been converted from blue to the same charcoal gray as the header, simplified and enlarged for emphasis. They are easier to understand now that they have room to be seen and no longer compete with one another for attention. Yet they fall below the search results in importance because of their muted color. Removing the rules from between and to the right of the menu items eliminates visual noise and allows typographic principles of white space to perform the same function more effectively. The currently-active service was indicated by a bright blue background that jumped in front of the search results. Now the text and icon is the less-saturated red, causing less distraction. The More button now reveals other Google services rather than search tools, which have been moved to their own dropdown. These are no longer blue but rather charcoal gray (#333333, the same as the top menu background). This is crucial to their improved integration into the page design. The filters are lighter (#666666) and have more line spacing (19px, rather than 18px). Now that Google is so location-oriented, they’ve given your location pride of place by setting it off with a red title and very light rules.
4. Search Results Are Easier to Read
Another reason why the left sidebar area has been a boon to searchers is that it gave Google an opportunity to reduce the spread, or the number of horizontal characters, in the results. The first line of the old results page has about 115 characters. The longest line I could find in the new results has about 100 characters. This makes it slightly easier to read the second line of the results, since the eye doesn’t have to travel as far to find the beginning of the next line. In the search results, the leading, or line-height, has been increased by one pixel.
5. Colors
The type colors hold together much better in the new design. At first, I thought that the new blue link color was less saturated, or bright, but in fact it is more saturated, but darker. here’s a comparison of all of the colors, plus the new red that was introduced:As you can see, the brightest color is still the link blue of the search results. This means that Google’s stock-in-trade always comes first.
Conclusions
There’s an overall pattern of page elements being reduced and scaled back in order to play better with each other. A solid understanding of color and typography have been put to work to better serve the needs of Google’s users.
Now Pay Close Attention –
Ranking well in Google has now become a game of popularity, and without help you can be left at the bottom of the list. But now there are two reasons you don’t have to suffer on Google Page 10 never to be found:
[Reason #1] Google Plus One Supply provides 1,000 plus ones that are guaranteed to stick to your website.
[Reason #2] Gogole Plus One Supply guarantees their Plus Ones.
Now you finally have a solution that lets you achieve long-lasting professional results � with the click of your mouse. You no longer need to sit at the bottom of Google hoping a visitor will happen by your website. Instead, you can buy Google Plus ones! As many as you like� as often as you like!
First: Buy Google +1
1,000 Google Plus One’s added to your website for just $249!
Second: WATCH YOUR SITE RISE IN THE RANKINGS LIKE A ROCKET!
With 1,000 Google +1′s added to your website your rankings will increase overnight!
About the Author
Google Plus One’s are the new online currency and without them your website is stuck below your competition.
GooglePlus1Supply.com will increase your websites Google Plus One’s and you will see increased rankings overnight!
Buy Google +1 Today!
The Wireless Page To TV Magnifier
|
|
2 x Page Size Magnifying Sheet 10X7 $1.49 Prefect for reading telephone books, maps, computer printouts & more! It is great when you need to scan a list or to look for something in a directory. You can see most of the page without moving the magnifier. Sold in set of 2…. |
|
|
Bausch & Lomb 2X Magna-Page Full-Page Magnifier with Molded Fresnel Lens, 8.25 x 10.75 Inches (819007) $5.05 Full-page magnifier offers an easy way to magnify an entire page instead of repositioning constantly with a small magnifier. The 2X handheld magnifier creates an image size twice as large as that which the unaided eye sees at 10″. The specially designed Fresnel lens is molded optical-grade acrylic rather than hot stamped for optimum image quality. Fresnel lens technology allows this large-size len… |
|
|
MAGNIFYING SHEET 8 1/4 X 11 IN STAND:MP-99575 $5.91 MP-99575 : Magnifier Sheet With Stand : : (Desktop Magnifiers)Full Sheet Sized Magnifier With Spring-action Folding Legs. This Magnifier Can Help You See When Your Forget Your Glasses, Or Your Glasses Aren’t Strong Enough To See The Really Small Print. This One Can Come In Really Handy In Anybody’s Life…. |
|
|
Fulcrum Magnifier 12 LED Floor Lamp $67.09 The Fulcrum Magnifier Floor Lamp offers improved vision and plenty of cool light, allowing you to work up close without straining your eyes. Great for activities like reading and sewing, this illuminated magnifying lamp increases your field of vision when you need to see every last detail. The large 5-inch diameter lens has 2x magnification power with a 6x inset for fine details. Its 12 glare-free… |
|
|
Quality Magnifier Floor Lamp for Reading – X-Large Lens – 60 LED $149.99 The perfect ‘chair side’ companion – engineered specifically as vision aid for natural reading and viewing ease. Quality built for years of dependable, trouble-free service – features advanced LED (Light Emitting Diode) lighting technology:Longer-Lasting – 100,000-hour estimated life means no bulbs to changeCool – LED produce virtually no heat; incandescent bulbs reach 300+ degreesUltra-Efficient … |
|
|
Daylight 24 402039-05 Natural Daylight Magnifier Floor Lamp $69.19 … |
|
|
Carson Optical Lighted Magnifold Magnifier $9.89 The MJ-50 LED Lighted MagniFold from Carson Optical represents the latest in Handheld Magnifier design. Its rectangular lens is shaped for the way you naturally view things, and a collapsible handle locks into any of six different positions for the most comfortable alignment. Fold the handle flush for easy storage. The MJ-50 Lighted MagniFold Magnifier has built-in LED illumination…. |
|
|
UltraOptix LED Lighted Folding Magnifier 3x $12.99 A 3x magnifier with a rubberized handle, tucked in an acetate gift box. Unfold the handle and give the rubberized portion a light tug to reveal the battery compartment. Insert one AAA battery, replace the handle and slide the ridged button up to illuminate the long-lasting LED light. (LED light lasts for 8 continuous hours, or 100,000 hours if used only intermittently.) Powerful magnification and … |
|
|
The Classic Magnifying Glass 3 with Powerful 5X Magnification – Metal Frame $5.50 Perfect for stamp collecting, detail inspecting and more.Classic-style magnifier still popular for it’s effective simplicity.Essential tool for reading & vision aid, examining documents & plans, photographs and collectibles… |
|
|
Canon LiDE200 Color Image Scanner (2924B002) $74.99 Manufacturer Product Description How easy is this? Just select what you want to do with your original – scan, copy, or create email attachments or PDFs – and the entire process is automated. The new Auto Scan Mode detects your type of original, then scans and saves it with the optimal settings. Your results will be outstanding, with color dpi resolution up to 4800 x 4800, and you can a… |
