Category Archives: Redesign

Looking back 10 years…update

For the past couple of years, I have been looking back on a monthly basis at graphics that I produced whilst at New Scientist 10 years ago.  I have had fun commenting on the good, bad and indifferent things that I find in the graphics. From colours and styles as well as the technology.  I have decided to change this monthly look back to a quarterly review. I did this first over the summer – link here – and think a quarterly look back will allow me to pick some howlers and well as -hopefully- showcase some stunners!

graphic showing images fro 2012

The next one will cover July, August and September 2012 and will be the autumn round-up…due end of September.

Thank you to all that have looked in the past and I hope that you carry on enjoying the round-up on a less frequent basis.

 

From idea to final dataviz – EU Drug Markets Report 2019

Last week I posted a link to a project that I completed last year, working in collaboration with EMCDDA and Europol – the EU Drug Markets Report 2019. 

I posted it because the particular graphic that I show in the preview was one of those projects that really changed along the way from initial idea and sketch to the final look. It was a challenging project and one that I sometimes use as an example of the process in my workshops. See the report here.

A comment from Andrew Cunningham (EMCDDA staff), one of the contributors to the report made me think that showing the progression of the design would be interesting for viewers, so here goes.

To put this spread into context, each chapter of the Drug Markets Report concentrates on one drug or range of drugs, so we have Cannabis, Heroin, Cocaine, Synthetics (MDMA, Amphetamine, Methamphetamine) and NPS (New Psychoactive Substances) Each chapter has a main spread graphic, along with its chapter colour, summing up the particular drug and looking at its sources, distribution, price, purity etc around the world as well as across Europe.

We tried to keep to the same format for each drug graphic so that the reader would know what was being shown in each position.  There is a central image surrounded by many data graphics – generally world data on the right and EU data on the left page. I have included the other drug spreads here so you can see what I mean.

With NPS we have a range of drugs that cover many of the other drug categories but in man-made chemical form, so the way the data was collected and needed to be presented was very different. Trying to keep up with the new (sometimes very similar) chemical formulas and drugs is a major task. In our initial discussions the huge number of drugs recorded and monitored by the EU early warning system seemed to be very important and we agreed that this was something that should be shown. For instance in the last year of reporting – 2018 – there were approximately 52 drugs monitored and reported out of a total of about 731 (numbers were not 100% accurate as this stage) reported since 2003 – an interesting thing to visualise as we could also show how many of each category were being monitored. Here are some of the trials showing the 731 drugs and the breakdown of what types they were.

I thought if I use each drug as a dot and make it into a hexagon shape, being of significance in the chemistry of the NPS (benzine ring) that would be a great way to show just how many had been monitored in that time and the proportion that had been reported in the last year. Maybe we could have that as out main image and hang the other data off of that.

Luckily the total number of dots fits quite happily into that hex shape (well almost) and so I tried to lay out some of the remaining data along the same lines as the other spreads. 

I was hoping that we could pull out and highlight some examples of the drugs over the years to help put them into context for the more general reader, ie where was ‘spice’ and when was it notified and what are the data for that etc so I added some dummy copy boxes over the 700 dots.

You can see here that the layout is six column double page spread.

 

As with most projects, discussions between colleagues and myself are an ongoing and vital part of the process. Elements are changed, colours are altered and layouts adjusted…

During some of these discussions it was agreed that the number of seizure cases was really the important piece of information – or it was at least as important as the numbers of the drugs – and so we decided that this should be primary focus of the spread.

I had the data in a small graphic at the top right hand side and so I redesigned the spread using that information as the focus, now hanging the other data, including the dots, from that. The number of drugs was still an important piece of data and so I tried to incorporate that into the new design using 732 dots arranged in different way, firstly in a row…

…then using my preferred hex shape once again. You can see here I tried other chart types including the histogram like chart but we agreed on the area/line chart in simple colours with the hexagon (700+ dots) as a secondary visual although near to the top of the page so that the reader would see the huge numbers before seeing the quantities.

Once we had agreed on the look, it was then time to refine the main chart to add EU and EU+2 data (light and dark blue) plus add the additional information such as highlighting certain drugs and chemical categories as well as other relevant or interesting information. You can see I had started to do this above and below.

The key for the 731 NPS dots was a real problem and that particular element went through many stages to try and get it into a state that was acceptable to everybody and understandable to the reader.

Then it was really down to refinement and adjusting text, layout, positioning, white space and incorporating and editing the new data when we got it until we end up at the final version.

Keeping everybody involved (and sometimes not involved!) updated with the process and what was going on was a big job, but luckily at that stage I could spend time in EMCDDA’s  office which made the process much smoother.

Making sure everybody involved was happy with the information shown, the text and the placement of the visuals is always a big job and these spreads were no exception.

We got there in the end and I and, hopefully, the team at EMCDDA are happy with the results. Working with a big team is always an involved, complex and sometimes frustrating experience – for them as much as me – but knowing the data and subject matter (they are the experts here), knowing the audience and knowing the reasons for producing the visuals is a vital part of the job and hopefully this knowledge will guide you to a good result.

This happens with every chart and graphic I produce, from the most basic to the complex. Some have more steps and processes, including lots of pencil sketches (which have gone missing here) some less, the process is the same. 

These were just some of the graphics produced for the report. There are many more in the report including timelines, drug processes and more icon-like graphics, so head over to the site and download last years and this years report amongst many more.

A big thank you to Rosemary Martin de Sousa (Head of unit), Andrew Cunningham (who’s idea it was to post this) and everybody involved at EMCDDA and Europol – a real team effort. 

2019 Report here

08 December 2020

Icon design

A couple of before and after for icons that I worked on for ‘The Good Ancestor: How to think long term in a short-term world’ by Roman Krznaric, launched this week.

Showing the ideas that were sketched out after discussions and brainstorming between Roman and myself.

icons for tog of war graphic showing long term and short-term thoughts

final icons for tug of war graphic

icon sketches for deep democracy

final graphic icons for deep democracy graphic

Always good to see how things develop and finalise at the final stage. More to come…

25 July 2020

The Sketching Process

My latest infographic for Scientific American has been released and this month they are making the issue free to read. Go to https://lnkd.in/gVMCHtz to see my graphic looking at Planet Hunting. Always a pleasure to work with Jen Christiansen and Meredith MacGregor.

This month I thought I would share the video of the sketching process I went through after I had read the copy, re-read the copy, doodled and taken notes,  finally asking many questions to Jen and Meredith. At that stage I was pretty certain about what we were all trying to achieve in the graphic.

The graphic and video are below. These show my sketching process and build up to the ‘final sketch before committing to the final drawing completed in Illustrator.

03 June 2020

Timeline and Icon designs

Timeline and icon design

I have been working remotely with the EMCDDA designing graphics for their 25th anniversary. The latest graphic has just been launched looking at the monitoring capabilities and innovation employed to keep up with their remit. I thought I would be interesting to show some earlier sketches showing some steps in the design process and how the icons have been used in the table that follows on…thanks to all the staff.


the final graphic is below with the icons being reused to help the flow of the table.

link is here http://www.emcdda.europa.eu/news/2020/emcdda-preparedness-and-response-fast-moving-drugs-problem

Cochrane Infographics

An older post from 2017 showing a redesign following a discussion on the website for a Cochrane infographic.
Here is the original posting.

“one part of the graphic showing the number of head-first births and the box under the graphic saying ‘ECV decreased not having a head-first birth…’ was a bit difficult to comprehend at first, being a double negative and so, I have redesigned it a little to show the positive rather than the negative (although that may have been your purpose in this instance), I have also added coloured marking on the text, also to help the reader”

and my de-designed graphics

The comments were taken on-board and the redesigned graphic was produced here.
An improvement but still lots to do looking at other graphics on the page.