SpyreStudios

Web Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

The Anatomy Of A Great List Post

July 26, 2010 by Matt Ward 6 Comments

Wait – what? The anatomy of a great list post? What’s this all about? Well a few weeks ago I published an article titled “The Anatomy of a Great Tutorial” in which I presented an outline of some of the elements that I think best exemplify a really great instructional post.

I wrote that article with the hope of making it the first in a series of articles, and what you’re reading now is the second in that series.

The Anatomy of a Great List Post

And yes, it’s also all about what makes a great list post.

As some readers may be aware, there are some very strong feeling about list posts in the community these days – and for good reason. Sometimes I look at certain RSS and news feeds, or at some of the stuff that gets passed around on Twitter and it just makes me want to scream in frustration. But, as much as I can get frustrated with all the lists (and especially with lists of lists), I try to keep and open mind and remind myself that not all list-based articles are bad.

In fact, there are some really great list posts out there. So, in this article, I want to look at some of the key elements that I think separate the lists that make me want to scream in frustration from those that actually find their way into my bookmarks.

A Worthy Subject

There is no doubt that list posts are articles, and like any good article, the foundation for success is always a good subject. The first step is always to come up with something that people want to read about. Just because you can put together a collection of websites that have pink flowers in their footer doesn’t mean that you should.

[Note: I just made that up. I have no idea if there are enough websites that feature pink flowers in their footers to actually compile a complete list. Hopefully, you get the point of the example though.]

So, when generating ideas for your next list post, try to make sure that it’s something that readers will be genuinely interested in.

For instance, one list post that I would be really, really interested in seeing would be a collection of websites that actually make intelligent and meaningful use of animated GIFs to add a subtle touch to a design. Too often, I think that people stereotype animated GIFs and think of all those really horrible rotating at symbols (@), sword wielding Diablo sprites or dancing, bikini-glad ladies. However, sites like Denise Chandler‘s actually demonstrate how animated GIFs can be used in interesting ways.

A list post that collected a number of fresh uses of animated GIFs could turn into a very strong and interesting article that could motivate readers and further stimulate creativity. In my books, any article that can accomplish this kind of intellectual stimulation is a good one.

Good Examples

In the vast majority of cases, examples make up the backbone of the entire list post. After all, a list post isn’t much good without the examples that actually make up the list itself. That being said, however, the quality of the examples is incredibly important. Even the best idea for a list post will fall flat on its face without good examples.

But what makes a good example? There are a number of things you could consider:

  • Uniqueness – is the example something that we’ve all seen before, or something fresh and unique that may really interest your readers?
  • Quality – this is especially important if your title suggests that your list includes all the best examples of something. I hate looking at a post titled something like “20 Best WordPress Themes for Authors”, only to find it full of second or third rate material.
  • Relevance – are your examples actually reflecting what you say they are? Sometimes, I think that we can start filling up our lists with examples that don’t entirely fit, just for the sake of inflating it a bit. I think, however, that it would be far better to have fewer highly relevant examples than a large number of less relevant examples that simply dilute the overall purpose of the article.

Of course, the definition of a good example is certainly going to vary from list post to list post, depending on the subject of the article. Regardless, however, any good list will pay particular attention to the quality of its examples.

A Reasonable Number

One of the tell-tale signs of any list post is probably the presence of some kind of number at the beginning of the title. Just look at the most recent list post here on SpyreStudios: “30 Awesome Custom Tumblr Blog Designs.” The name tells you exactly what the list will feature, and the number of examples that you can expect to see.

This is a pretty standard feature of most list posts these days, and as such is probably something worth considering here. I think that there are two very important things to consider when choosing numbers for your titles.

First, be reasonable. In the vast majority of cases, there is really no need to feature 150 examples of some particular trend or design element on various websites. Only a handful of very dedicated people will actually take the time to look at them all in detail. Plus, after the first 20, 30 or (at the most) 50 examples, there probably won’t be anything all that unique about the examples anymore.

So, in most cases, try to keep your lists to a smaller number by focusing only on the absolute best examples you can find. This will also have the added benefit of saving you some bandwidth, and your readers some time.

Also, be honest! I’ve come across far too many list posts with titles that are somewhat misleading – even if it is somewhat unintentional. For instance, though having 31 examples in a list entitled “30+ Clever Logos” is technically accurate, that little plus sign tends to cannot more than just on extra example. In my view, its far better to just come out and say “31 Clever Logos” rather than being somewhat more obscure.

Also, I am always sorely disappointed with a list that is titled “1001 Business Icons” only to find out that it just contains a list of different lists of business icons, which all add up to the total 1001. Again, strictly speaking the title is accurate, but when I come across these kinds of posts I very often feel as though they are not delivering directly on their promise – especially since many of the listed lists will actually contain the same icons, a little fact which tends to completely throw off the count.

Basically, just avoid anything that can be inaccurate or misleading. Also, if, for whatever reason, you cannot establish an exact count, the leave the number out entirely and devise some other, interesting title. Actually, you may even want to consider coming with with an different and interesting title anyhow.

Meaningful Commentary

Now, while a strong subject, good examples and a reasonable number can all help make for a good list post, the one thing that I think can make a really great list post is a bit of added commentary. It’s all very well and good to put together a collection of examples that demonstrate something particular, but in my experience, it’s even better to take the time to explain to your readers why you chose the various examples in your article.

For example, if you want to show me 20 examples of great comment submission forms, then take the time to tell me why each example is great. Is it the layout, the design or the usability? Is it the creative styling of the form elements or some tiny detail that really sets it apart? Perhaps it’s not even so much the form itself, but rather the way it is framed.

Providing this kind of commentary gives your readers something extra to engage with. Rather than just having an image to look at, your discussion can actually provide them with some context, and something to encourage their own thinking. Even if they don’t necessarily agree with your reasoning, it will still force them to engage the subject on a critical level, and make their own thoughts and judgements on the subject.

And, as I’ve already mentioned, any article (list or otherwise) that can do that is a successful article.

Conclusion

So there you have it: four elements that I think can work to actually produce a really great list post. Of course, I don’t really expect to see any significant change in the community tomorrow, or any time soon. After all, these articles have been experiencing success for a long time, and some of their more enthusiastic publishers are more concerned with traffic and numbers than with providing real value to the design community. So, mindless, poor quality lists will very likely continue to circulate.

Still, for those of you who are looking to deliver great and meaningful content to your readers, there is really no reason to abandon the list post entirely. Instead, consider some of the things that we have discussed here. Hopefully, they can help you put together some of the best list posts that the community has ever seen – the type of lists that will get frequently bookmarked because of the genuine value that they offer.

Your Turn To Talk

What do you guys think? Any time someone opens the lid on the subject of list posts, there’s always the potential for some very strong opinions. Are there any other characteristics that help make a great list post? Feel free to have your say by leaving a comment!

Filed Under: Article, Blogging

Comments

  1. Benny says

    July 26, 2010 at 2:04 pm

    Ah, wonderful tips. Thank you.

  2. Aidan says

    July 26, 2010 at 2:12 pm

    Yes! That’s what it all about. Don’t despise or detest list posts. They can have their meaning of existence if the authors who wrote them allow it to flourish more than just a list.

    Spot on advice, Matt.

    Thanks.

  3. Arshad Cini says

    July 26, 2010 at 2:32 pm

    Thanks for your advices Matt..

  4. Habieb says

    July 26, 2010 at 9:15 pm

    Thank for your information

  5. Bill Bone says

    July 27, 2010 at 6:36 am

    I love list posts. Thanks for the info.

  6. Bret Juliano says

    July 27, 2010 at 1:26 pm

    I completely agree with the four elements. Great article. I have been getting into blogging, but I know at least one of my post was something that has already been discussed over and over in design blogs.

Leave a Reply

Your email address will not be published. Required fields are marked *

Please prove you're human *

Recent Posts

  • 31 Fresh Design Elements for Spring and Easter
  • 10 Templates for Music Concert Flyers
  • How to Build a Web Scraper Using Node.js
  • Best PHP Books, Courses and Tutorials in 2022
  • How to Get Your First Web Design Client

Archives

  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • June 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • November 2019
  • October 2019
  • September 2019
  • August 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012
  • July 2012
  • June 2012
  • May 2012
  • April 2012
  • March 2012
  • February 2012
  • January 2012
  • December 2011
  • November 2011
  • October 2011
  • September 2011
  • August 2011
  • July 2011
  • June 2011
  • May 2011
  • April 2011
  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • March 2010
  • February 2010
  • January 2010
  • December 2009
  • November 2009
  • October 2009
  • September 2009
  • August 2009
  • July 2009
  • June 2009
  • May 2009
  • April 2009
  • March 2009
  • February 2009
  • January 2009
  • December 2008
  • November 2008
  • October 2008
  • May 2008
  • April 2008

Categories

  • Accessibility
  • Android
  • Apps
  • Art
  • Article
  • Blogging
  • Books
  • Bootstrap
  • Business
  • CSS
  • Design
  • Development
  • Ecommerce
  • Fireworks
  • Flash
  • Freebies
  • Freelance
  • General
  • Giveaway
  • Graphic Design
  • HTML5
  • Icons
  • Illustrator
  • InDesign
  • Infographics
  • Inspirational
  • Interview
  • Jobs
  • jQuery
  • Learning
  • Logos
  • Matrix
  • Minimalism
  • Mobile
  • Motion Graphics
  • Music
  • News
  • Photoshop
  • PHP
  • Promoted
  • Rails
  • Resources
  • Showcase
  • Tools
  • Tutorial
  • Twitter
  • Typography
  • Uncategorized
  • Usability
  • UX
  • Wallpapers
  • Wireframing
  • WordPress
  • Work

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

SpyreStudios © 2022