<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>IndiaNIC BLOG &#187; 2009</title>
	<atom:link href="http://www.indianic.com/blog/2009/feed" rel="self" type="application/rss+xml" />
	<link>http://www.indianic.com/blog</link>
	<description>Official blog of IndiaNIC</description>
	<lastBuildDate>Mon, 21 May 2012 04:22:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Google Shows Real Time Updates</title>
		<link>http://www.indianic.com/blog/search-engine-news/google-shows-real-time-updates.html</link>
		<comments>http://www.indianic.com/blog/search-engine-news/google-shows-real-time-updates.html#comments</comments>
		<pubDate>Thu, 24 Dec 2009 07:37:05 +0000</pubDate>
		<dc:creator>Jigar Panchal</dc:creator>
				<category><![CDATA[Search Engine News]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[realtime search]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://blog.indianic.com/?p=1874</guid>
		<description><![CDATA[Google just started showing realtime updates from social websites, news feeds and blogs. Based on relevance &#8211; the updates as they happen and they appear on twitter, friendsfind, NYTimes, or just on any blog &#8211; they get listed right within the Search Results.
The amazing part is that Google magically&#8230; <a href="http://www.indianic.com/blog/search-engine-news/google-shows-real-time-updates.html" class="read_more">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<div class='wp_fbr_top'></div><div class='wb_fb_top'><div style="float:right;"></div></div><p>Google just started showing realtime updates from social websites, news feeds and blogs. Based on relevance &#8211; the updates as they happen and they appear on twitter, friendsfind, NYTimes, or just on any blog &#8211; they get listed right within the Search Results.</p>
<p>The amazing part is that Google magically picks up the updates those were updated seconds ago! Yet another revolutionary invention by the impeccable internet maestro.</p>
<p>This is how it looks within the search results -</p>
<p><a href="http://blog.indianic.com/wp-content/uploads/2009/12/Screen-shot-2009-12-24-at-12.23.09-PM.png" rel="lightbox[1874]"><img class="alignnone size-medium wp-image-1875" title="Screen shot 2009-12-24 at 12.23.09 PM" src="http://blog.indianic.com/wp-content/uploads/2009/12/Screen-shot-2009-12-24-at-12.23.09-PM-300x202.png" alt="Screen shot 2009-12-24 at 12.23.09 PM" width="300" height="202" /></a></p>
<p>When you click on &#8220;Latest Results&#8221; &#8211; it shows entire result set stuffed with all the fresh updates! How neat!?!?</p>
<p><a href="http://blog.indianic.com/wp-content/uploads/2009/12/Screen-shot-2009-12-24-at-12.25.30-PM.png" rel="lightbox[1874]"><img class="alignnone size-full wp-image-1876" title="Screen shot 2009-12-24 at 12.25.30 PM" src="http://blog.indianic.com/wp-content/uploads/2009/12/Screen-shot-2009-12-24-at-12.25.30-PM.png" alt="Screen shot 2009-12-24 at 12.25.30 PM" width="428" height="311" /></a></p>
<p>Keep your eyes open till google pulls another rabbit out of their hat!</p>
<p>Jigar Panchal<br />
IndiaNIC.com</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.indianic.com%2Fblog%2Fsearch-engine-news%2Fgoogle-shows-real-time-updates.html&amp;title=Google%20Shows%20Real%20Time%20Updates" id="wpa2a_2"><img src="http://www.indianic.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.indianic.com/blog/search-engine-news/google-shows-real-time-updates.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Don&#8217;t see your Products on Google Product Listing?</title>
		<link>http://www.indianic.com/blog/yahoo-store-rtml/dont-see-your-products-on-google-product-listing.html</link>
		<comments>http://www.indianic.com/blog/yahoo-store-rtml/dont-see-your-products-on-google-product-listing.html#comments</comments>
		<pubDate>Tue, 20 Oct 2009 07:36:43 +0000</pubDate>
		<dc:creator>Jigar Panchal</dc:creator>
				<category><![CDATA[Yahoo Store / RTML]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[product name]]></category>
		<category><![CDATA[Yahoo! Store]]></category>

		<guid isPermaLink="false">http://blog.indianic.com/?p=1866</guid>
		<description><![CDATA[Wondering why your products are removed from Google&#8217;s Product Listing? You guessed it right. Google has come up with yet another change in their policies.
They now require that all promotional text / offer details be removed from actual product name and included in the description portion of the product.&#8230; <a href="http://www.indianic.com/blog/yahoo-store-rtml/dont-see-your-products-on-google-product-listing.html" class="read_more">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<div class='wp_fbr_top'></div><div class='wb_fb_top'><div style="float:right;"></div></div><p>Wondering why your products are removed from Google&#8217;s Product Listing? You guessed it right. Google has come up with yet another change in their policies.</p>
<p>They now require that all promotional text / offer details be removed from actual product name and included in the description portion of the product.</p>
<p><strong>For all your Yahoo! Store Merchants, you&#8217;ll need to change the names of all your products so that they do not contain promotional text such as &#8211; &#8220;FREE SHIPPING&#8221;, &#8220;20% off&#8221;, &#8220;On Sale!&#8221;, &#8220;Limited Edition&#8221; etc. from the *NAME* field of the product.</strong></p>
<p>Alternatively, you can include these kind of promotion in your ABSTRACT or CAPTION field where your product information is displayed.</p>
<p>Here&#8217;s the official announcement on Yahoo Store Blog about the same:</p>
<blockquote><p><em>Yahoo! Merchant Solutions customers with store items that include promotional text (such as mention of free shipping) in the item name or description may find that their product listings are being removed from Google’s product listings. Initial investigation of this issue shows that this may be occurring due to a change in enforcement of Google’s program policies.</em></p>
<p><em>For more information, please consult the Content Policies section of Google’s </em><a href="http://google.com/support/merchants/bin/answer.py?hl=en&amp;answer=160074" target="_blank"><em>Program Policies</em></a><em> page, which states, “Do not include promotional or boilerplate text in your product data feed. All text should directly describe the product you are submitting. Text relating to shipping or store policies should not be included.” You may also wish to read a Google </em><a href="http://www.google.com/support/forum/p/base/thread?tid=75d028bb6046bc28&amp;hl=en" target="_blank"><em>support forum thread</em></a><em> that discusses this problem.</em></p>
<p><em>We recommend that merchants using promotional text in their item names or descriptions edit these fields (Name and Caption fields) to remove this text. Please see our </em><a href="http://help.yahoo.com/l/us/yahoo/smallbusiness/store/edit/edit-13.html" target="_blank"><em>Store Editor</em></a><em> and </em><a href="http://help.yahoo.com/l/us/yahoo/smallbusiness/store/catalog/catalog-03.html" target="_blank"><em>Catalog Manager</em></a><em>help pages to learn more about editing item fields.</em></p></blockquote>
<p>For more on Google Product Content Policy &#8211; visit this page:<br />
<a href="http://google.com/support/merchants/bin/answer.py?hl=en&amp;answer=160074" target="_blank"> http://google.com/support/merchants/bin/answer.py?hl=en&amp;answer=160074</a></p>
<p>Jigar Panchal<br />
Department Manager, Yahoo Stores</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.indianic.com%2Fblog%2Fyahoo-store-rtml%2Fdont-see-your-products-on-google-product-listing.html&amp;title=Don%E2%80%99t%20see%20your%20Products%20on%20Google%20Product%20Listing%3F" id="wpa2a_4"><img src="http://www.indianic.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.indianic.com/blog/yahoo-store-rtml/dont-see-your-products-on-google-product-listing.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Achieving Higher SEO Ranking</title>
		<link>http://www.indianic.com/blog/seo-services/seo_ranking_how_t.html</link>
		<comments>http://www.indianic.com/blog/seo-services/seo_ranking_how_t.html#comments</comments>
		<pubDate>Mon, 10 Aug 2009 06:54:36 +0000</pubDate>
		<dc:creator>Mihir Rawal</dc:creator>
				<category><![CDATA[SEO Services]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://blog.indianic.com/?p=1858</guid>
		<description><![CDATA[With the application of the seo ranking system your website will be able to find a prominent sopt relative to your position in the search engine result pages. The SEO service support has it rhythmic tactics that can found a good or better ranking for your website and directs more&#8230; <a href="http://www.indianic.com/blog/seo-services/seo_ranking_how_t.html" class="read_more">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<div class='wp_fbr_top'></div><div class='wb_fb_top'><div style="float:right;"></div></div><p>With the application of the seo ranking system your website will be able to find a prominent sopt relative to your position in the search engine result pages. The SEO service support has it rhythmic tactics that can found a good or better ranking for your website and directs more traffic to your web pages. Search Engine Optimization place is of central importance to your dealings on the web.</p>
<p>Search Engine Optimization is categorized into On-Page SEO and Off-Page SEO. These two are equally important to the success of your web site. The On-Page SEO is about alt features, density of keyword, bearing scoring and page rank. This is where you have your blogs, articles and write-ups concerning your web business. Your write-ups or promotions and advertising must have the title, meta basics, title, and the subject of the page itself that includes the keywords.</p>
<p>Make assured you have the germane keywords in your meta tags and the description that will help in directing the traffic to your web pages. There is no must to overstuff for it only outweighs the key keyword. What is important is the keyword that is important to your business which is also your marketing tool. Meta content are html or xhtml elements which are used when you are creating your web pages.</p>
<p>Other websites are far more expected ready to relate to your website if they find it valuable with favorably informative content. One hundred percent originality and uniqueness of your web pages is one of the most effective methods to upsurge popularity. The Off-Page SEO is employed to point the highest probable page rank for your website. This is used to snowball your link popularity which is represented by the number of back links that are found on your website.</p>
<p>Going into common networking is one method where you can gather a lot of friends and prospects and at the same time promote you&#8217;re online identity. All these are simple methods that can ultimately give you online popularity. There are numerous ways to construct your online popularity. One is placing your articles on high-level sites which can be a good opportunity to present your web business and the products you involve. Another way is becoming a merchant partner where you hit two birds in one limestone: returns and popularity without much effort on your part in improving your seo ranking.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.indianic.com%2Fblog%2Fseo-services%2Fseo_ranking_how_t.html&amp;title=Achieving%20Higher%20SEO%20Ranking" id="wpa2a_6"><img src="http://www.indianic.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.indianic.com/blog/seo-services/seo_ranking_how_t.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Play Time: IndiaNIC Sails through to the Quarter Finals!</title>
		<link>http://www.indianic.com/blog/cricket/play-time-indianic-sails-through-to-the-quarter-finals.html</link>
		<comments>http://www.indianic.com/blog/cricket/play-time-indianic-sails-through-to-the-quarter-finals.html#comments</comments>
		<pubDate>Fri, 03 Jul 2009 07:59:02 +0000</pubDate>
		<dc:creator>Jigar Panchal</dc:creator>
				<category><![CDATA[Cricket]]></category>

		<guid isPermaLink="false">http://blog.indianic.com/?p=1850</guid>
		<description><![CDATA[IndiaNIC pulls up yet another a illustrious win against Swallore at Corporate Premier League 2009 – played at H.L. Commerce Collage, Ahmedabad on 28th Jun, 2008.
Mihir Rawal – elucidated with a stunning quick fire 57 in a blink. Facing only 22 balls, he hit the ball all around the&#8230; <a href="http://www.indianic.com/blog/cricket/play-time-indianic-sails-through-to-the-quarter-finals.html" class="read_more">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<div class='wp_fbr_top'></div><div class='wb_fb_top'><div style="float:right;"></div></div><p>IndiaNIC pulls up yet another a illustrious win against Swallore at Corporate Premier League 2009 – played at H.L. Commerce Collage, Ahmedabad on 28th Jun, 2008.</p>
<p>Mihir Rawal – elucidated with a stunning quick fire 57 in a blink. Facing only 22 balls, he hit the ball all around the park and turned into a lime ball! Accompanied by Chandrakanta who smashed 19 of just 5!</p>
<p><strong>Mihir &#8211; without any doubts, was declared </strong><strong>Man of the Match!</strong></p>
<p>Batting first, IndiaNIC scored 150 in 16 overs – which came outright unbeatable score for the opponents who wrapped up their innings for just 93.</p>
<p>All ‘n’ all, it was an exciting win – and IndiaNIC is now through to the Quarter Finals – where they’ll face Kataria Motors.</p>
<p>Just take a look at some of the cherished moments of an exciting win!</p>
<p><a href="http://blog.indianic.com/wp-content/uploads/2009/07/100_2512.jpg" rel="lightbox[1850]"><img class="alignleft size-thumbnail wp-image-1844" title="100_2512" src="http://blog.indianic.com/wp-content/uploads/2009/07/100_2512-150x150.jpg" alt="" width="100" height="100" /></a> <a href="http://blog.indianic.com/wp-content/uploads/2009/07/100_2514.jpg" rel="lightbox[1850]"><img class="alignleft size-thumbnail wp-image-1845" title="100_2514" src="http://blog.indianic.com/wp-content/uploads/2009/07/100_2514-150x150.jpg" alt="" width="100" height="100" /></a><a href="http://blog.indianic.com/wp-content/uploads/2009/07/100_2515.jpg" rel="lightbox[1850]"><img class="alignleft size-medium wp-image-1846" title="100_2515" src="http://blog.indianic.com/wp-content/uploads/2009/07/100_2515-300x225.jpg" alt="" width="134" height="100" /></a></p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.indianic.com%2Fblog%2Fcricket%2Fplay-time-indianic-sails-through-to-the-quarter-finals.html&amp;title=Play%20Time%3A%20IndiaNIC%20Sails%20through%20to%20the%20Quarter%20Finals%21" id="wpa2a_8"><img src="http://www.indianic.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.indianic.com/blog/cricket/play-time-indianic-sails-through-to-the-quarter-finals.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sensible way of using Dropdown Menus in your Website</title>
		<link>http://www.indianic.com/blog/website-designing/sensible-way-of-using-dropdown-menus-in-your-website.html</link>
		<comments>http://www.indianic.com/blog/website-designing/sensible-way-of-using-dropdown-menus-in-your-website.html#comments</comments>
		<pubDate>Sat, 28 Mar 2009 18:19:35 +0000</pubDate>
		<dc:creator>Jigar Panchal</dc:creator>
				<category><![CDATA[Website Designing]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[dropdown menus]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://blog.indianic.com/?p=1837</guid>
		<description><![CDATA[As a general rule, most Web developers, especially usability enthusiasts, say it is bad practice to use drop-down menus because they are confusing, annoying and oftentimes dysfunctional. From a design standpoint, however, drop-down menus are an excellent feature because they help clean up a busy layout. If structured correctly, drop-down&#8230; <a href="http://www.indianic.com/blog/website-designing/sensible-way-of-using-dropdown-menus-in-your-website.html" class="read_more">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<div class='wp_fbr_top'></div><div class='wb_fb_top'><div style="float:right;"></div></div><p>As a general rule, most Web developers, especially usability enthusiasts, say it is bad practice to use drop-down menus because they are confusing, annoying and oftentimes dysfunctional. From a design standpoint, however, drop-down menus are an excellent feature because they help clean up a busy layout. If structured correctly, drop-down menus can be a great navigation tool, while still being a usable and attractive design feature.</p>
<p>Yes, that’s right: <strong>drop-down navigation menus can be user-friendly</strong>. Just yesterday Jacob Nielsen the results of his recent <a href="http://www.useit.com/alertbox/mega-dropdown-menus.html">drop-down menus study</a>, in which he found out that big, two-dimensional drop-down panels that group navigation options help users to avoid scrolling and can precisely explain the user’s choices with effective use of typography, icons, and tooltips.</p>
<p>These panels appear temporarily and disappear on their own when users move the pointer to another top-level option or to a “regular” part of the screen. You can find more information about Nielsen’s study in his article <a href="http://www.useit.com/alertbox/mega-dropdown-menus.html">Mega Drop-Down Navigation Menus Work Well</a>.</p>
<p class="showcase"><a href="http://www.foodnetwork.com/"><img src="http://88.198.60.17/images/drop-down-menus/food.jpg" alt="Screenshot" width="500" height="404" /></a><br />
<em>Huge vertical drop-down panel from <a href="http://www.foodnetwork.com/">foodnetwork.com</a>; notice a close button (the “x” in the upper right corner)</em>.</p>
<p>In this article we take a closer look at the nature of drop-down navigation menus, analyze situations in which they should or should not be used, discuss various implementations and finally showcase a couple of bad and good examples of such menus. The article also includes various tips and suggestions to help you work with your drop-down menus.</p>
<h3>Where To Use Drop-Down Menus</h3>
<p>You will often see many trends in which drop-down menus are used. Here are a few of the most common ones.</p>
<p><strong>Organize Pages in a Section</strong><br />
Most commonly, drop-down menus are used to pull all of the pages in a certain category together in one organized element. This is essentially sub-navigation. Take a look at the design below. A drop-down element contains all of the different categories for a certain section of the website.</p>
<p class="showcase"><a href="http://www.change.org/causes"><img src="http://78.46.108.98/images/drop-down-menus/change.org.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><strong>Organize Categories in a Blog</strong><br />
You will see many blogs use a drop-down menu to organize categories and tags. Why? Blogs are driven by a large amount of information, so the layout needs to be as clean as possible to hold that content. A drop-down menu ultimately helps pull together links, such as categories, out of layout elements, such as the sidebar.</p>
<p class="showcase"><a href="http://www.gomediazine.com/"><img src="http://88.198.60.17/images/drop-down-menus/gomediazine.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><strong>Show Products on an eCommerce Website</strong><br />
You will see many e-commerce websites use drop-down menus to show products or categories of products. The drop-down menu is a friendly feature that all consumers can easily figure out, so it is a perfect way to organize products. The Best Buy website, shown below, does just this.</p>
<p class="showcase"><a href="http://www.bestbuy.com/"><img src="http://78.46.108.98/images/drop-down-menus/bestbuy.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><strong>Display Modules</strong><br />
A drop-down can be an excellent way to tuck away an obstructive menu, which the user can click on to reveal. Take the example below, for instance. The sign-in element is part of the navigation, then appears in the form of a drop-down. This is a great way to take this large element out of the layout without negatively impacting usability.</p>
<p class="showcase"><a href="http://collabfinder.com/"><img src="http://88.198.60.17/images/drop-down-menus/collabfinder.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<h3>Best Practices</h3>
<p>Drop-down menus do in fact organize content into small, uncluttered elements, but if not done correctly, they can be just as bad as a messy layout. Here are some ways to make this controversial element more usable.</p>
<p><strong>Avoid a Drop-Down with More than Two Levels</strong><br />
Overall, this is just about the worst mistake one could make with drop-down menus in terms of usability. If done with a hover menu structure, the user will lose focus of the menu whenever the mouse pointer moves away from it. If done with a clickable structure, it has too many buttons and doesn’t work nicely.</p>
<p>The website shown below makes this mistake. The menus are very difficult to use because if you even slightly lose focus of the menu with the mouse pointer, you have to start from the top. Notice the tooltip, which also gets in the way of the navigation.</p>
<p class="showcase"><a href="http://www.brita.net/de/combination_ovens.html?&amp;L=5"><img src="http://78.46.108.98/images/drop-down-menus/brita.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><strong>Option 1: Hover Menu</strong><br />
Basically, there are two ways to approach the drop-down menu: with either a hover or a click to activate the menu. From a design and convenience standpoint, a hover menu is better.</p>
<p><strong>Option 2: Clickable Menu</strong><br />
On the other hand, many will argue that a clickable menu is better because it is much more usable. Reason? Because of the way a hover menu is constructed, the user has to have the pointer over the menu at all times. If the user loses focus of the hover menu, it closes. Therefore, it is better to go with a drop-down menu that is activated by clicking a button, then deactivated by clicking the button once more.</p>
<p>CSS-Tricks has a tutorial showing how to create a layout similar to that of Digg. It is a perfect drop-down menu with a click-to-activate/deactivate feature, so it’s certainly something you should take a look at.</p>
<p class="showcase"><a href="http://css-tricks.com/designing-the-digg-header-how-to-download/"><img src="http://88.198.60.17/images/drop-down-menus/csstricks.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p>Also, Google features a usable drop-down menu using the click on/off trick.</p>
<p class="showcase"><a href="http://www.google.com/"><img src="http://78.46.108.98/images/drop-down-menus/google.jpg" alt="Screenshot" width="450" height="350" /><span id="more-1837"></span></a></p>
<p><strong>Delay the Deactivation of a Hover</strong><br />
Avoiding a hover structure and many levels in a drop-down may be too much of a restriction for the navigation you are trying to create. There is a solution, though, that can improve the usability of a hover and multi-level menu. With most menus, the drop-down disappears immediately after the user moves the mouse pointer away from the menu. The solution is to delay its disappearance. Or, have a click function that requires users to click outside the menu area to close the drop-down, similar to how a Lightbox functions.</p>
<p>Take Dell, for example. It uses a multi-level drop-down menu, but it is still somewhat usable. This is the only exception to the use of multi-level drop-down menus.</p>
<p class="showcase"><a href="http://www.dell.com/"><img src="http://88.198.60.17/images/drop-down-menus/dell.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p>Furthermore, the menu on the Porsche website has multiple levels. However, the menu has a very wide focus range. This means you have to move your pointer a certain distance away from the menu to close it.</p>
<p class="showcase"><a href="http://www.porsche.com/usa/"><img src="http://78.46.108.98/images/drop-down-menus/porsche.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><strong>Add a Hover Effect to Menu Options</strong><br />
The navigation itself actually affects the usability of the drop-down menu. One way to make the menu work better with the drop-down is to add a hover effect to the menu options. This shows exactly which button in the navigation the menu is extending from, which will certainly help users.</p>
<p>The example below, the MediaTemple home page, shows a strong hover effect on the navigation options, which helps to support the drop-down menu.</p>
<p class="showcase"><a href="http://mediatemple.net/"><img src="http://88.198.60.17/images/drop-down-menus/mt.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><strong>Seamless Transitions</strong><br />
When a drop-down menu appears, it should appear seamlessly and without interruption. The menu should load immediately. Many websites make the mistake of making the menu so “heavy” that it takes more than an instant to load upon the hover.</p>
<p>Transition effects are one more detail that can look really cool. Instead of the menu simply appearing, try throwing in a wipe down or fade in. Just be sure to make the transition quick and not disruptive.</p>
<p>You will notice that Microsoft doesn’t do a very good job of creating a seamless menu. Observe the image below closely. You will notice that outlines from adjacent menus are still visible when the main menu is loading. When you move from button to button in the navigation, the drop-down menus have a slight lag, which looks bad. Of course, this doesn’t occur in all browsers, but it shouldn’t occur in any.</p>
<p class="showcase"><a href="http://www.microsoft.com/en/us/default.aspx"><img src="http://78.46.108.98/images/drop-down-menus/microsoft2.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><strong>Remove Tooltips</strong><br />
Of course, when designing drop-down menus, there are always little details that impact usability. One important practice you may overlook is the presence of tooltips, or the lack of tooltips. You should always remove tooltips from buttons with drop-down menus. Reason? Tooltips just get in the way and sometimes even block the first list item in the drop-down menu.</p>
<p>Yes, we will be picking on Microsoft once more. Microsoft makes this mistake on its corporate page. Notice how the tooltip blocks many of the list items, which makes navigation that much more difficult.</p>
<p class="showcase"><a href="http://www.microsoft.com/en/us/default.aspx"><img src="http://88.198.60.17/images/drop-down-menus/microsoft.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<h3>Styling Techniques</h3>
<p>Content backgrounds can be somewhat of a challenge, too. The background has to be subtle, or it will ruin the content. Here are a few ways to liven up content backgrounds without going over the top.</p>
<p><strong>Use a Clean List</strong><br />
Not only is the element styling important, but the content styling is important, too. Clean typography and a readable list are important. Use smart spacing between elements in the list, and add a border above and below list items.</p>
<p>The example below from Audi shows a very well-organized and readable list. The list items are separated, and there are even list item icons.</p>
<p class="showcase"><a href="http://www.audi.de/de/brand/de.html"><img src="http://78.46.108.98/images/drop-down-menus/audi.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p>On the other hand, The Washington Post’s website has a very poor list in the drop-down menu. There is not enough spacing between list items, so the menu is very cluttered and difficult to use.</p>
<p class="showcase"><a href="http://www.washingtonpost.com/"><img src="http://88.198.60.17/images/drop-down-menus/washingtonpost.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><strong>Hover Effects on List Items</strong><br />
All buttons need some sort of hover effect to be more usable. In drop-down menu lists, apply subtle hover effects, perhaps just a text color or background change. The White House website uses only a background change on list items, but it still helps the user.</p>
<p class="showcase"><a href="http://www.zensender.com/"><img src="http://78.46.108.98/images/drop-down-menus/whitehouse.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><strong>Semi-Transparent Background</strong><br />
This won’t work for all designs, but you should consider a semi-transparent background for the menu. The website shown below has a transparency, so the user can still see through to the image background. The key to semi-transparent elements is to keep a strong and readable contrast.</p>
<p class="showcase"><a href="http://www.august.com.au/"><img src="http://88.198.60.17/images/drop-down-menus/august.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><strong>Keep Styling Consistent with Menu</strong><br />
You will hear everywhere that consistency in styling is a must, and it certainly is. For navigation and a drop-down menu to work together as one unit, as they should, the styling needs to be similar. Use the same fonts and a similar background.</p>
<p>In the example below, the drop-down menu looks as it should.</p>
<p class="showcase"><a href="http://mac.appstorm.net/"><img src="http://78.46.108.98/images/drop-down-menus/macstorm.gif" alt="Screenshot" width="450" height="350" /></a></p>
<h3>Poorly Constructed Menus</h3>
<p>Below are some examples of drop-down menus that fall short somewhere with styling and usability.</p>
<p><a href="http://www.navigantconsulting.com/">Navigant Consulting</a><br />
This menu is poorly styled and dysfunctional.</p>
<p class="showcase"><a href="http://www.navigantconsulting.com/"><img src="http://88.198.60.17/images/drop-down-menus/navigant.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.panasonic.com/">Panasonic</a><br />
Although this menu is well-styled, it is difficult to use because of a bad hover effect.</p>
<p class="showcase"><a href="http://www.panasonic.com/"><img src="http://78.46.108.98/images/drop-down-menus/panasonic.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.toshiba.com/tai/index.jsp">Toshiba</a><br />
The Toshiba menu is too small and does not follow good styling practices.</p>
<p class="showcase"><a href="http://www.toshiba.com/tai/index.jsp"><img src="http://88.198.60.17/images/drop-down-menus/toshiba.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.lge.com/us/index.jsp">LG</a><br />
Like the Microsoft menu above, this one has a slight lag, which makes it hard to use.</p>
<p class="showcase"><a href="http://www.lge.com/us/index.jsp"><img src="http://78.46.108.98/images/drop-down-menus/lg.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.chrysler.com/en/#">Chrysler</a><br />
The Chrysler page uses a drop-down menu with very small text, which makes it difficult to read.</p>
<p class="showcase"><a href="http://www.chrysler.com/en/#"><img src="http://88.198.60.17/images/drop-down-menus/chrysler.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.sun.com/">Sun</a><br />
These drop-down menus are rather fidgety and hard to use. The tooltip gets in the way, too, and directly above the main navigation is another drop-down menu. All of this makes it very difficult to navigate.</p>
<p class="showcase"><a href="http://www.sun.com/"><img src="http://78.46.108.98/images/drop-down-menus/sun.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://us.creative.com/welcome.asp">Creative Labs</a><br />
The menu below is cluttered and does not have a delayed hiding or similar technique, so it is not very usable.</p>
<p class="showcase"><a href="http://us.creative.com/welcome.asp"><img src="http://88.198.60.17/images/drop-down-menus/creative.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.shopping.hp.com/webapp/shopping/store_access.do?template_type=landing&amp;landing=notebooks">HP</a><br />
Another hover menu that lacks usable features.</p>
<p class="showcase"><a href="http://www.shopping.hp.com/webapp/shopping/store_access.do?template_type=landing&amp;landing=notebooks"><img src="http://78.46.108.98/images/drop-down-menus/hp.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.alienware.com/">Alienware</a><br />
The black menu on the black design makes this drop-down difficult to use.</p>
<p class="showcase"><a href="http://www.alienware.com/"><img src="http://88.198.60.17/images/drop-down-menus/alienware.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<h3>Good Drop-Down Menus</h3>
<p>Here are many drop-down menus that have good usability and styling features.</p>
<p><a href="http://www.sony.com/index.php">Sony</a><br />
A well-constructed hover menu with a good list.</p>
<p class="showcase"><a href="http://www.sony.com/index.php"><img src="http://78.46.108.98/images/drop-down-menus/sony.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.actionenvelope.com/">ActionEnvelope</a><br />
A clean vertical drop-down panel with a lot of padding; notice, how the panel appear to be above other design elements. Simple and beautiful solution.</p>
<p class="showcase"><a href="http://www.actionenvelope.com/"><img src="http://88.198.60.17/images/drop-down-menus/action.jpg" alt="Screenshot" width="500" height="221" /></a>.</p>
<p><a href="http://www.helmy-bern.cz/">Helmy Bern</a><br />
A beautifully styled menu, with a fade transition.</p>
<p class="showcase"><a href="http://www.sony.com/index.php"><img src="http://78.46.108.98/images/drop-down-menus/bern.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="https://www.redbrickhealth.com/">RedBrick</a><br />
This menu is cleanly styled and very readable.</p>
<p class="showcase"><a href="https://www.redbrickhealth.com/"><img src="http://88.198.60.17/images/drop-down-menus/redbrick.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.rei.com/">REI</a><br />
This drop-down is very wide, so it is easy to keep the mouse in focus.</p>
<p class="showcase"><a href="http://www.rei.com/"><img src="http://78.46.108.98/images/drop-down-menus/rei.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.usa.philips.com/index.page">Philips</a><br />
Philips has a large and usable drop-down module.</p>
<p class="showcase"><a href="http://www.usa.philips.com/index.page"><img src="http://88.198.60.17/images/drop-down-menus/philips.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.walmart.com/">Walmart</a><br />
On the Walmart site, the user clicks on the area outside the menu to close it.</p>
<p class="showcase"><a href="http://www.walmart.com/"><img src="http://78.46.108.98/images/drop-down-menus/walmart.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.samsung.com/us/">Samsung</a><br />
The Samsung menu is usable because of its large size and styling.</p>
<p class="showcase"><a href="http://www.samsung.com/us/"><img src="http://88.198.60.17/images/drop-down-menus/samsung.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.epson.com/cgi-bin/Store/jsp/index.do">Epson</a><br />
Epson shows another usable drop-down menu.</p>
<p class="showcase"><a href="http://www.epson.com/cgi-bin/Store/jsp/index.do"><img src="http://78.46.108.98/images/drop-down-menus/epson.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.miniusa.com/">Mini Cooper</a><br />
This website uses a drop-down menu with delayed closing.</p>
<p class="showcase"><a href="http://www.miniusa.com/"><img src="http://88.198.60.17/images/drop-down-menus/mini.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.gateway.com/">Gateway</a><br />
Here is another usable drop-down element.</p>
<p class="showcase"><a href="http://www.gateway.com/"><img src="http://78.46.108.98/images/drop-down-menus/gateway.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.asus.com/index.aspx">Asus Global</a><br />
A well-styled menu that has delayed hiding.</p>
<p class="showcase"><a href="http://www.asus.com/index.aspx"><img src="http://88.198.60.17/images/drop-down-menus/asus.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.intel.com/business/index.htm?iid=gg_work+home_business">Intel</a><br />
A very clean drop-down menu.</p>
<p class="showcase"><a href="http://www.intel.com/business/index.htm?iid=gg_work+home_business"><img src="http://78.46.108.98/images/drop-down-menus/intel.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.target.com/">Target</a><br />
A well-organized menu that has delayed closing.</p>
<p class="showcase"><a href="http://www.target.com/"><img src="http://88.198.60.17/images/drop-down-menus/target.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.garmin.com/garmin/cms/site/us">Garmin</a><br />
This drop-down menu is simple yet functional.</p>
<p class="showcase"><a href="http://www.garmin.com/garmin/cms/site/us"><img src="http://78.46.108.98/images/drop-down-menus/garmin.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.logitech.com/">Logitech</a><br />
A drop-down with very nice styling that matches the menu.</p>
<p class="showcase"><a href="http://www.logitech.com/"><img src="http://88.198.60.17/images/drop-down-menus/logitech.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://goincase.com/">Incase</a><br />
This menu is very basic but serves its purpose.</p>
<p class="showcase"><a href="http://goincase.com/"><img src="http://78.46.108.98/images/drop-down-menus/incase.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.evelmerch.com/">evelMerch</a><br />
A small yet functional drop-down, with a graphic to show users that the button opens a menu.</p>
<p class="showcase"><a href="http://www.evelmerch.com/"><img src="http://88.198.60.17/images/drop-down-menus/evel.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.ibm.com/us/en/">IBM</a><br />
A multi-level drop-down is used here, but a slight delay makes this one easier to use.</p>
<p class="showcase"><a href="http://www.ibm.com/us/en/"><img src="http://78.46.108.98/images/drop-down-menus/ibm.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.ea.com/">EA</a><br />
A very clean and well-organized drop-down element.</p>
<p class="showcase"><a href="http://www.ea.com/"><img src="http://88.198.60.17/images/drop-down-menus/ea.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.activision.com/index.html#home%7Cen_US">ACTIVISION</a><br />
This menu is clean and has delayed hiding to improve usability and functionality.</p>
<p class="showcase"><a href="http://www.activision.com/index.html#home%7Cen_US"><img src="http://78.46.108.98/images/drop-down-menus/activision.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a href="http://www.activision.com/index.html#home%7Cen_US">Yahoo! Finance</a><br />
The menu on Yahoo! Finance has large buttons and icons to show where menus can be opened.</p>
<p class="showcase"><a href="http://www.activision.com/index.html#home%7Cen_US"><img src="http://88.198.60.17/images/drop-down-menus/yahoofinance.jpg" alt="Screenshot" width="450" height="350" /></a></p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.indianic.com%2Fblog%2Fwebsite-designing%2Fsensible-way-of-using-dropdown-menus-in-your-website.html&amp;title=Sensible%20way%20of%20using%20Dropdown%20Menus%20in%20your%20Website" id="wpa2a_10"><img src="http://www.indianic.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.indianic.com/blog/website-designing/sensible-way-of-using-dropdown-menus-in-your-website.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yahoo! Store Update: .com URLs for Checkout Disabled Officially</title>
		<link>http://www.indianic.com/blog/yahoo-store-rtml/yahoo-store-shopping-cart-update.html</link>
		<comments>http://www.indianic.com/blog/yahoo-store-rtml/yahoo-store-shopping-cart-update.html#comments</comments>
		<pubDate>Fri, 23 Jan 2009 23:19:16 +0000</pubDate>
		<dc:creator>Jigar Panchal</dc:creator>
				<category><![CDATA[Yahoo Store / RTML]]></category>

		<guid isPermaLink="false">http://blog.indianic.com/?p=1830</guid>
		<description><![CDATA[If you&#8217;re wondering why all of a sudden your store stopped working and the &#8220;Add to Cart&#8221; is no longer working! &#8211; then you&#8217;re not guessing, it is official now.
Yahoo! officially disabled the .com URLs for the checkout/shopping carts for Yahoo! Stores. If your store was coded to have&#8230; <a href="http://www.indianic.com/blog/yahoo-store-rtml/yahoo-store-shopping-cart-update.html" class="read_more">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<div class='wp_fbr_top'></div><div class='wb_fb_top'><div style="float:right;"></div></div><p>If you&#8217;re wondering why all of a sudden your store stopped working and the &#8220;Add to Cart&#8221; is no longer working! &#8211; then you&#8217;re not guessing, it is official now.</p>
<p>Yahoo! officially disabled the .com URLs for the checkout/shopping carts for Yahoo! Stores. If your store was coded to have the form actions with http://order.store.yahoo.com &#8211; then your customers will not be able to buy the goods. Rather, they&#8217;ll see a screen like you see by clicking the link below:</p>
<p><a href="http://order.store.yahoo.com" target="_blank">http://order.store.yahoo.com</a></p>
<p>The fix required is to change the URLs of the entire store to use the http://order.store.yahoo.net to have them lead to the correct domain.</p>
<p>IndiaNIC understands the position of our valuable customers and hence, if you&#8217;re an existing or ex-customer of IndiaNIC, just let us know if you had experienced this problem and we&#8217;ll fix it up for you for absolutely free of charge!</p>
<p>We realize that you do not have to worry for a change in the platform and we&#8217;re more than glad to do an upgrade to our code &#8211; for which you are not required to pay.</p>
<p>If you are not an IndiaNIC customer and want to fix this &#8211; we&#8217;re more than glad to assist you in the upgrade of the code.</p>
<p>Just let us know your interest by sending an email to yahoostore@indianic.com.</p>
<p>For more about Yahoo! Store Checkout Upgarde &#8211; visit <a href="http://ystoreblog.com/blog/2008/08/old-checkout-shutdown/" target="_blank">Official Yahoo! Store Blog</a>.</p>
<p><a href="http://www.indianic.com/yahoostore.html" target="_blank">Find out more about Yahoo! Store services at IndiaNIC</a></p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.indianic.com%2Fblog%2Fyahoo-store-rtml%2Fyahoo-store-shopping-cart-update.html&amp;title=Yahoo%21%20Store%20Update%3A%20.com%20URLs%20for%20Checkout%20Disabled%20Officially" id="wpa2a_12"><img src="http://www.indianic.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.indianic.com/blog/yahoo-store-rtml/yahoo-store-shopping-cart-update.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

