Skip to main content

Critque and ruination: Antibiotic resistance CARD

For the first blog post of the year, allow me to ruin a poster. And even more ironically, I’m about to ruin an award-winning poster.

This week’s contribution came from Sally Min. It was presented at McMaster Innovation Showcase, where it won the People’s Choice poster award. Click to enlarge!


When I first opened the file, I thought, “This is strong.” We have that intense White Stripes colour scheme. The diagonals add a lot of visual interest and make the poster look different than the usual rectangular format. There is not a lot to read, because the poster uses icons and flow charts effectively.

But those diagonals, which bring so much of the cool look to the poster, also mess with the poster.

They look like arrow heads. We expect to follow arrows.

At a glance, this is how I expect the order of stuff on the poster to flow.


But the numbers make is clear that this is the order the authors intended.


We don’t expect to go “left and up” from section 5 to 6, because there is stuff to the left we’ve already read (section 2).

Because those numbers are so helpful, it might be worth making them bigger or more prominent somehow. Maybe numbers inside bullets would make them more visible. Here’s a very quick and dirty version:



While I know intellectually what the problem is, I don’t know how to fix it in a way that doesn’t make the poster look worse.

My first thought was, “The top row is confusing. It looks like there is an arrow pointing right to left, from black section 2 to the red section 1. I’ll keep the diagonals, but reverse it so the implied arrow is consistent with the reading order.”

I tried that, but you have the same problem with the diagonals looking like arrows on the right side of the section 4, which pointed across to section 6, when the authors want you to go down to black section 5.


I tried to create a visual cue, another arrowhead made of diagonals, to show the authors preferred direction, and that’s a hot mess. The shape created by black section 5 is just a weird polygon that makes no sense.


Maybe the solution is to flip the content. Put the material in black section 5 where red section 6 currently is, and vice versa.

I think this style of design could work, but the back and forth reading flow would need to be built in at the beginning. Something like:


You end up with “half boxes,” which in this sketch I’ve used for fine print.

The thing is that after all this struggling, I’m actually not sure it matters much. This is still a sharp looking poster, and that the authors were smart enough to add the explicit guideposts by numbering each section. That means that I am only momentarily confused looking at the poster.

Presentation pic! The poster in real life...

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: Landfill bacteria

Today’s contribution comes from Patric Chua, who gave me permission to post this. Click to enlarge! Patric had this to say: Better Posters has been my guide for poster designs ( Aw, thanks! - ZF ), and I've followed the many ideas for this poster. I understand that PowerPoint is not the best tool, but I hope it will suffice. The design of the poster is inspired by infographics - I did not want it to conform to the IMRAD template. Each section can be read independently and has its own method and results. However, I’m afraid that I’ve falling into the trap where I’ve placed too many information in. I also think that the poster lacks a strong entry point. The piece de resistance is probably the bottom right corner where I followed the advice on Inviting interactions post. I plan to attach cardboard boxes and place comment cards in the first box to make it easier for the audience. The amount of work that went into this is impressive. I’ve opened the file and seen just how many indiv...