Kamis, 16 Juli 2015

Latest modern science | Critique and makeover: Fine lace - Si Bejo Science

Melissa WilsonSayres found this poster at this year�s Society for Molecular Biology and Evolution conference:


Yes, that�s a bra in the background. The authors made their poster into a boob joke.

The reaction to this on Twitter was not positive. Comments ranged from �shocked� to �mind boggling� to �poor choices all around� to �what where they thinking� to �speechless� to �great way to get people to miss the point of your poster.�

Okay. There is much to discuss here, and I�m not sure I�ll get to it all. There are a lot of things to talk about, I know, with everyday sexism and gender roles and appropriate behaviour in a professional setting and more.

I�m not one to talk about this. I am not about to cast the first stone on using knickers in design. I did, after all, write an entire post about lessons from lingerie. But this poster... that wasn�t what I meant.

Putting aside all that, this is a poorly designed poster, both conceptually and graphically. Let�s go back to a basic principle:

The design of a conference poster should be in the service of what the audience wants to know. Here, the design is in the service of a joke. And the joke doesn�t make any point about the scientific content.

For instance, Andrea Kirkwood noted:

The background is overemphasized to the detriment of the data.

Bad at Being Human had the most memorable critique:

The combination of the title style and the background comes across as the textual form of motorboarding.

I completely agree with this. It�s not just that there�s a bra as a background image, but the authors squeeze the title down into the cleavage to emphasize the breasts.

It�s not just the bra that�s the problem, either. There is a lot of room to improve in almost every aspect of the poster. Roberto Marquez added:

Plus 3D plots (why does anyone even consider...?)

The title is well below eye level, and will be blocked by anyone standing in front of the poster.

The typefaces seem to be chosen to be �feminine,� but they are hard to read. I cannot make out the text of the introduction in the photo, for example, even at the highest magnification. The swishy text might have made for a good heading, but is a horrible choice for the majority of the text.

Here�s what I would have done.

When I do poster makeover, I try to not to destroy the spirit of what the authors wanted. The title indicates that wanted something a little sexy. I am not opposed to making something sexy. Appealing to our sexual side can be a powerful way to communicate, if you can get past the inherent craziness and irrationality that comes along with sex appeal. See the �four organs of communication� in some of Randy Olson�s writing (summarized here).

In search of sexy, the authors went with the bra image. The problem is that the imagery they used is too literal and in your face. It violate the Sommese rule and treats the audience like morons.

I�ve talked before about the power of pastiche: imitating something that is a proven and recognizable template. You want to evoke lacy bras? Pick a well known and recognizable brand that one associates with lacy underthings.

I would go look at a Victoria�s Secret catalogue. (Purely for research!)

I�d look at the type used in the Victoria�s Secret logo and in the main pages. Bell MT is close to their main logo. I also notice that they use a mix of small caps and italics in their display text. Victoria�s Secret sometimes use a grotesque sans serif that I can�t identify. I tried a Franklin Gothic as a substitute.

I�d take a few representative pages from the catalogue to figure out what the colour palette might be. It would probably be pinks, pastel blue, creamy or pearly off-whites.

My version of this poster might be more like this (click to enlarge):



The key element is the lace of the title. The lace is now a very light, subtle pattern in the background. I took a large image of lace, and used the corrections in Microsoft Publisher to adjust the lightness and recolour it. To reinforce the lace theme, I kept something the authors had in their original poster: a little bow, which I put at the bottom instead of the side.

This is just my first draft, and certainly isn�t the only or best way to do it. The makeover shows that colour, type, and patterns alone can evoke a little bit of the sexiness implied by the title.

Kamis, 09 Juli 2015

Latest modern science | Make this your working title for every poster - Si Bejo Science

When you�re laying out your poster, instead of typing in the title you put in your abstract, put this:


�No one has to read this crap.�

Frame grab from this interview with Ed Yong. Ed has this posted above his desk as advice for freelancers, but the advice is equally appropriate for poster makers.

Nobody owes your their time at a conference. Nobody has to stop at your poster. Nobody has to talk to you.

Let that harsh realization guide your editing and design to make something that another person, who is not you, who is not invested in the project, wants to read.

Update, 1 October 2015: This quote apparently originated with Tim Radford. (Radford�s rule #6.)

Kamis, 02 Juli 2015

Latest modern science | Critique: Galaxy quest - Si Bejo Science

This week�s poster comes from Chelsea Sharon, and is shown with her kind permission. Click to enlarge!


Chelsea writes:

I feel like hardly anyone ever has useful design critiques for me, and I�ve certainly settled into a specific template.

I would try to calm down some of the type in the title and headings by removing outlines and underline. The title is particularly busy, with the title and the authors� names and the authors� institutions each getting a different combination of colour and outline: red with white outline, white with blue outline, blue with white outline. The outline of the authors� names is making those two lines come perilously close together, touching in several places:


While the photo is reasonably subdued, it contributes to the overall feel of clutter. 

I�m not a fan of author photos on posters, but this one could be incorporated more smoothly. The picture breaks the symmetry of the title, and again contributes to the crowded feel. If you�re going to have a non-symmetrical layout, own it, by not centering the text. My revision might look something like this:


(You�ll have to image the background image of the radio telescope array.)

One other little point in the title bar is that Fabian
Walter�s name gets broken across two lines (as I have imitated in this paragraph). Where to put line breaks in text can be a tricky business, but it�s probably best not to break up an author�s first and last names if possible.

Travelling down to the main body of the poster, the underline on the headings could be removed.

The bullets are not bringing anything to the table. Bullets are effective for calling out short lists in larger blocks of text. Here, they fall victim to the Syndrome syndrome:



The amount of text is intimidating, and makes me wonder if some cutthroat editing might be in order.

Having most of the the main text all in the center of the poster helps provide a thread for the reader to follow through. Having the figures on the sides of that central column meas the reader has to weave back and forth between the text and the figures, but it isn�t too confusing. Maybe there could be few signals to link the text and the figure: some emphasis with bolding, and perhaps even a hint of colour?


Finally, those big heavy blue lines separating each block? Let�s see what happens if we remove those:

The poster seems to hold up fine without them.

Related posts

Mug shot

External links

Run ragged

Kamis, 25 Juni 2015

Latest modern science | Link roundup for June 2015 - Si Bejo Science

The self-declared contender for the best poster. Not just academic poster, no.


Yes, that tap at the bottom? It works.


Coverage of this poster can be found here, here, and here. Probably other places, too. Hat tip to Jeffrey Bemis.

Back to science now, with a blog post about posters for Twitter.

This week on Twitter, I came across an image that was a hybrid between a science poster and an infographic. ... The simplicity of a tweetable poster makes it easy to highlight a project�s impact or identify solutions, and by sharing them on Twitter, the reach of these posters goes far beyond that of the traditional posters you find at conferences.

A reminder from Max Roser about why you should not use pie charts:


You will know the name from your font dropdown menus on your computer, all the way at the end: Zapf. An obituary of type designer Hermann Zapf is unexpectedly rich. Hat tip to Zach Seward and Amanda Krauss.

A poster! Hat tip to figshare.

A great look at science photographer Felise Frankel.

Frankel�s goal is to capture scientifically honest photographs that, in her words, �frankly, makes you want to look at it.� Since her first image ran on the cover of Science in 1992, her images have landed on some 30 journal covers.

While posters are generally static, there�s a lot to think about in this interview about turning nanoscale bioloical processes into movies:

In promoting the biomedical animations I should avoid overstating how accurately I have depicted the reality of the molecular world. It is vastly messier, random and crowded, and it�s physical nature is unimaginably alien to our normal perception of the world around us.

The Sociobiology blog has a post describing how to organize a fab small meeting. This particular meeting emphasized talks over posters, but I include it here anyway, since I am always hopeful conference organizers are lurking here.


Kamis, 18 Juni 2015

Latest modern science | #SciFund poster class links - Si Bejo Science

We�re in the thick of the #SciFund poster class now! One of the fun things for me about being involved is that we�re doing stuff that I haven�t covered in this blog.

In particular, Anthony Salvagno has written a lot about how to use Adobe Illustrator to make a poster. I had not used Illustrator before I started working on this class. It is powerful, but not simple. Anthony�s tips and suggestions are just the thing if you have been curious about using Illustrator for making posters.

You can download Illustrator and use the full version for free for 30 days.

I�m going to collect all the #SciFund poster class links here for archival purposes. As I post this, just two are up, but I will add the next three weeks as the become available.

#SciFund poster class links

Week 1: Focusing on message and getting started with Adobe Illustrator
Week 2: Developing a draft and building your wireframe with Illustrator
Week 3: Creating images and graphs
Week 4: Working with text
Week 5: The home stretch

Kamis, 11 Juni 2015

Latest modern science | Critique: Shape perception - Si Bejo Science

Today�s contribution comes from Arvid Herwig, and is shown with his permission. Click to enlarge!


My first reaction to this poster was incredibly positive. It�s an interesting mix of the bold and the restrained. The dark red bands surrounding each section are very large and visually dominant. Yet there are so few of them, and they are placed so precisely, that they don�t feel overwhelming. The muted background also helps calm the overall design.

To give an idea of how important those colour choices are, here�s a quick and dirty replacement of the brick red of the lines with a straight red, and the light gray grid with straight white:



Suddenly, the warmth is gone and you have a look that has all the appeal of a traffic sign.

The logos are corralled down in the corners, making them unobtrusive.

I�m impressed by how well the images and text fit within the section borders. Circles and triangles are not easy shapes to fit text or graphs into, but there is little wasted space here. The text and images follow the contours of the shapes very nicely.

The one problem I had was when I started to read it. I immediately read it the wrong way. I went from 1 across to 3, instead of from 1 down to 2. It seems that a major challenge for this poster is how to signal that it should be read in columns, not rows.

The first cue,spacing of the sections, tries to guide me. Section 1 and 2 are closer to each other than 1 and 3.

Part of the problem may be the labelling. The callout for �01 Introduction� is about the same distance, or maybe even a little closer, to �03 Methods� as it is to �02 Objective�.

Second, the labels for 01 and 03 point in the same direction. This provides a subtle cue that the two sections may be related to each other. I tried this alternate, making the headings for the first two sections match, attempting to strengthen the link between those two.


While I�m not sure this makeover works yet, I think the theory is sound. If you can get the reader to go down in the first instance, the rest falls into place.

Overall, some quite lovely work here.

Kamis, 04 Juni 2015

Latest modern science | Critique: Many-body dispersion - Si Bejo Science

This week�s poster comes from Jan Hermann, and is used with permission. Click to enlarge:


This is quite lovely. Everything is aligned. The text boxes are not enclosed in heavy lines. The colours are attractive and subdued. Even the institutional logo is done in a way that doesn�t detract from the rest of the poster.

There�s just one thing that I have mixed feelings about: that big �Summary & outlook� box.

There are several visual cues that this bit is important. The box is placed right in the middle. Its dark brown background contrasts with the much lighter background surrounding it. This is a well known trick for drawing attention. Look at this example (from here).


The summary box is like the Volkswagon in the ad above: it�s hard not to be drawn to it first. In some ways, this is good. Because it is a summary, you want people to be drawn back to that point.

There are some down sides to this. The summary box breaks the expected reading flow. You tend to look at the summary first, which is good. It�s not too hard to figure out where to go next: upper left corner. So far, so good.

Where the summary box loses some of its appeal is when I�m making my way back though the results. It creates a break. Two related text sections are forced far apart:


When I hit the left text box highlighted in the image above, the next thing I expect to look at, based of its place in the poster, is the top figure (1).

But the position of the graphs is not closely related to their references in the text. The call to examine Figure 1 is closer to Figure 2, and Figure 2 appears in the reading order before you reach the reference to it.


Thus, I have to do a bit of work to connect that text box split across two columns, because of that summary box in the middle. It�s certainly not a fatal flaw. The benefits of that strong summary may outweigh the inconvenience of trying to work out the reading order.