这是indexloc提供的服务，不要输入任何密码
Skip to main content
Springer Nature Link
Log in

Visual harmony: text-visual interplay in circular infographics

  • Regular Paper
  • Published:
Journal of Visualization Aims and scope Submit manuscript

Abstract

Infographics are visual representations designed for efficient and effective communication of data and knowledge. One crucial aspect of infographic design is the interplay between text and visual elements, particularly in circular visualizations where the textual descriptions can either be embedded within the graphics or placed adjacent to the visual representation. While several studies have examined text layout design in visualizations in general, the text-visual interplay in infographics and its subsequent perceptual effects remain underexplored. To address this, our study investigates how varying text placement and descriptiveness impact pleasantness, comprehension and overall memorability in the infographics viewing experience. We recruited 30 participants and presented them with a collection of 15 infographics across a diverse set of topics, including media and public events, health and nutrition, science and research, and sustainability. The text placement (embed, side to side) and descriptiveness (simplistic, normal, descriptive) were systematically manipulated, resulting in a total of six experimental conditions. Our key findings indicate that text placement can significantly influence the memorability of infographics, whereas descriptiveness can significantly impact the pleasantness of the viewing experience. Embedding text placement and simplistic text can potentially contribute to more effective infographic designs. These results offer valuable insights for infographic designers, contributing to the creation of more effective and memorable visual representations.

Graphic Abstract

This is a preview of subscription content, log in via an institution to check access.

Access this article

Log in via an institution

Subscribe and save

Springer+
from $39.99 /Month
  • Starting from 10 chapters or articles per month
  • Access and download chapters and articles from more than 300k books and 2,500 journals
  • Cancel anytime
View plans

Buy Now

Price excludes VAT (USA)
Tax calculation will be finalised during checkout.

Instant access to the full article PDF.

Institutional subscriptions

Fig. 1
Fig. 2
Fig. 3
Fig. 4
Fig. 5
Fig. 6
Fig. 7
Fig. 8
Fig. 9

Similar content being viewed by others

Explore related subjects

Discover the latest articles, books and news in related subjects, suggested using machine learning.

References

  • Albers MJ (2015) Infographics and communicating complex information Interacción. Springer, Berlin. https://doi.org/10.1007/978-3-319-20898-5_26

    Book  Google Scholar 

  • Alsaadoun A (2021) The effect of employing electronic static infographic technology on developing university students’ comprehension of instructional design concepts and ict literacy. Int J Educ Lit Stud. https://doi.org/10.7575/aiac.ijels.v.9n.1p.54

    Article  Google Scholar 

  • Arcia A (2019) Colors and imagery in tailored infographics for communicating health information to patients and research participants. https://doi.org/10.31219/osf.io/mp834

  • Badam SK, Liu Z, Elmqvist N (2019) Elastic documents: coupling text and tables through contextual visualizations for enhanced document reading. IEEE Trans Vis Comput Graphics. https://doi.org/10.1109/tvcg.2018.2865119

    Article  Google Scholar 

  • Balliett A (2011) The Do’s and don’ts of infographic design. Accessed May 2023. https://www.smashingmagazine.com/2011/10/the-dos-and-donts-of-infographic-design/

  • Barral O, Barral O, Lallé S, Conati C (2020) Understanding the effectiveness of adaptive guidance for narrative visualization: a gaze-based analysis. null. https://doi.org/10.1145/3377325.3377517

    Article  Google Scholar 

  • Bicen H, Beheshti M (2017) The psychological impact of infographics in education. https://api.semanticscholar.org/CorpusID:58859795

  • Borgo R, Abdul-Rahman A, Mohamed F, Grant PW, Reppa I, Floridi L, Chen M (2012) An empirical study on using visual embellishments in visualization. IEEE Trans Vis Comput Graphics. https://doi.org/10.1109/tvcg.2012.197

    Article  Google Scholar 

  • Borkin MA, Vo AA, Bylinskii Z, Isola P, Sunkavalli S, Oliva A, Pfister H (2013) What makes a visualization memorable? IEEE Trans Visual Comput Graphics 19(12):2306–2315. https://doi.org/10.1109/TVCG.2013.234

    Article  Google Scholar 

  • Brinton WC (1914) Graphic methods for presenting facts. The engineering magazine company, New York. https://archive.org/details/graphicmethodsfo00brinrich

  • Buono P (2016) A circular visualization technique for collaboration and quantifying self. In: Association for computing machinery, New York, NY, USA. https://doi.org/10.1145/2909132.2926091

  • Bynion T-M, Feldner MT (2020) Self-assessment manikin. Encycl Personal Individ Differ. https://doi.org/10.1007/978-3-319-28099-8_77-1

    Article  Google Scholar 

  • City of Cupertino (2021) Cupertino plastics data. Accessed June 2023 . https://engagecupertino.org/single-use-plastics/news_feed/cupertino-plastics-data

  • Cui W, Zhang X, Wang Y, Huang H, Chen B, Fang L, Zhang H, Lou J-G, Zhang D (2019) Text-to-viz: automatic generation of infographics from proportion-related natural language statements. IEEE Trans Visual Comput Graphics 26(1):906–916. https://doi.org/10.48550/arXiv.1907.09091

    Article  Google Scholar 

  • Cui W, Wang J, Huang H, Wang Y, Lin C, Zhang H, Zhang D (2022) A mixed-initiative approach to reusing infographic charts. IEEE Trans Visual Comput Graphics 28(01):173–183. https://doi.org/10.1109/TVCG.2021.3114856

    Article  Google Scholar 

  • Davidson, R (2014) Using infographics in the science classroom: three investigations in which students present their results in infographics. Sci Teach, 6

  • Deng D, Wu Y, Shu X, Wu J, Fu S, Cui W, Wu Y (2020) VisImages: a fine-grained expert-annotated visualization dataset. IEEE Trans Visual Comput Graphics 29(7):3928–3311. https://doi.org/10.1109/TVCG.2022.3155440

    Article  Google Scholar 

  • Draper GM, Livnat Y, Riesenfeld RF (2009) A survey of radial methods for information visualization. IEEE Trans Visual Comput Graphics 15(5):759–776. https://doi.org/10.1109/TVCG.2009.23

    Article  Google Scholar 

  • Ebbinghaus H (1885) Über Das Gedächtnis: Untersuchungen zur Experimentellen Psychologie. Duncker & Humblot, Leipzig. Original from: the University of Michigan, Digitized, p 169

  • Farm Credit of The Virginias (2022) The life cycle of a tree. Accessed June 2023. https://www.farmcreditofvirginias.com/knowledge-center/blog/life-cycle-tree

  • Faunalytics (2023) Research animal fundamentals. Accessed May 2023. https://faunalytics.org/fundamentals-research-animals/

  • Gallagher SE, O’Dulain M, O’Mahony N, Kehoe C, McCarthy F, Morgan G (2017) Instructor-provided summary infographics to support online learning. Educ Med Int. https://doi.org/10.1080/09523987.2017.1362795

    Article  Google Scholar 

  • Gareau M, Keegan R, Wang L (2015) An exploration of the effectiveness of infographics in contrast to text documents for visualizing census data: What works? In: Yamamoto S (ed) Human interface and the management of information. Information and knowledge design. HIMI 2015. Lecture notes in computer science, vol 9172. Springer, Cham. https://doi.org/10.1007/978-3-319-20612-7_16

    Chapter  Google Scholar 

  • Gay J, Simms V, Bond R, Finlay D, Purchase H (2019) An audit tool for assessing the visuocognitive design of infographics. In: Proceedings of the 31st European conference on cognitive ergonomics. ECCE ’19, Association for computing machinery, New York, NY, pp 1–5. https://doi.org/10.1145/3335082.3335117. https://doi.org/10.1145/3335082.3335117

  • Gebre EH, Polman JL (2016) Developing young adults’ representational competence through infographic-based science news reporting. Int J Sci Educ. https://doi.org/10.1080/09500693.2016.1258129

    Article  Google Scholar 

  • Haroz S, Kosara R, Franconeri S (2015) Isotype visualization: Working memory, performance, and engagement with pictographs. In: International conference on human factors in computing systems. https://doi.org/10.1145/2702123.2702275

  • Harvard University, Department of Nutrition, Harvard T.H. Chan School of Public Health (2011) The nutrition source, the healthy eating plate. Accessed May 2023. https://www.hsph.harvard.edu/nutritionsource/healthy-eating-plate/

  • Herbal Academy (2014) Starting a keyhole garden. https://theherbalacademy.com/starting-a-keyhole-garden/

  • Horn RE (2000) Information design: Emergence of a new profession. In: Jacobson R (ed) Information Design. The MIT Press, Cambridge, MA, pp 15–33

    Google Scholar 

  • Inbar O, Tractinsky N, Meyer J (2007) Minimalism in information visualization: attitudes towards maximizing the data-ink ratio. In: Proceedings of the 14th european conference on cognitive ergonomics: invent! explore! ECCE ’07, Association for Computing Machinery, New York, pp 185–188. https://doi.org/10.1145/1362550.1362587

  • Info We Trust (2023) Creative routines, San Francisco, CA. Accessed May 2023. https://infowetrust.com/project/routines

  • Islam S (2021) Circle: a symbol of objective and subjective realms. J Immers Med Creative Arts 1(1):79–114

    MathSciNet  Google Scholar 

  • Kennedy H, Hill RL (2018) The feeling of numbers: emotions in everyday engagements with data and their visualisation. Sociology. https://doi.org/10.1177/0038038516674675

    Article  Google Scholar 

  • Kibar PN, Akkoyunlu B, Akkoyunlu B (2014) A new approach to equip students with visual literacy skills: use of infographics in education. Eur Conf Inform Literacy. https://doi.org/10.1007/978-3-319-14136-7_48

    Article  Google Scholar 

  • Lan X, Lan X, Shi Y, Shi Y, Zhang Y, Cao N, Cao N (2021) Smile or scowl? looking at infographic design through the affective lens. IEEE Trans Vis Comput Graphics. https://doi.org/10.1109/tvcg.2021.3074582

    Article  Google Scholar 

  • Lang J, Nacenta MA (2022) Perception of letter glyph parameters for infotypography. ACM Trans Graphics 10(1145/3528223):3530111

    Google Scholar 

  • Latif S, Chen S, Beck F (2021) A deeper understanding of visualization-text interplay in geographic data-driven stories. In: Computer graphics forum, vol 40, Wiley, pp 311–322. https://doi.org/10.1111/cgf.14309

  • Latif S, Liu D, Beck F (2018) Exploring interactive linking between text and visualization. In: EuroVis (Short Papers), pp.91–94. https://doi.org/10.5555/3290776.3290796

  • Lima M (2017) The book of circles: visualizing spheres of knowledge. Princeton Architectural Press, New York

    Google Scholar 

  • Live Science (2011) A real pie chart: America’s favorite pies. Accessed May 2023. https://www.livescience.com/33111-favorite-pie-america.html

  • Lu M, Wang C, Lanir J, Zhao N, Pfister H, Cohen-Or D, Huang H (2020) Exploring visual information flows in infographics. Int Conf Hum Factors Comput Syst. https://doi.org/10.1145/3313831.3376263

    Article  Google Scholar 

  • Lucius CR, Fuad A (2017) Coloring your information: how designers use theory of color in creative ways to present infographic. In: IOP conference series: materials science and engineering. In: 10th international seminar on industrial engineering and management “sustainable development in industry and management, vol 277, IOP Publishing Ltd, Tanjung Pandan - Belitung, Indonesia, p 012044. https://doi.org/10.1088/1757-899X/277/1/012044

  • Magagnini M (2020) Circle tales. infographics to tell about contemporary art. In: Cicalò E (ed) Proceedings of the 2nd international and interdisciplinary conference on image and imagination, Springer, Cham, pp 1133–1146

  • Majooni A, Masood M, Akhavan A (2018) An eye-tracking study on the effect of infographic structures on viewer’s comprehension and cognitive load. Inf Vis 17(3):257–266. https://doi.org/10.1177/1473871617701971

    Article  Google Scholar 

  • Martin LJ, Turnquist A, Groot B, Huang SYM, Kok EM, Thoma B, Merriënboer JJG (2019) Exploring the role of infographics for summarizing medical literature. Health Prof Educ. https://doi.org/10.1016/j.hpe.2018.03.005

    Article  Google Scholar 

  • Mayer RE, Moreno R (1998) A split-attention effect in multimedia learning: Evidence for dual processing systems in working memory. J Educ Psychol 90(2):312–320. https://doi.org/10.1037/0022-0663.90.2.312

    Article  Google Scholar 

  • McCrorie AD, Donnelly C, McGlade KJ (2016) Infographics: healthcare communication for the digital age. Ulster Med J 85(2):71–75

    CAS  PubMed  PubMed Central  Google Scholar 

  • McGurgan K, Fedoroksaya E, Sutton T, Herbert A (2021) Graph design: the data-ink ratio and expert users. In: Proceedings of the 16th international joint conference on computer vision, imaging and computer graphics theory and applications (VISIGRAPP 2021), Vol 3: IVAPP, pp 188–194. SCITEPRESS. https://doi.org/10.5220/0010263801880194

  • Metoyer R, Zhi Q, Janczuk B, Scheirer W (2018) Coupling story to visualization: using textual analysis as a bridge between data and interpretation. In: 23rd international conference on intelligent user interfaces. IUI ’18, Association for Computing Machinery, New York, NY, pp 503–507. https://doi.org/10.1145/3172944.3173007

  • Munzner T (2014) Visualization analysis and design. A.K. Peters visualization series. https://doi.org/10.1201/b17511

  • Nightingale F (1999) Florence nightingale: measuring hospital care outcomes : excerpts from the books notes on matters affecting the health, efficiency, and hospital administration of the British army founded chiefly on the experience of the late war, and notes on hospitals

  • Obie HO, Chua C, Avazpour I, Abdelrazek M, Grundy J, Bednarz T (2020) The effect of narration on user comprehension and recall of information visualisations. In: 2020 IEEE symposium on visual languages and human-centric computing (VL/HCC), pp 1–. https://doi.org/10.1109/VL/HCC50065.2020.9127200

  • Rogosa D, Brandt D, Zimowski M (1982) A growth curve approach to the measurement of change. Psychol Bull 92(3):726–748. https://doi.org/10.1037/0033-2909.92.3.726

    Article  Google Scholar 

  • Scott H, Fawkner S, Oliver CW, Oliver C, Oliver C, Murray A (2016) Why healthcare professionals should know a little about infographics. Br J Sports Med. https://doi.org/10.1136/bjsports-2016-096133

    Article  PubMed  Google Scholar 

  • Skau D, Harrison L, Kosara R (2015) An evaluation of the impact of visual embellishments in bar charts. Comput Graph Forum 34(3):221–230

    Article  Google Scholar 

  • Spence I (2005) No humble pie: the origins and usage of a statistical chart. J Educ Behav Stat. https://doi.org/10.3102/10769986030004353

    Article  Google Scholar 

  • Sweller J, Chandler P (1991) Evidence for cognitive load theory. Cogn Instr 8(4):351–362. https://doi.org/10.1207/s1532690xci0804_5

    Article  Google Scholar 

  • The American Board of Pediatrics (2023) Behavioral and mental health. Accessed May 2023. https://www.abp.org/foundation/behavioral-mental-health

  • Tufte E (1990) Data-ink maximization and graphical design. Oikos. https://doi.org/10.2307/3545420

    Article  Google Scholar 

  • Understanding Animal Research (2020) Ten organisations account for half of all animal research in great Britain In 2020. Accessed May 2023. https://www.understandinganimalresearch.org.uk/resources/infographics/top-ten-uk-animal-users-2020

  • Venngage (2023) Dark greenhouse gases pie chart template. Accessed May 2023. https://venngage.com/templates/charts/dark-greenhouse-gases-pie-chart-76a29daa-7128-4213-b343-f665072f8a81

  • Venngage (2023) Exploded pie chart. Accessed May 2023. https://venngage.com/templates/charts/exploded-pie-chart-615d5fff-4d41-4c02-8715-032686bb3470

  • Venngage (2023) Survey results infographic. Accessed May 2023. https://venngage.com/templates/infographics/survey-results-infographic-9c3fa692-93d6-40c5-a393-300f1c7219bb

  • Venngage (2023) Waste management infographic template. Accessed May 2023. https://venngage.com/templates/infographics/waste-chart-3740f007-821c-4ea8-95c1-25a117287b34

  • Walker S (2000) Typography and language in everyday life: prescriptions and practices. Routledge, London

    Google Scholar 

  • Wang Z, Wang S, Farinella M, Murray-Rust D, Riche NH, Bach B (2019) Comparing effectiveness and engagement of data comics and infographics. null. https://doi.org/10.1145/3290605.3300483

    Article  Google Scholar 

  • Wen Z, Zeng W, Weng L, Liu Y, Xu M, Chen W (2023) Effects of view layout on situated analytics for multiple-view representations in immersive visualization. IEEE Trans Visual Comput Graphics 29(1):440–450. https://doi.org/10.1109/TVCG.2022.3209475

    Article  Google Scholar 

  • Young ., Hinesly M (2014) Infographics as a business communication tool: an empirical investigation of user preference, comprehension & efficiency. https://doi.org/10.2139/ssrn.2548559

  • Zdanovic D, Lembcke TJ, Bogers T (2022) The influence of data storytelling on the ability to recall information. In: Conference on human information interaction and retrieval. https://doi.org/10.1145/3498366.3505755

  • Zhi Q, Ottley A, Metoyer R (2019) Linking and layout: exploring the integration of text and visualization in storytelling. Comput Graph Forum. https://doi.org/10.1111/cgf.13719

    Article  Google Scholar 

  • Zhu S, Sun G, Jiang Q, Zha M, Liang R (2020) A survey on automatic infographics and visualization recommendations. Vis Inform. https://doi.org/10.1016/j.visinf.2020.07.002

    Article  Google Scholar 

Download references

Acknowledgements

This work was supported by the National Natural Science Foundation of China 62272396.

Funding

Funding was provided by National Natural Science Foundation of China (Grant No. 62272396).

Author information

Authors and Affiliations

  1. Xi’an Jiaotong-Liverpool University, Suzhou, Jiangsu, China

    Shuqi He, Yuqing Chen, Yuxin Xia, Yichun Li, Hai-Ning Liang & Lingyun Yu

Authors
  1. Shuqi He
    View author publications

    Search author on:PubMed Google Scholar

  2. Yuqing Chen
    View author publications

    Search author on:PubMed Google Scholar

  3. Yuxin Xia
    View author publications

    Search author on:PubMed Google Scholar

  4. Yichun Li
    View author publications

    Search author on:PubMed Google Scholar

  5. Hai-Ning Liang
    View author publications

    Search author on:PubMed Google Scholar

  6. Lingyun Yu
    View author publications

    Search author on:PubMed Google Scholar

Corresponding author

Correspondence to Lingyun Yu.

Additional information

Publisher's Note

Springer Nature remains neutral with regard to jurisdictional claims in published maps and institutional affiliations.

Rights and permissions

Springer Nature or its licensor (e.g. a society or other partner) holds exclusive rights to this article under a publishing agreement with the author(s) or other rightsholder(s); author self-archiving of the accepted manuscript version of this article is solely governed by the terms of such publishing agreement and applicable law.

Reprints and permissions

About this article

Check for updates. Verify currency and authenticity via CrossMark

Cite this article

He, S., Chen, Y., Xia, Y. et al. Visual harmony: text-visual interplay in circular infographics. J Vis 27, 255–271 (2024). https://doi.org/10.1007/s12650-024-00957-3

Download citation

  • Received:

  • Revised:

  • Accepted:

  • Published:

  • Version of record:

  • Issue date:

  • DOI: https://doi.org/10.1007/s12650-024-00957-3

Keywords