Monday, May 28, 2007

Top Ten Mistakes in Web Design.







Summary:
The ten most egregious offenses against users. Web design disasters and HTML horrors are legion, though many usability atrocities are less common than they used to be.

1. Bad Search

Overly literal search engines reduce usability in that they're unable to handle typos, plurals, hyphens, and other variants of the query terms. Such search engines are particularly difficult for elderly users, but they hurt everybody.

A related problem is when search engines prioritize results purely on the basis of how many query terms they contain, rather than on each document's importance. Much better if your search engine calls out "best bets" at the top of the list -- especially for important queries, such as the names of your products.

Search is the user's lifeline when navigation fails. Even though advanced search can sometimes help, simple search usually works best, and search should be presented as a simple box, since that's what users are looking for.

2. PDF Files for Online Reading

Users hate coming across a PDF file while browsing, because it breaks their flow. Even simple things like printing or saving documents are difficult because standard browser commands don't work. Layouts are often optimized for a sheet of paper, which rarely matches the size of the user's browser window. Bye-bye smooth scrolling. Hello tiny fonts.

Worst of all, PDF is an undifferentiated blob of content that's hard to navigate.

PDF is great for printing and for distributing manuals and other big documents that need to be printed. Reserve it for this purpose and convert any information that needs to be browsed or read on the screen into real web pages.

> Detailed discussion of why PDF is bad for online reading

3. Not Changing the Color of Visited Links

A good grasp of past navigation helps you understand your current location, since it's the culmination of your journey. Knowing your past and present locations in turn makes it easier to decide where to go next. Links are a key factor in this navigation process. Users can exclude links that proved fruitless in their earlier visits. Conversely, they might revisit links they found helpful in the past.

Most important, knowing which pages they've already visited frees users from unintentionally revisiting the same pages over and over again.

These benefits only accrue under one important assumption: that users can tell the difference between visited and unvisited links because the site shows them in different colors. When visited links don't change color, users exhibit more navigational disorientation in usability testing and unintentionally revisit the same pages repeatedly.

> Usability implications of changing link colors
> Guidelines for showing links Cartoon - guy being crushed under wordy 'terms and conditions' legalese

4. Non-Scannable Text

A wall of text is deadly for an interactive experience. Intimidating. Boring. Painful to read.

Write for online, not print. To draw users into the text and support scannability, use well-documented tricks:

  • subheads
  • bulleted lists
  • highlighted keywords
  • short paragraphs
  • the inverted pyramid
  • a simple writing style, and
  • de-fluffed language devoid of marketese.

> Eyetracking of reading patterns

5. Fixed Font Size

CSS style sheets unfortunately give websites the power to disable a Web browser's "change font size" button and specify a fixed font size. About 95% of the time, this fixed size is tiny, reducing readability significantly for most people over the age of 40.

Respect the user's preferences and let them resize text as needed. Also, specify font sizes in relative terms -- not as an absolute number of pixels.

6. Page Titles With Low Search Engine Visibility

Search is the most important way users discover websites. Search is also one of the most important ways users find their way around individual websites. The humble page title is your main tool to attract new visitors from search listings and to help your existing users to locate the specific pages that they need.

The page title is contained within the HTML tag and is almost always used as the clickable headline for listings on search engine result pages (SERP). Search engines typically show the first 66 characters or so of the title, so it's truly <a href="http://www.useit.com/alertbox/980906.html" title="Alertbox: Microcontent - How to Write Headlines, Page Titles, and Subject Lines" class="old">microcontent</a>. </p><p> Page titles are also used as the default entry in the Favorites when users bookmark a site. For your homepage, begin the with the company name, followed by a brief description of the site. Don't start with words like "The" or "Welcome to" unless you want to be alphabetized under "T" or "W." </p><p>For other pages than the homepage, start the title with a few of the most salient information-carrying words that describe the specifics of what users will find on that page. Since the page title is used as the window title in the browser, it's also used as the label for that window in the taskbar under Windows, meaning that advanced users will move between multiple windows under the guidance of the first one or two words of each page title. If all your page titles start with the same words, you have severely reduced usability for your multi-windowing users. </p><p> <a href="http://www.useit.com/alertbox/20010722.html" title="Alertbox: Tagline Blues: What's the Site About?">Taglines on homepages</a> are a related subject: they also need to be short and quickly communicate the purpose of the site. </p><h2 style="color: rgb(51, 102, 102);">7. Anything That Looks Like an Advertisement</h2> Selective attention is very powerful, and Web users have learned to stop paying attention to any ads that get in the way of their goal-driven navigation. (The main exception being <a href="http://www.useit.com/alertbox/20030428.html" title="Alertbox: Will Plain-Text Ads Continue to Rule?">text-only search-engine ads</a>.) <p> Unfortunately, users also ignore legitimate design elements that look like prevalent forms of advertising. After all, when you <em>ignore</em> something, you don't study it in detail to find out what it is. </p><p> Therefore, it is best to avoid any designs that look like advertisements. The exact implications of this guideline will vary with new forms of ads; currently follow these rules: </p><ul><li><strong>banner blindness</strong> means that users never fixate their eyes on anything that looks like a banner ad due to shape or position on the page </li><li><strong>animation avoidance</strong> makes users ignore areas with blinking or flashing text or other aggressive animations </li><li><strong>pop-up purges</strong> mean that users close pop-up windoids before they have even fully rendered; sometimes with great viciousness (a sort of getting-back-at-GeoCities triumph). </li></ul> <h2 style="color: rgb(0, 0, 153);">8. Violating Design Conventions</h2> <strong>Consistency</strong> is one of the most powerful usability principles: when things always behave the same, users don't have to worry about what will happen. Instead, they <em>know</em> what will happen based on earlier experience. Every time you release an apple over Sir Isaac Newton, it will drop on his head. That's <em>good</em>. <p> The more users' expectations prove right, the more they will feel in control of the system and the more they will like it. And the more the system breaks users' expectations, the more they will feel insecure. Oops, maybe if I let go of this apple, it will turn into a tomato and jump a mile into the sky. </p><p> <strong>Jakob's Law of the Web User Experience</strong> states that "users spend most of their time on <em>other</em> websites." </p><p> This means that they form their expectations for your site based on what's commonly done on most other sites. If you deviate, your site will be harder to use and users will leave. </p><h2 style="color: rgb(102, 51, 102);">9. Opening New Browser Windows</h2> Opening up new browser windows is like a vacuum cleaner sales person who starts a visit by emptying an ash tray on the customer's carpet. Don't pollute my screen with any more windows, thanks (particularly since current operating systems have miserable window management). <p> Designers open new browser windows on the theory that it keeps users on their site. But even disregarding the <strong>user-hostile message implied in taking over the user's machine</strong>, the strategy is self-defeating since it disables the <em>Back</em> button which is the normal way users return to previous sites. Users often don't notice that a new window has opened, especially if they are using a small monitor where the windows are maximized to fill up the screen. So a user who tries to return to the origin will be confused by a grayed out <em>Back</em> button. </p><p>Links that don't behave as expected undermine users' understanding of their own system. A link should be a simple hypertext reference that replaces the current page with new content. Users hate unwarranted pop-up windows. When they want the destination to appear in a new page, they can use their browser's "open in new window" command -- assuming, of course, that the link is not a piece of code that interferes with the browser’s standard behavior. <img src="http://www.useit.com/alertbox/20021223_01_mistake.gif" style="float: right; padding-left: 2ex; padding-top: 3ex; padding-bottom: 4ex;" alt="Cartoon - woman (at car dealership): 'How much is it with automatic transmission?' - sleazy salesman: 'I'll give you a hint - it's an EVEN number...'" height="450" width="340" /> </p><h2 style="color: rgb(153, 51, 153);">10. Not Answering Users' Questions</h2>Users are highly goal-driven on the Web. They visit sites because there's something they want to accomplish -- maybe even buy your product. The ultimate failure of a website is to fail to provide the information users are looking for. <p>Sometimes the answer is simply not there and you lose the sale because users have to assume that your product or service doesn't meet their needs if you don't tell them the specifics. Other times the specifics are buried under a thick layer of marketese and bland slogans. Since users don't have time to read everything, such hidden info might almost as well not be there. </p><p> The worst example of not answering users' questions is to <strong>avoid listing the price</strong> of products and services. No B2C ecommerce site would make this mistake, but it's rife in <a href="http://www.useit.com/alertbox/b2b.html" title="Alertbox: Business-to-business website usability" class="old">B2B</a>, where most "enterprise solutions" are presented so that you can't tell whether they are suited for 100 people or 100,000 people. Price is the most specific piece of info customers use to understand the nature of an offering, and not providing it makes people feel lost and reduces their understanding of a product line. We have miles of videotape of users asking <em>"Where's the price?"</em> while tearing their hair out. </p><p> Even B2C sites often make the associated mistake of forgetting prices in product lists, such as <a href="http://www.nngroup.com/reports/ecommerce/categorypages.html" title="Nielsen Norman Group report: 28 Design Guidelines for Category Pages on e-commerce sites" class="old">category pages</a> or <a href="http://www.nngroup.com/reports/ecommerce/search.html" title="Nielsen Norman Group report: 29 Design Guidelines for Search" class="old">search results</a>. Knowing the price is key in both situations; it lets users differentiate among products and click through to the most relevant ones. </p><br /></body><br /></html> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Posted by <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/16414884250244024973' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/16414884250244024973' rel='author' title='author profile'> <span itemprop='name'>Unknown</span> </a> </span> </span> <span class='post-timestamp'> at <meta content='http://jigarj.blogspot.com/2007/05/top-ten-mistakes-in-web-design.html' itemprop='url'/> <a class='timestamp-link' href='http://jigarj.blogspot.com/2007/05/top-ten-mistakes-in-web-design.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2007-05-28T03:24:00-07:00'>3:24 AM</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='https://www.blogger.com/comment.g?blogID=3684869384344160927&postID=2206175567918604281' onclick=''> 10 comments: </a> </span> <span class='post-icons'> <span class='item-action'> <a href='https://www.blogger.com/email-post.g?blogID=3684869384344160927&postID=2206175567918604281' title='Email Post'> <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>Saturday, May 26, 2007</span></h2> <div class="date-posts"> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='3684869384344160927' itemprop='blogId'/> <meta content='7405861678833108454' itemprop='postId'/> <a name='7405861678833108454'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://jigarj.blogspot.com/2007/05/proud-to-be-indian.html'>Proud to be an Indian.</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-7405861678833108454' itemprop='articleBody'> <span style="color: rgb(102, 102, 204); font-weight: bold;">This is the time to be proud! Just 1 INDIAN is challenging against Billgates..... Be proud . This is not only ground breaking news; it's space-breaking news indeed.</span><br /><br /><span style="color: rgb(102, 102, 204); font-weight: bold;">Ramlal Bhagat, a XII std. student from Haryana, has developed a 32-bit operating system demonstrated to be far superior to any of the desktop operating systems in the market today .</span><br /><span style="color: rgb(102, 102, 204); font-weight: bold;">The program has been named "O-Yes". O-Yes provides operating system services on any Pentium-based Personal computer (PC) and does not require MS- DOS as a base operating system .</span><br /><br /><span style="color: rgb(102, 102, 204); font-weight: bold;">The operating system's capabilities were demonstrated in a student convention at the Indian Institute of Technology (IIT),New Delhi. HCL Ltd. conducted benchmarks on the system and published results, which are partly reported here: O -Yes is 34% faster than Microsoft's Windows 95 on similar hardware.</span><br /><br /><span style="color: rgb(102, 102, 204); font-weight: bold;">It is 29% faster than IBM's OS/2. O-Yes loads 54% quicker than Windows 95 or OS/2. O-Yes has a customizable, user-friendly graphical User Interface (GUI), in which every program can be accessed with a maximum of two button clicks .</span><br /><br /><span style="color: rgb(102, 102, 204); font-weight: bold;">The operating system provides plug n play capability with numerous hardware devices. It has a superior memory management function. The operating system is compatible with Windows 95 & WindowsNT 4.0 .</span><br /><br /><span style="color: rgb(102, 102, 204); font-weight: bold;">HCL, Ltd. has offered an unknown amount to Ramlal Bhagat for purchasing the rights to the software. Ramlal Bhagat, described as "quiet and philosophical" by his peers, was not available for comment .</span><br /><br /><span style="color: rgb(102, 102, 204); font-weight: bold;">Suresh Reddy, spokesman for HCL Ltd.,said, "this is the operating system that the world has been waiting for". On HCL's move to purchase the rights to the software, he said,</span><br /><br /><span style="color: rgb(102, 102, 204); font-weight: bold;">"We are here to ensure that Mr.Ramlal gets fair recognition and compensation for his innovation. HCL Ltd. can provide him a firm launch-pad to market software globally ".</span><br /><br /><span style="color: rgb(102, 102, 204); font-weight: bold;">Is this the beginning of the end of the Bill Gates' monopoly? Let's see... Send this to as many of your friends and relatives as possible so that when the product hits the market every one will appreciate it</span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Posted by <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/16414884250244024973' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/16414884250244024973' rel='author' title='author profile'> <span itemprop='name'>Unknown</span> </a> </span> </span> <span class='post-timestamp'> at <meta content='http://jigarj.blogspot.com/2007/05/proud-to-be-indian.html' itemprop='url'/> <a class='timestamp-link' href='http://jigarj.blogspot.com/2007/05/proud-to-be-indian.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2007-05-26T02:20:00-07:00'>2:20 AM</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='https://www.blogger.com/comment.g?blogID=3684869384344160927&postID=7405861678833108454' onclick=''> 1 comment: </a> </span> <span class='post-icons'> <span class='item-action'> <a href='https://www.blogger.com/email-post.g?blogID=3684869384344160927&postID=7405861678833108454' title='Email Post'> <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://jigarj.blogspot.com/search?updated-max=2007-09-04T22:13:00-07:00&max-results=1&reverse-paginate=true' id='Blog1_blog-pager-newer-link' title='Newer Posts'>Newer Posts</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='http://jigarj.blogspot.com/search?updated-max=2007-05-26T02:20:00-07:00&max-results=1' id='Blog1_blog-pager-older-link' title='Older Posts'>Older Posts</a> </span> <a class='home-link' href='http://jigarj.blogspot.com/'>Home</a> </div> <div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Subscribe to: <a class='feed-link' href='http://jigarj.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Posts (Atom)</a> </div> </div> </div><div class='widget Feed' data-version='1' id='Feed2'> <h2>Smashing Magazine</h2> <div class='widget-content' id='Feed2_feedItemListDisplay'> <span style='filter: alpha(25); opacity: 0.25;'> <a href='http://www.smashingmagazine.com/wp-rss.php'>Loading...</a> </span> </div> <div class='clear'></div> </div></div> </div> </div> <div class='column-left-outer'> <div class='column-left-inner'> <aside> </aside> </div> </div> <div class='column-right-outer'> <div class='column-right-inner'> <aside> <div class='sidebar section' id='sidebar-right-1'><div class='widget HTML' data-version='1' id='HTML4'> <h2 class='title'>Traffic Monsoon</h2> <div class='widget-content'> <a href='https://trafficmonsoon.com/?ref=jigar1984' target='_blank'><img src='https://trafficmonsoon.com/data/aptools/125x125.gif' alt='Share Up To 110 % - 10% Affiliate Program' title='Share Up To 110 % - 10% Affiliate Program' border='0' /></a> </div> <div class='clear'></div> </div><div class='widget LinkList' data-version='1' id='LinkList1'> <h2>Creative Market Content</h2> <div class='widget-content'> <ul> <li><a href='https://creativemarket.com/pixelscube'>Purchase Beautiful Design Content</a></li> </ul> <div class='clear'></div> </div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Blog Archive</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2015/'> 2015 </a> <span class='post-count' dir='ltr'>(3)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2015/01/'> January 2015 </a> <span class='post-count' dir='ltr'>(3)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2014/'> 2014 </a> <span class='post-count' dir='ltr'>(1)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2014/01/'> January 2014 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2012/'> 2012 </a> <span class='post-count' dir='ltr'>(1)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2012/08/'> August 2012 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2008/'> 2008 </a> <span class='post-count' dir='ltr'>(6)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2008/10/'> October 2008 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2008/09/'> September 2008 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2008/06/'> June 2008 </a> <span class='post-count' dir='ltr'>(3)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2008/03/'> March 2008 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2007/'> 2007 </a> <span class='post-count' dir='ltr'>(30)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2007/09/'> September 2007 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2007/08/'> August 2007 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2007/05/'> May 2007 </a> <span class='post-count' dir='ltr'>(2)</span> <ul class='posts'> <li><a href='http://jigarj.blogspot.com/2007/05/top-ten-mistakes-in-web-design.html'>Top Ten Mistakes in Web Design.</a></li> <li><a href='http://jigarj.blogspot.com/2007/05/proud-to-be-indian.html'>Proud to be an Indian.</a></li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2007/04/'> April 2007 </a> <span class='post-count' dir='ltr'>(3)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2007/03/'> March 2007 </a> <span class='post-count' dir='ltr'>(6)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2007/02/'> February 2007 </a> <span class='post-count' dir='ltr'>(10)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://jigarj.blogspot.com/2007/01/'> January 2007 </a> <span class='post-count' dir='ltr'>(7)</span> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='sidebar section' id='sidebar-right-2-1'><div class='widget HTML' data-version='1' id='HTML3'> <div class='widget-content'> <iframe src='http://www.flipkart.com/affiliate/displayWidget?affrid=WRID-143862380681643772' frameborder=0 height=250 width=300></iframe> </div> <div class='clear'></div> </div></div> </td> <td class='columns-cell'> <div class='sidebar no-items section' id='sidebar-right-2-2'></div> </td> </tr> </tbody> </table> <div class='sidebar no-items section' id='sidebar-right-3'></div> </aside> </div> </div> </div> <div style='clear: both'></div> <!-- columns --> </div> <!-- main --> </div> </div> <div class='main-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <footer> <div class='footer-outer'> <div class='footer-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left footer-fauxborder-left'> <div class='fauxborder-right footer-fauxborder-right'></div> <div class='region-inner footer-inner'> <div class='foot no-items section' id='footer-1'></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='foot no-items section' id='footer-2-1'></div> </td> <td class='columns-cell'> <div class='foot no-items section' id='footer-2-2'></div> </td> </tr> </tbody> </table> <!-- outside of the include in order to lock Attribution widget --> <div class='foot section' id='footer-3' name='Footer'><div class='widget Attribution' data-version='1' id='Attribution1'> <div class='widget-content' style='text-align: center;'> Picture Window theme. Powered by <a href='https://www.blogger.com' target='_blank'>Blogger</a>. </div> <div class='clear'></div> </div></div> </div> </div> <div class='footer-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </footer> <!-- content --> </div> </div> <div class='content-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </div> <script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/517362887-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY7Hkf2T9QzN1EOwbzb1xf-sCPh32g:1713459882109';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3684869384344160927','//jigarj.blogspot.com/2007/05/','3684869384344160927'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3684869384344160927', 'title': 'Knowledge World', 'url': 'http://jigarj.blogspot.com/2007/05/', 'canonicalUrl': 'http://jigarj.blogspot.com/2007/05/', 'homepageUrl': 'http://jigarj.blogspot.com/', 'searchUrl': 'http://jigarj.blogspot.com/search', 'canonicalHomepageUrl': 'http://jigarj.blogspot.com/', 'blogspotFaviconUrl': 'http://jigarj.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-1940443-1', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Knowledge World - Atom\x22 href\x3d\x22http://jigarj.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Knowledge World - RSS\x22 href\x3d\x22http://jigarj.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Knowledge World - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/3684869384344160927/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-2155025814910368', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/b42fd787ef432a12', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'archive', 'pageName': 'May 2007', 'pageTitle': 'Knowledge World: May 2007', 'metaDescription': 'A blog about Knowledge sharing content from all over the world.'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'Picture Window', 'localizedName': 'Picture Window', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false, 'variant': 'screen', 'variantId': 'screen'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Knowledge World', 'description': 'A blog about Knowledge sharing content from all over the world.', 'url': 'http://jigarj.blogspot.com/2007/05/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2007, 'month': 5, 'rangeMessage': 'Showing posts from May, 2007'}}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3538472454-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FeedView', new _WidgetInfo('Feed2', 'main', document.getElementById('Feed2'), {'title': 'Smashing Magazine', 'showItemDate': true, 'showItemAuthor': true, 'feedUrl': 'http://www.smashingmagazine.com/wp-rss.php', 'numItemsShow': 5, 'loadingMsg': 'Loading...', 'openLinksInNewWindow': false, 'useFeedWidgetServ': 'true'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar-right-1', document.getElementById('HTML4'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'sidebar-right-1', document.getElementById('LinkList1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-1', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar-right-2-1', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>