Use these 6 UX design techniques to make your top ten lists more readable

Posted on June 29, 2009. Filed under: blog, webdesign, writing | Tags: , , , , |

With the amount of information the average person must interpret on a daily basis how do you entice your readers to read another top ten list? By using good usability design standards you can ensure your readers will get the most out of your post in the shortest period of time.


1

Shorter is better – top ten style lists can quickly get unusable once they include more items over ten. For instance, the more items over ten that are featured, the less likely people will read the items further down the list.

2

Give the user as much information about the list before the jump. If the use has to scroll down to find out why they should read this list they probably won’t.

3

Number your items. This will help your readers more quickly see where they are in the article and effectively separate each item featured.

4

Use HTML <li> tag and CSS to format your lists – read these for reference

http://mirificampress.com/permalink/the_amazing_li

http://www.sohtanaka.com/web-design/css-ordered-list-enhancement-tutorial/

http://codeasily.com/css/style-ordered-list

5

If you are going to use pictures or screenshots, optimize them so they don’t take forever to load. Consider size, quality, and image type when creating your thumbnails. Link:  Online Image Optimizer- GIF, JPG, and PNG is a website designed just for that very purpose.

6

If your top ten lists is a list of images, offer them as a download them all option (zip file) at the end of the article. Your readers will appreciate it.  If your CMS does not allow hosting .zip files there are plenty of sites who will host the file for free.  I use www.filesavr.com because it is easy to upload and equally simple for your readers to download.

hearicon006_125x125

About the Author:

Kalim Fleet is a professional web designer and blogger with over 6 years experience. The web is his passion as he splits his time between blog writing, software development and social media. He loves using and developing new applications for the web, mobile, and desktop.

Twitter Button from twitbuttons.com

Advertisements

Make a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Liked it here?
Why not try sites on the blogroll...

%d bloggers like this: