Skip to main content

Critique: C’est difficile

Contributor Abigail Kelly is the maker of today’s poster. She bemoans that she never gets feedback on them. Well... we aim to please here on the Better Posters blog. Click to enlarge!


I hate to say it, but Abigail’s poster shows the lack of feedback. There are many problems that I have featured on the “Key posts” on the blog’s sidebar.

  • Uneven columns, contributing to unclear reading order. (Do I go across in rows, or down?)
  • Very narrow margins, and noticeable uneven ones, too.
  • Boxes around everything.
  • A barrage of bullet points. The bullets are disproportionately large, and not aligned with the first line of text, as is standard.
  • Uneven logos bookending the title.
  • The tables are in a data prison.
  • Vague and generic title.

My first thought was that the best approach to this poster was to blow it up, take it as a lesson learned, and start over.

But my second thought was, “That’s not in the spirit of the blog.” The spirit of this blog is that you can always find ways to make an existing poster better.

I went back to my usual first step when I try to improve a poster: take out the trash.

First, I cleaned up the top. I ditched the logos to create space to rearrange the title and author credit. I also shrunk the main image in the upper left, which needed more white space around it. I probably could have shrunk that diagram down even more.


Then, I got rid of the boxes, and the vertical lines in all the tables.


The hardest bit was figuring out what to do with the icons in the methods. They were too big, and didn’t line up with the text, or each other. I didn’t want to get rid of them entirely, because they added some much needed colour to the poster. I decided to shrink them way down, and lined up each with the top line of the paragraph they were in.




Finally, after removing a lot, I added one thing to the poster.

Shrinking the method icons had helped reveal the structure of the poster. The “Methods” and “Results” now have a clear margin between them. But I wanted another visual cue to indicate the different sections of the poster. I also wanted to add in a little more colour.

Using an eyedropper tool, I picked up some red from the main figure in the top right, so the colour was consistent with what was already on the poster. Then, I used an artistic brush tool to paint a line above each main heading. That the intensity drops off as the stroke moves right gives the line a bit of an organic feel, so that it isn’t a rigid rule.


This poster still has many issues. There’s still too much text, and the irregular column structure is problem. But with these changes, the poster is starting to look organized.

Here’s an animation so you can see the changes a bit better.



Down the road, it might be a good exercise for Abigail to revisit this poster. Start with the same material, and quickly knock out a new version. I did this to one of mine here.

Comments

Popular posts from this blog

Scott McCloud’s “Big triangle” and poster design

Posters are a visual medium. But not everything is equally visual. A picture of a real object is very visual, and the best thing to have on a poster. A scatter plot is less visual. And text is the least of all. I was thinking about how I might make that point, um, visually, and I suddenly realized that I was just recreating one side of Scott McCloud ’s triangle from Understanding Comics . If you have not read Understanding Comics ... oh, how I envy you. You have that to look forward to. It is a wonderful book. Even if you are the sort who thinks, “Ugh, superheroes,” get over it, read this damn book, and have your consciousness expanded. It is an undisputed classic book. Here’s a except relevant to the matter at hand: And that’s the point I was trying to make, except McCloud did it better over twenty years ago. Received information is immediate; perceived information takes effort. This is why nobody likes posters with too much writing. It takes effort that, in a busy conference settin...

Reading gravity

Great minds think alike; fools seldom differ. I recently learned that something I’ve called “ the Cosmo principle ” on this blog is an actual thing that proper designers talk about, except they have a different name for it. They call it “reading gravity.” The picture above is sometimes called a “Gutenberg diagram.” Apparently it was given that name by newspaper designer Edmond Arnold (interviewed here , where he refers to the “Gutenberg principle”). I’m not completely sure about this; need to do some more reading. What this image calls the “primary optical area,” I’ve usually called the “sex story,” because that’s invariably what occupies that position on every cover of Cosmopolitan magazine. The “terminal area” is usually what I’ve called the “take home message.” What I find usually ends up in the lower left corner, or “weak fallow area” as its called here, are my methods section. And that’s fine, because those are usually only of interest to the afficiandos. This diagram is wort...

Critique and makeover: Buffer it out

Today's poster is a contribution from William Elaban. This was not for a conference, but a class. Click to enlarge! Now, I have to apologize to William here, because my first reaction to this poster is not a kind one. But sometimes, my first reaction to a poster is: “Blow it up. Blow it all up. Blow it all up and start again.” This poster has deep structural issues. There is too much text. The reading order is all over the place. When the problems are that big, you want to see a fresh page. But first impressions can lie. Then I calm down and start tinkering. And by following some of the usual design principles, the poster slowly but steadily gets better. The first thing I did was get rid of lines. Underlined text and boxes were immediately banished. Headline case was replaced with sentence case. Next, I tackled the table. I gave it a more standard format, with just horizontal lines separating the top, header, and bottom. I cut the large number of decimal places down to a more reas...