<?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>Web Design Booth &#187; Usability</title>
	<atom:link href="http://www.webdesignbooth.com/category/usability/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webdesignbooth.com</link>
	<description>Ultimate Resources For Web Developers and Designers</description>
	<lastBuildDate>Thu, 01 Jul 2010 23:55:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>WordPress Usability: Plugins That Make Your Blog More Visitor Friendly</title>
		<link>http://www.webdesignbooth.com/wordpress-usability-plugins-that-make-your-blog-more-visitor-friendly/</link>
		<comments>http://www.webdesignbooth.com/wordpress-usability-plugins-that-make-your-blog-more-visitor-friendly/#comments</comments>
		<pubDate>Thu, 07 Jan 2010 14:54:03 +0000</pubDate>
		<dc:creator>Editorial Staff</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[hacks]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[speed]]></category>

		<guid isPermaLink="false">http://www.webdesignbooth.com/?p=2062</guid>
		<description><![CDATA[<div style="float: left; margin: 5px 15px 5px 0;">
<script type="text/javascript">
tweetmeme_url = 'http://www.webdesignbooth.com/wordpress-usability-plugins-that-make-your-blog-more-visitor-friendly/';
tweetmeme_source = 'webdesignbooth';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
]]></description>
			<content:encoded><![CDATA[<p>In a recent post, We touted the benefits of <a title="Manage Your Blog’s Content with Two Simple WordPress Hacks" href="http://www.webdesignbooth.com/manage-your-blog-content-with-two-simple-wordpress-hacks/" target="_blank">hacking WordPress</a> over the installation of plugins. One of these benefits is that plugins can cause your blog to become bloated. Among other issues, a bloated blog takes longer to load. With the blogosphere being saturated with content on virtually any topic you can think of, making your blog as visitor friendly as possible should be one of your primary design goals.</p>
<p>While I certainly promote the <strong>use of hacks over plugins</strong>, I know that part of the beauty of the plugin is so that a blogger can create a fully-functional site without having to get their hands dirty with the code that drives their blogging software. Instead of looking at hacking the code, let’s take a look at a few plugins that can help build a more usable blog for your visitors.</p>
<h3>Usability</h3>
<p>The best definition of usability I have seen comes from the <a title="Base One Agency" href="http://www.baseonegroup.co.uk/" target="_blank">Base One Agency</a> who states that &#8220;usability refers to how simple it is for customers to perform the desired actions on a website. Good usability can improve the conversion rate of a web site.&#8221; So in addition to how long it takes to load a WordPress blog, to achieve usability, you would need to look first at what the desired goals of your blog are. Is it to drive sales? Then your content needs to establish trust among your readers. For a more detailed look into the psychology behind usability, have a look at our previous post that covered <a title="Webpage Usability" href="http://www.webdesignbooth.com/understanding-webpage-usability/" target="_blank">Webpage Usability</a>.</p>
<p><span id="more-2062"></span></p>
<h3>The Plug-ins</h3>
<p>In the following sections, we will take a look at five different plugins that will help increase the level of usability for your blog.</p>
<h4><a title="Akismet" href="http://wordpress.org/extend/plugins/akismet/" target="_blank">Akismet</a></h4>
<p>Installing Akisment and including your API key from WordPress helps keep spammers at bay. A blog with no spam is a blog that people can trust without having to worry about the comments being loaded with links to garbage.<br />
<img title="Akismet" src="http://images.webdesignbooth.com/wordpress-usability/akismet.jpg" alt="Akismet" width="500" height="318" /></p>
<h4><a title="Subscribe to comments" href="http://wordpress.org/extend/plugins/subscribe-to-comments/" target="_blank">Subscribe to comments</a></h4>
<p>Provide a checkbox for your users to select whether or not they want to be notified via email when someone has commented on your blog. Of course, they need to comment in order to use this but it does wonders to encourage the building of a community around your blog.<br />
<img title="Subscribe to comments" src="http://images.webdesignbooth.com/wordpress-usability/subscribe-to-comments.jpg" alt="Subscribe to comments" width="500" height="339" /></p>
<h4><a title="WP-Print" href="http://wordpress.org/extend/plugins/wp-print/" target="_blank">WP-Print</a></h4>
<p>While it is great that reading on the web saves paper and toner, sometimes your visitors want, or need, to print out your words of wisdom. WP-Print lets them do this by creating a printer-friendly version of your blog page.<br />
<img title="WP-Print" src="http://images.webdesignbooth.com/wordpress-usability/wp-print.jpg" alt="WP-Print" width="500" height="300" /></p>
<h4><a title="Post Teaser" href="http://wordpress.org/extend/plugins/post-teaser/" target="_blank">Post Teaser</a></h4>
<p>One of the most difficult things to do is read a web page that falls below the fold. Post Teaser helps by providing your visitors with a preview of a post for the main, archive and category pages of your blog. A link below directs them to the full post page. Other features include a word count, image count, and an estimated reading time.<br />
<img title="Post Teaser" src="http://images.webdesignbooth.com/wordpress-usability/post-teaser.jpg" alt="Post Teaser" width="500" height="437" /></p>
<h4><a title="WP Super Cache" href="http://wordpress.org/extend/plugins/wp-super-cache/" target="_blank">WP Super Cache</a></h4>
<p>The way wp super cache works is much more complicated that this, but what it does is take the dynamically created WordPress page and generate a static html page from it. This static page is then served to the following visitors:</p>
<ul>
<li> Visitors who are not logged in</li>
<li> Visitors who have not left a comment on your blog</li>
<li> Visitors who have not viewed a password protected post</li>
</ul>
<p>Without the need to process all of the labor intensive PHP scripts that aren’t required by the static html file, your blog will load much faster for a majority of your site’s visitors.<br />
Again, these are my recommendations. If you know of a plug-in that has greatly enhanced your blog’s usability, I encourage you to share your experience in the comments section. If you have experience with any of these plug-ins as well, we would like to hear your thoughts.<br />
<img title="WP Super Cache" src="http://images.webdesignbooth.com/wordpress-usability/wp-super-cache.jpg" alt="WP Super Cache" width="500" height="215" /></p>
<h3  class="related_post_title">Related Posts</h3><ul class="related_post"><li><a href="http://www.webdesignbooth.com/manage-your-blog-content-with-two-simple-wordpress-hacks/" title="Manage Your Blog’s Content with Two Simple WordPress Hacks">Manage Your Blog’s Content with Two Simple WordPress Hacks</a></li><li><a href="http://www.webdesignbooth.com/ultimate-ecommerce-starter-kits-for-wordpress-users/" title="Ultimate Ecommerce Starter Kits for Wordpress Users">Ultimate Ecommerce Starter Kits for Wordpress Users</a></li><li><a href="http://www.webdesignbooth.com/wordpress-plugins-for-font-lovers/" title="8 Handy Wordpress Plugins For Font Lovers">8 Handy Wordpress Plugins For Font Lovers</a></li><li><a href="http://www.webdesignbooth.com/colors-in-web-design/" title="10 Most Commonly Used Colors In Web Design And Their Examples">10 Most Commonly Used Colors In Web Design And Their Examples</a></li><li><a href="http://www.webdesignbooth.com/11-wordpress-plugins-to-manage-your-ads-banners/" title="11 Wordpress Plugins To Manage Your Ads Banners">11 Wordpress Plugins To Manage Your Ads Banners</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.webdesignbooth.com/wordpress-usability-plugins-that-make-your-blog-more-visitor-friendly/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>Understanding Webpage Usability</title>
		<link>http://www.webdesignbooth.com/understanding-webpage-usability/</link>
		<comments>http://www.webdesignbooth.com/understanding-webpage-usability/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 13:17:43 +0000</pubDate>
		<dc:creator>Editorial Staff</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[minimalistic]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[website usability]]></category>

		<guid isPermaLink="false">http://www.webdesignbooth.com/?p=1913</guid>
		<description><![CDATA[<div style="float: left; margin: 5px 15px 5px 0;">
<script type="text/javascript">
tweetmeme_url = 'http://www.webdesignbooth.com/understanding-webpage-usability/';
tweetmeme_source = 'webdesignbooth';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
]]></description>
			<content:encoded><![CDATA[<p>Often when designers are creating new web pages, they rely on the design of the elements within a page. Banners have to look pleasant; navigation buttons have to be consistent and so on. But when these elements are placed together within a page, they create dynamics that attract user attention. The study on <strong>user attraction</strong>, or <strong>attentiveness</strong>, is a part of what is called <strong>usability</strong> – a guide on how to assess purposefulness of a user interface.</p>
<p>That is why you might notice that the most popular websites like Google and Facebook have <a title="60+ Beautiful Websites Showcasing Minimalist Design" href="http://www.webdesignbooth.com/60-beautiful-websites-showcasing-minimalist-design/" target="_blank">minimalistic designs</a> and there is a good reason for such approach.</p>
<h3>Less Is More</h3>
<p>There is a common saying amongst designers and developers alike – Keep It Simple and stupid. A webpage that sells shampoos to customers should only have the necessary webpages to sell that particular product and not anything else. Users don’t need to know the size of the bottle or even what colour of the shampoo would be.</p>
<p>When things are kept simple, users get to do tasks quickly and when they do, they will appreciate and come back to your website again.</p>
<p><span id="more-1913"></span></p>
<h3>Gestalt Psychology</h3>
<p>There is a popular research subject called Cognitive Psychology that a lot of designers are paying attention to. It involves studying how humans perceive things around them and assess how long can we pay attention to a particular detail.</p>
<p>Gestalt Laws are a set of rules that define how we group objects together; take a look at these example diagrams.<br />
<img title="Gestalt Laws" src="http://images.webdesignbooth.com/webpage-usability/gestalt-laws.jpg" alt="Gestalt Laws" width="404" height="410" /><br />
See how you tend to ‘group’ a particular pattern and arrangement of items within that diagram? Designers now take advantage of these Gestalt Laws by applying them in their websites during the design phase. It might seem obvious, but that is why navigation bars are always a straight line and grouped items get our first attention.</p>
<p>I’ll be coming up with another article explaining Cognitive Psychology in detail, so stay tuned.</p>
<h3>Users Are Highly Critical, Even If We Don’t Realise It</h3>
<p>Most designers often think of designing the best looking websites, because of course, that’s what they do. But good designers are able to look at a website design not from a designers point of view, but from the user’s point of view. This is because users are often critical about any webpages they visit.</p>
<p>A website would look incredibly unreliable once they detect spelling errors or links that are broken. Why should a website promote the designer at the bottom of every page when that is not what they are looking for? These errors are subtle, yet they provide the most impact subconsciously when users are browsing the Internet.</p>
<h3>Avoiding Pitfalls</h3>
<p>The bottom line for a good design is always simplicity and a lot of common sense. Being able to think like the user and not the designer would give you the biggest advantage in designing not only purposeful websites but pleasing looking ones.</p>
<h3  class="related_post_title">Related Posts</h3><ul class="related_post"><li><a href="http://www.webdesignbooth.com/colors-in-web-design/" title="10 Most Commonly Used Colors In Web Design And Their Examples">10 Most Commonly Used Colors In Web Design And Their Examples</a></li><li><a href="http://www.webdesignbooth.com/slidedeck-cool-jquery-plugin-for-slideshow/" title="SlideDeck &#8211; Cool jQuery Plugin For Slideshow">SlideDeck &#8211; Cool jQuery Plugin For Slideshow</a></li><li><a href="http://www.webdesignbooth.com/wordpress-usability-plugins-that-make-your-blog-more-visitor-friendly/" title="WordPress Usability: Plugins That Make Your Blog More Visitor Friendly">WordPress Usability: Plugins That Make Your Blog More Visitor Friendly</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.webdesignbooth.com/understanding-webpage-usability/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>
