{"id":5973,"date":"2025-05-23T15:09:41","date_gmt":"2025-05-23T15:09:41","guid":{"rendered":"https:\/\/www.open.ac.uk\/blogs\/design\/?p=5973"},"modified":"2025-05-23T15:09:41","modified_gmt":"2025-05-23T15:09:41","slug":"graphical-abstracts-great-advertising","status":"publish","type":"post","link":"https:\/\/www.open.ac.uk\/blogs\/design\/graphical-abstracts-great-advertising\/","title":{"rendered":"Graphical abstracts: great advertising?"},"content":{"rendered":"<p style=\"font-weight: 400;\">I was at an interdisciplinary professional development session last week exchanging tips on how early career academics could promote newly published journal articles to various audiences, academic, policy and even \u2018normal people\u2019.<\/p>\n<p style=\"font-weight: 400;\">In a lull in the discussion of social media and industry newsletters I said, \u2018And you could of course always create a graphical abstract as well.\u2019<\/p>\n<p style=\"font-weight: 400;\">Silence, and everyone turned towards me with blank, uncomprehending looks, finally someone said: \u2018I\u2019ve never heard of it, what\u2019s one of those?\u2019<\/p>\n<p style=\"font-weight: 400;\">After some discussion, it appeared that in the social sciences, the arts, and to some extend engineering, graphical abstracts are not well known or used yet. However, when I explained they all thought it sounded like a good idea and when I was thinking about what to write for this blog post I decided that it might be a nice topic to explore.<\/p>\n<p style=\"font-weight: 400;\"><strong>So, what is a graphical abstract? <\/strong><\/p>\n<p style=\"font-weight: 400;\">A graphical abstract is a visual summary of the main message of a paper. They can be aimed at more or less knowledgeable audiences but are generally geared more towards public communication than the <em>visual abstracts<\/em> often used in medicine or chemistry which tend to be very technical and jargon laden.<\/p>\n<p style=\"font-weight: 400;\">They are not designed to convey the same amount of information as a paper\u2019s actual abstract but are rather supposed to act as a hook that attracts people\u2019s attention and encourages them to read the textual abstract or even (if you\u2019re very lucky!) the paper itself, rather like a post for a film or the front page of a newspaper.<\/p>\n<figure id=\"attachment_5983\" aria-describedby=\"caption-attachment-5983\" style=\"width: 2510px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5983\" src=\"https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-16.05.05.jpg\" alt=\"Two images: Laurensolivius from Asterix, saying: And that's not all! I'm designing giant posters to bring in audiences and then Obelix with a giant poster for a film!\" width=\"2510\" height=\"1680\" srcset=\"https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-16.05.05.jpg 2510w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-16.05.05-300x201.jpg 300w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-16.05.05-960x643.jpg 960w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-16.05.05-768x514.jpg 768w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-16.05.05-1536x1028.jpg 1536w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-16.05.05-2048x1371.jpg 2048w\" sizes=\"auto, (max-width: 2510px) 100vw, 2510px\" \/><figcaption id=\"caption-attachment-5983\" class=\"wp-caption-text\"><em>From Asterix &amp; Obelix\u2019s Birthday: The Golden Book by R Goscinny &amp; A. Uderzo<\/em><\/figcaption><\/figure>\n<p style=\"font-weight: 400;\"><strong>So what? Or but why? <\/strong><\/p>\n<p style=\"font-weight: 400;\">A graphical abstract should answer the \u2018so what?\u2019 question beloved by my PhD supervisors when I presented them with an interesting finding. But <em>why<\/em> is this research relevant and why should I care?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5976 aligncenter\" src=\"https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-14.15.50.png\" alt=\"A person stroking their chin thoughtfully, asking 'but why?'\" width=\"847\" height=\"337\" srcset=\"https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-14.15.50.png 1690w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-14.15.50-300x119.png 300w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-14.15.50-960x382.png 960w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-14.15.50-768x305.png 768w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-14.15.50-1536x611.png 1536w\" sizes=\"auto, (max-width: 847px) 100vw, 847px\" \/><\/p>\n<p style=\"font-weight: 400;\">For example, I\u2019m currently doing a meta review of the global academic literature quantifying carbon reduction potential in retrofit. The \u2018so what\u2019 could be answered in perhaps this case by something like: \u2018we\u2019re identifying current gaps and trends to help researchers plan future research that supports climate action.<\/p>\n<p style=\"font-weight: 400;\"><strong>It\u2019s graphical\u2026 <\/strong><\/p>\n<p style=\"font-weight: 400;\">A graphical abstract should be just that, graphical, it needs clear eye-catching graphics that help to tell the story. You should be able to instantly get an idea of what it\u2019s about in a single glance. It can be supported by some words but not hundreds of them! Guidance I\u2019ve seen suggests around 50-70 words maximum, not including a title, if it is clear and understandable, and a link to the full paper.<\/p>\n<p style=\"font-weight: 400;\">There are of course a lot of design principles that can be bought to the creation of a graphical abstract around golden ratio and rule of thirds, colour palettes, negative space and so on. I\u2019m now going to talk through the process of designing a graphical abstract that I created back in December for a recently published paper on informational barriers to retrofit. I\u2019m not claiming it\u2019s the best way to do it, but it worked for me.<\/p>\n<p style=\"font-weight: 400;\"><strong>Step one: what is the message? <\/strong><\/p>\n<p style=\"font-weight: 400;\">I started off by thinking about the message I wanted to get across, and for this began by revisiting the highlights section that the journal had asked for:<\/p>\n<p style=\"font-weight: 400;\"><u>Highlights<\/u><\/p>\n<ul>\n<li>Informational barriers to the transformation of retrofit markets are categorised.<\/li>\n<li>Views of homeowners, retrofit professionals, and local policy makers are analysed.<\/li>\n<li>A novel photo elicitation method adds value to workshop and interview data.<\/li>\n<li>There are barriers for both the nature of information and for how it is delivered.<\/li>\n<li>Local and national policy has an important role to reduce informational barriers.<\/li>\n<\/ul>\n<p style=\"font-weight: 400;\">Now this is sixty words but doesn\u2019t really address the so what\/but why question and is a bit \u2018academic\u2019. I therefore spent some time thinking about the what the key message and context of the research was. \u00a0I tried to use the And, But, Therefore, storytelling concept for this: i.e. Mitigating climate change is vital AND retrofitting buildings to reduce carbon is a vital part of this. BUT households need better information to retrofit even though this is often neglected by policymakers in favour of financial barriers. THEREFORE, our research explored these barriers in detail and made recommendations to policymakers to reduce them.<\/p>\n<p style=\"font-weight: 400;\">I went through several iterations to refine the wording and ended up with some words I was happy with.<\/p>\n<p style=\"font-weight: 400;\"><strong>Step two: How do you visually display \u2018barriers to retrofit\u2019?<\/strong><\/p>\n<p style=\"font-weight: 400;\">I then considered the layout of my abstract and how to display \u2018barriers to retrofit\u2019, visually and tried a range of different options. I also resisted using any of the images or graphs from the paper, as they are too complex and would require too much explanation.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-5975 aligncenter\" src=\"https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-14.52.13.png\" alt=\"Three different images: two walls with a woman carrying a ladder to reach a retrofitted house on the other side. One a house behind a chain link fence with razor wire top. \" width=\"750\" height=\"335\" srcset=\"https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-14.52.13.png 2846w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-14.52.13-300x134.png 300w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-14.52.13-960x429.png 960w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-14.52.13-768x343.png 768w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-14.52.13-1536x687.png 1536w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-14.52.13-2048x915.png 2048w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/p>\n<p style=\"font-weight: 400;\">After some playing around with good old-fashioned pen and paper, I finally settled on a railway style barrier \u2018on the road to retrofit success\u2019 with some people to show the context. I did try having a second image further down showing the barrier raised as a result of the policymakers following the recommendations but decided that it was too busy.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-5977 aligncenter\" src=\"https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-15.03.36.png\" alt=\"A lifting railway crossing barrier with two people waiting by it to reach the retrofitted house beyond\" width=\"602\" height=\"317\" srcset=\"https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-15.03.36.png 2434w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-15.03.36-300x158.png 300w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-15.03.36-960x505.png 960w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-15.03.36-768x404.png 768w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-15.03.36-1536x808.png 1536w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-15.03.36-2048x1077.png 2048w\" sizes=\"auto, (max-width: 602px) 100vw, 602px\" \/><\/p>\n<p style=\"font-weight: 400;\"><strong>Step three: colour scheme, layout and extras. <\/strong><\/p>\n<p style=\"font-weight: 400;\">I decided on a green colour scheme and palette \u00a0to help bring the environment and sustainability to mind, I also checked the colour contrasts between the text and the background to make sure that it was accessible. I used four boxes, background, challenge, results and conclusions to shape my layout with a few extra icons to illustrate specific points. As per various guidance I also added a reference and link to the paper in small text at the bottom of the graphical abstract so that people could find it they wished, along with an open access symbol. Then finally I added a simplified version of the title of the paper at the top.<\/p>\n<p style=\"font-weight: 400;\"><strong>Final version and reflections<\/strong><\/p>\n<p style=\"font-weight: 400;\">After another few revisions and some feedback from convenient family members, I finally had a version that I was fairly happy with, although I suspect it is still probably a bit wordier that a graphical abstract should really be. However, I enjoyed the process, and it has definitely been a helpful way to link to and promote the paper when talking to various people.<\/p>\n<figure id=\"attachment_5981\" aria-describedby=\"caption-attachment-5981\" style=\"width: 2566px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/doi.org\/10.1016\/j.erss.2024.103866\" ><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5981\" src=\"https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-16.01.13.png\" alt=\"The final graphical abstract\" width=\"2566\" height=\"1360\" srcset=\"https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-16.01.13.png 2566w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-16.01.13-300x159.png 300w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-16.01.13-960x509.png 960w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-16.01.13-768x407.png 768w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-16.01.13-1536x814.png 1536w, https:\/\/www.open.ac.uk\/blogs\/design\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-23-at-16.01.13-2048x1085.png 2048w\" sizes=\"auto, (max-width: 2566px) 100vw, 2566px\" \/><\/a><figcaption id=\"caption-attachment-5981\" class=\"wp-caption-text\"><em>The final version<\/em><\/figcaption><\/figure>\n<p style=\"font-weight: 400;\">I\u2019ll certainly be creating another graphical abstract for my next paper as it feels like a great idea in efforts to make research more accessible to a wider audience. And if anyone wants to read the paper, the link is, of course, in the graphical abstract, just click\u2026.!!!<\/p>\n<p style=\"font-weight: 400;\">Now, what image says \u2018systematic review of the global academic literature\u2026.?<\/p>\n<p style=\"font-weight: 400;\"><strong>Useful links<\/strong><\/p>\n<p style=\"font-weight: 400;\">If you\u2019ve been inspired, to create your own graphical abstract, these websites have some useful guidance.<\/p>\n<ol>\n<li style=\"font-weight: 400;\">Ten simple rules for designing graphical abstracts: <a href=\"https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC10833524\/\" >https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC10833524\/<\/a><\/li>\n<li style=\"font-weight: 400;\">Designing graphical abstracts: the ultimate guide: <a href=\"https:\/\/www.animateyour.science\/post\/how-to-design-an-effective-graphical-abstract-the-ultimate-guide\" >https:\/\/www.animateyour.science\/post\/how-to-design-an-effective-graphical-abstract-the-ultimate-guide<\/a><\/li>\n<li style=\"font-weight: 400;\">Colour contrast checker: <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" >https:\/\/webaim.org\/resources\/contrastchecker\/<\/a><\/li>\n<li style=\"font-weight: 400;\">A search tool for icons and images: <a href=\"https:\/\/thenounproject.com\/\" >https:\/\/thenounproject.com<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>I was at an interdisciplinary professional development session last week exchanging tips on how early career academics could promote newly published journal articles to various audiences, academic, policy and even \u2018normal people\u2019. In a lull in the discussion of social media and industry newsletters I said, \u2018And you could of course always create a graphical [&hellip;]<\/p>\n","protected":false},"author":30,"featured_media":5981,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[254,7],"tags":[367,369,368],"class_list":["post-5973","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-for-sustainability","category-design-research","tag-graphical-abstract","tag-research-communication","tag-visual-design"],"_links":{"self":[{"href":"https:\/\/www.open.ac.uk\/blogs\/design\/wp-json\/wp\/v2\/posts\/5973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.open.ac.uk\/blogs\/design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.open.ac.uk\/blogs\/design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.open.ac.uk\/blogs\/design\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/www.open.ac.uk\/blogs\/design\/wp-json\/wp\/v2\/comments?post=5973"}],"version-history":[{"count":3,"href":"https:\/\/www.open.ac.uk\/blogs\/design\/wp-json\/wp\/v2\/posts\/5973\/revisions"}],"predecessor-version":[{"id":5985,"href":"https:\/\/www.open.ac.uk\/blogs\/design\/wp-json\/wp\/v2\/posts\/5973\/revisions\/5985"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.open.ac.uk\/blogs\/design\/wp-json\/wp\/v2\/media\/5981"}],"wp:attachment":[{"href":"https:\/\/www.open.ac.uk\/blogs\/design\/wp-json\/wp\/v2\/media?parent=5973"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.open.ac.uk\/blogs\/design\/wp-json\/wp\/v2\/categories?post=5973"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.open.ac.uk\/blogs\/design\/wp-json\/wp\/v2\/tags?post=5973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}