<?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>everything flows &#187; pagination</title>
	<atom:link href="http://www.lukerodgers.ca/tag/pagination/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lukerodgers.ca</link>
	<description>a celestial emporium of benevolent knowledge</description>
	<lastBuildDate>Wed, 11 Jan 2012 02:35:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Improve your pagination&#8217;s usability</title>
		<link>http://www.lukerodgers.ca/2009/02/improve-your-paginations-usability/</link>
		<comments>http://www.lukerodgers.ca/2009/02/improve-your-paginations-usability/#comments</comments>
		<pubDate>Sun, 15 Feb 2009 07:04:27 +0000</pubDate>
		<dc:creator>Luke Rodgers</dc:creator>
				<category><![CDATA[annoying things]]></category>
		<category><![CDATA[web and tech]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[pagination]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.lukerodgers.ca/?p=482</guid>
		<description><![CDATA[In short: pad your <code>a</code> elements liberally]]></description>
			<content:encoded><![CDATA[<p>A quick tip to improve the usability of your pagination: <strong>give your <code>a</code> elements a decent amount of padding</strong>.</p>
<p>We know <a href="http://www.useit.com/alertbox/seniors.html">clickability is an issue for seniors</a>, but when it comes to the set of barely-separated-small-fonted numbers that so often comprise a website&#8217;s pagination, the increased click target area improves usability for everyone.</p>
<p><span id="more-482"></span>Bad examples of this abound&#8212;I&#8217;m sure I don&#8217;t need to point any out, as they constitute probably upwards of 90% of the pagination you encounter. Even Google isn&#8217;t great on this account (though you don&#8217;t often find yourself wanting to jump directly to page 8 of your search results).</p>
<p>Some decent examples of how to do it right can be found on <a href="http://www.smashingmagazine.com/2007/11/16/pagination-gallery-examples-and-good-practices/">this Smashing Magazine article</a> (though even many of these could, I think, offer the user a bigger target), while a post from the 37signals blog (<a href="http://www.37signals.com/svn/posts/1048-padded-link-targets-for-better-mousing">padded link targets for better mousing</a>)  demonstrates fairly clearly some of the benefits of padding your links in the way I&#8217;m suggesting.</p>]]></content:encoded>
			<wfw:commentRss>http://www.lukerodgers.ca/2009/02/improve-your-paginations-usability/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

