Cover not available

Article published In: Information Design Journal
Vol. 28:2 (2023) ► pp.115–140

Get fulltext from our e-platform
JBE logo with link
PDF logo with download linkDownload PDF
EPUB logo with download linkDownload EPUB
authorization required

Design of tailored asthma control status infographics

ORCiD logo with link | University of San Diego
 | Mavyn
ORCiD logo with link | Columbia University
Published online: 31 August 2023
DOI logo with link
https://doi.org/10.1075/idj.23004.arc
Abstract
Infographics tailored with patients’ own health data are increasingly being used to support comprehension of health status, particularly among patients with limited health literacy. However, best practices for this type of health communication are still emerging and little is known about how some types of health data can be optimally displayed. We used an iterative participatory design process to design tailored infographics to present subjective and objective measures of asthma control status to adult patients in English and Spanish. Here, we document our design journey, reporting on the rationale for our design choices and the successes and lessons learned during the project.
Article outline
  • 1.Introduction
    • 1.1Asthma control measures and patient education
  • 2.Related work and theoretical foundations
    • 2.1Patient-facing visualizations for asthma
    • 2.2Theoretical foundations
    • 2.3Selected best practices
  • 3.The Case: Design of tailored asthma control status infographics
    • 3.1Design questions for motivating use case
    • 3.2Prior work
    • 3.3Study overview
    • 3.4Team
    • 3.5Research participants
  • 4.Outcomes and results of the phases
    • 4.1Phase 1: Initial concept sketches
      • 4.1.1Procedures
      • 4.1.2Design decisions and outcomes
    • 4.2Phase 2: Preliminary feedback
      • 4.2.1Methods
      • 4.2.2Results
    • 4.3Phase 3: Early prototyping
      • 4.3.1Procedures
      • 4.3.2Design decisions and outcomes
    • 4.4Phase 4: Iterative participatory design
      • 4.4.1Methods
      • 4.4.2Design decisions and results
    • 4.5Phase 5: Comprehension assessment
      • 4.5.1Methods
      • 4.5.2Results
  • 5.Discussion
    • 5.1Limitations
  • 6.Conclusion
    • 6.1Lessons learned
    • 6.2Closing
  • Acknowledgements
  • References
References (66)
References
Ancker, J. S., Senathirajah, Y., Kukafka, R., & Starren, J. B. (2006). Design features of graphs in health risk communication: A systematic review. Journal of the American Medical Informatics Association, 13(6), 608–618. Google Scholar logo with link to Google Scholar
Apter, A. J., Wan, F., Reisine, S., Bender, B., Rand, C., Bogen, D. K., Bennett, I. M., Bryant-Stephens, T., Roy, J., Gonzalez, R., Priolo, C., Have, T. T., & Morales, K. H. (2013). The association of health literacy with adherence and outcomes in moderate-severe asthma. The Journal of Allergy and Clinical Immunology, 132(2), 321–327. Google Scholar logo with link to Google Scholar
Arcia, A., Bales, M. E., Brown, W., Co, M. C., Gilmore, M., Lee, Y. J., Park, C. S., Prey, J., Velez, M., Woollen, J., Yoon, S., Kukafka, R., Merrill, J. A., & Bakken, S. (2013). Method for the development of data visualizations for community members with varying levels of health literacy. AMIA Annual Symposium Proceedings, 2013, 51–60.Google Scholar logo with link to Google Scholar
Arcia, A., & George, M. (2019). Reference range number line format preferred by adults for display of asthma control status. The Journal of Asthma, 57(6), 638–644. Google Scholar logo with link to Google Scholar
Arcia, A., Grossman, L. V., George, M., Turchioe, M. R., Mangal, S., & Creber, R. M. M. (2019). Modifications to the ISO 9186 method for testing comprehension of visualizations: successes and lessons learned. IEEE Workshop on Visual Analytics in Healthcare (VAHC), 41–47. Google Scholar logo with link to Google Scholar
Arcia, A., Suero-Tejeda, N., Bales, M. E., Merrill, J. A., Yoon, S., Woollen, J., & Bakken, S. (2016). Sometimes more is more: Iterative participatory design of infographics for engagement of community members with varying levels of health literacy. Journal of the American Medical Informatics Association, 23(1), 174–183. Google Scholar logo with link to Google Scholar
Arcia, A., Suero-Tejeda, N., Spiegel-Gotsch, N., Luchsinger, J. A., Mittelman, M., & Bakken, S. (2019). Helping Hispanic family caregivers of persons with dementia “get the picture” about health status through tailored infographics. The Gerontologist, 59(5), e479–e489. Google Scholar logo with link to Google Scholar
Arcia, A., Woollen, J., & Bakken, S. (2018). A systematic method for exploring data attributes in preparation for designing tailored infographics of patient reported outcomes. eGEMs (Washington, DC), 6(1), 2. Google Scholar logo with link to Google Scholar
Attfield, S., & Blandford, A. (2009). Improving the cost structure of sensemaking tasks: Analysing user concepts to inform information system design. In T. Gross, J. Gulliksen, P. Kotzé, L. Oestreicher, P. Palanque, R. O. Prates, & M. Winckler (Eds.), Human-Computer Interaction – INTERACT 2009 (Vol. 57261, pp. 532–545). Springer Berlin Heidelberg. Google Scholar logo with link to Google Scholar
Barr, P., Biddle, R., & Noble, J. (2002). A taxonomy of user-interface metaphors. Proceedings of the SIGCHI-NZ Symposium on Computer-Human Interaction – CHINZ ’02, 25–30. Google Scholar logo with link to Google Scholar
Bender, B. G., & Bender, S. E. (2005). Patient-identified barriers to asthma treatment adherence: Responses to interviews, focus groups, and questionnaires. Immunology and Allergy Clinics of North America, 25(1), 107–130. Google Scholar logo with link to Google Scholar
Berkman, N. D., Sheridan, S. L., Donahue, K. E., Halpern, D. J., & Crotty, K. (2011). Low health literacy and health outcomes: An updated systematic review. Annals of Internal Medicine, 155(2), 97–107. Google Scholar logo with link to Google Scholar
Borkin, M. A., Bylinskii, Z., Kim, N. W., Bainbridge, C. M., Yeh, C. S., Borkin, D., Pfister, H., & Oliva, A. (2016). Beyond memorability: Visualization recognition and recall. IEEE Transactions on Visualization and Computer Graphics, 22(1), 519–528. Google Scholar logo with link to Google Scholar
Crisan, A., McKee, G., Munzner, T., & Gardy, J. L. (2018). Evidence-based design and evaluation of a whole genome sequencing clinical report for the reference microbiology laboratory. PeerJ, 61, e4218. Google Scholar logo with link to Google Scholar
Culver, B. H., Graham, B. L., Coates, A. L., Wanger, J., Berry, C. E., Clarke, P. K., Hallstrand, T. S., Hankinson, J. L., Kaminsky, D. A., MacIntyre, N. R., McCormack, M. C., Rosenfeld, M., Stanojevic, S., Weiner, D. J., & ATS Committee on Proficiency Standards for Pulmonary Function Laboratories. (2017). Recommendations for a standardized pulmonary function report. an official american thoracic society technical statement. American Journal of Respiratory and Critical Care Medicine, 196(11), 1463–1472. Google Scholar logo with link to Google Scholar
Desai, P. M., Levine, M. E., Albers, D. J., & Mamykina, L. (2018). Pictures worth a thousand words: Reflections on visualizing personal blood glucose forecasts for individuals with type 2 diabetes. Proceedings of the 2018 CHI Conference on Human Factors in Computing Systems – CHI ’18, 1–13. Google Scholar logo with link to Google Scholar
Farber, H. J., Smith-Wong, K., Nichols, L., & Langham, B. (2001). Patients prefer simple, visual asthma self-management plan forms. The Permanente Journal, 51, 35–37.Google Scholar logo with link to Google Scholar
Fritz, G., Spirito, A., Yeung, A., Klein, R., & Freedman, E. (1994). A pictorial visual analog scale for rating severity of childhood asthma episodes. Journal of Asthma, 31(6), 473–478. Google Scholar logo with link to Google Scholar
Gagne, R. M. (1962). The acquisition of knowledge. Psychological Review, 69(4), 355–365. Google Scholar logo with link to Google Scholar
Galesic, M., Garcia-Retamero, R., & Gigerenzer, G. (2009). Using icon arrays to communicate medical risks: Overcoming low numeracy. Health Psychology, 28(2), 210–216. Google Scholar logo with link to Google Scholar
Garcia-Retamero, R., Okan, Y., & Cokely, E. T. (2012). Using visual aids to improve communication of risks about health: A review. Thescientificworldjournal, 2012, 562637. Google Scholar logo with link to Google Scholar
George, M., Topaz, M., Rand, C., Sommers, M. L. S., Glanz, K., Pantalon, M. V., Mao, J. J., & Shea, J. A. (2014). Inhaled corticosteroid beliefs, complementary and alternative medicine, and uncontrolled asthma in urban minority adults. The Journal of Allergy and Clinical Immunology, 134(6), 1252–1259. Google Scholar logo with link to Google Scholar
Graham, L. (2008). Gestalt theory in interactive media design. Journal of Humanities and Social Sciences, 2(1), 1–12.Google Scholar logo with link to Google Scholar
Hakone, A., Harrison, L., Ottley, A., Winters, N., Gutheil, C., Han, P. K. J., & Chang, R. (2017). PROACT: Iterative design of a patient-centered visualization for effective prostate cancer health risk communication. IEEE Transactions on Visualization and Computer Graphics, 23(1), 601–610. Google Scholar logo with link to Google Scholar
Haroz, S., Kosara, R., & Franconeri, S. L. (2015). ISOTYPE visualization: Working memory, performance, and engagement with pictographs. Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems – CHI ’15, 1191–1200. Google Scholar logo with link to Google Scholar
Hartley, J., & Johnson, M. (2000). Portrait or landscape? Typographical layouts for patient information leaflets. Visible Language, 34(3), 296.Google Scholar logo with link to Google Scholar
Houts, P. S., Doak, C. C., Doak, L. G., & Loscalzo, M. J. (2006). The role of pictures in improving health communication: A review of research on attention, comprehension, recall, and adherence. Patient Education and Counseling, 61(2), 173–190. Google Scholar logo with link to Google Scholar
ISO. (2014). ISO 9186–1:2014 Graphical Symbols – Test Methods – Part 1: Method for Testing Comprehensibility. International Organization for Standardization.Google Scholar logo with link to Google Scholar
Juniper, E. F., Bousquet, J., Abetz, L., Bateman, E. D., & Goal Committee. (2006). Identifying ‘well-controlled’ and ‘not well-controlled’ asthma using the Asthma Control Questionnaire. Respiratory Medicine, 100(4), 616–621. Google Scholar logo with link to Google Scholar
Juniper, E. F., Svensson, K., Mörk, A.-C., & Ståhl, E. (2005). Measurement properties and interpretation of three shortened versions of the asthma control questionnaire. Respiratory Medicine, 99(5), 553–558. Google Scholar logo with link to Google Scholar
Klein, G., Moon, B., & Hoffman, R. R. (2006). Making sense of sensemaking 2: A macrocognitive model. IEEE Intelligent Systems, 21(5), 88–92. Google Scholar logo with link to Google Scholar
Klein, G., Phillips, J. K., Rall, E. L., & Peluso, D. A. (2007). A data-frame theory of sensemaking. In R. R. Hoffman (Ed.), Expertise out of context: Proceedings of the sixth International Conference on Naturalistic Decision Making (pp. 113–155). Lawrence Erlbaum Associates.Google Scholar logo with link to Google Scholar
Knowles, M. S. (1970). The modern practice of adult education (Vol. 411). New York Association Press New York.Google Scholar logo with link to Google Scholar
Kong, H.-K., Liu, Z., & Karahalios, K. (2019). Trust and recall of information across varying degrees of title-visualization misalignment. Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems – CHI ’19, 1–13. Google Scholar logo with link to Google Scholar
Kools, M., van de Wiel, M. W. J., Ruiter, R. A. C., & Kok, G. (2006). Pictures and text in instructions for medical devices: effects on recall and actual performance. Patient Education and Counseling, 64(1–3), 104–111. Google Scholar logo with link to Google Scholar
Kristiansen, J., Hetutu, E., Manukia, M., & Jelleyman, T. (2012). An evaluation of a pictorial asthma medication plan for Pacific children. The New Zealand Medical Journal (Online), 125(1354), 42.Google Scholar logo with link to Google Scholar
Lakoff, G., & Johnson, M. (1980). Metaphors We Live By. University of Chicago Press.Google Scholar logo with link to Google Scholar
Lee, S., Kim, S.-H., Hung, Y.-H., Lam, H., Kang, Y., & Yi, J. S. (2016). How do people make sense of unfamiliar visualizations?: A grounded model of novice’s information visualization sensemaking. IEEE Transactions on Visualization and Computer Graphics, 22(1), 499–508. Google Scholar logo with link to Google Scholar
Lefco, M., Gise, J., Lesnick, B., & Arriaga, R. I. (2017). Even when icons are not worth a thousand words they are helpful in designing asthma mHealth tools. In R. Bernhaupt, G. Dalvi, A. Joshi, D. K. Balkrishan, J. O’Neill, & M. Winckler (Eds.), Human-Computer Interaction – INTERACT 2017 (Vol. 105151, pp. 23–33). Springer International Publishing. Google Scholar logo with link to Google Scholar
Martinez, A., de la Rosa, R., Mujahid, M., & Thakur, N. (2021). Structural racism and its pathways to asthma and atopic dermatitis. The Journal of Allergy and Clinical Immunology, 148(5), 1112–1120. Google Scholar logo with link to Google Scholar
Medlock, M., Wixon, D., Terrano, M., Romero, R., & Fulton, B. (2002). Using the RITE method to improve products; A definition and a case study. Usability Professionals Association, 511.Google Scholar logo with link to Google Scholar
National Asthma Education and Prevention Program. (2007). Expert Panel Report 3 (EPR-3): Guidelines for the diagnosis and management of asthma-summary report 2007. The Journal of Allergy and Clinical Immunology, 120(5 Suppl), S94–138. Google Scholar logo with link to Google Scholar
O’Kane, A. A., & Mentis, H. (2012). Sharing medical data vs. health knowledge in chronic illness care. Proceedings of the 2012 ACM Annual Conference Extended Abstracts on Human Factors in Computing Systems Extended Abstracts – CHI EA ’12, 24171. Google Scholar logo with link to Google Scholar
Ottley, A., Peck, E. M., Harrison, L. T., Afergan, D., Ziemkiewicz, C., Taylor, H. A., Han, P. K. J., & Chang, R. (2016). Improving bayesian reasoning: The effects of phrasing, visualization, and spatial ability. IEEE Transactions on Visualization and Computer Graphics, 22(1), 529–538. Google Scholar logo with link to Google Scholar
Paasche-Orlow, M. K., Riekert, K. A., Bilderback, A., Chanmugam, A., Hill, P., Rand, C. S., Brancati, F. L., & Krishnan, J. A. (2005). Tailored education may reduce health literacy disparities in asthma self-management. American Journal of Respiratory and Critical Care Medicine, 172(8), 980–986. Google Scholar logo with link to Google Scholar
Parsons, P. (2018). Conceptual Metaphor Theory as a Foundation for Communicative Visualization Design. Visualization for Communication (VisComm) 2018.Google Scholar logo with link to Google Scholar
Patel, V., & Johnson, C. (2018). Individuals’ use of online medical records and technology for health needs (ONC Data Brief, No. 40). Office of the National Coordinator for Health Information Technology.Google Scholar logo with link to Google Scholar
Peck, E. M., Ayuso, S. E., & El-Etr, O. (2019). Data is personal: Attitudes and perceptions of data visualization in rural Pennsylvania. Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems – CHI ’19, 1–12. Google Scholar logo with link to Google Scholar
Pianosi, P., Smith, C. P., Almudevar, A., & McGrath, P. J. (2006). Dalhousie dyspnea scales: Pictorial scales to measure dyspnea during induced bronchoconstriction. Pediatric Pulmonology, 41(12), 1182–1187. Google Scholar logo with link to Google Scholar
Roberts, N. J., Evans, G., Blenkhorn, P., & Partridge, M. R. (2010). Development of an electronic pictorial asthma action plan and its use in primary care. Patient Education and Counseling, 80(1), 141–146. Google Scholar logo with link to Google Scholar
Robles, B., Blitstein, J. L., Lieberman, A. J., Barragan, N. C., Gase, L. N., & Kuo, T. (2015). The relationship between amount of soda consumed and intention to reduce soda consumption among adults exposed to the Choose Health LA “Sugar Pack” health marketing campaign. Public Health Nutrition, 18(14), 2582–2591. Google Scholar logo with link to Google Scholar
Rudin, R. S., Fanta, C. H., Predmore, Z., Kron, K., Edelen, M. O., Landman, A. B., Zimlichman, E., & Bates, D. W. (2017). Core components for a clinically integrated mHealth app for asthma symptom monitoring. Applied Clinical Informatics, 8(4), 1031–1043. Google Scholar logo with link to Google Scholar
Scherer, A. M., Witteman, H. O., Solomon, J., Exe, N. L., Fagerlin, A., & Zikmund-Fisher, B. J. (2018). Improving the understanding of test results by substituting (not adding) goal ranges: web-based between-subjects experiment. Journal of Medical Internet Research, 20(10), e11027. Google Scholar logo with link to Google Scholar
Schneider, T., Baum, L., Amy, A., & Marisa, C. (2019). I have most of my asthma under control and I know how my asthma acts: Users’ perceptions of asthma self-management mobile app tailored for adolescents. Health Informatics Journal, 1460458218824734. Google Scholar logo with link to Google Scholar
Sedlmair, M., Meyer, M., & Munzner, T. (2012). Design study methodology: reflections from the trenches and the stacks. IEEE Transactions on Visualization and Computer Graphics, 18(12), 2431–2440. Google Scholar logo with link to Google Scholar
Smythe, K. C., Spinillo, C., & Silva, C. M. A. (2014). Redesign of packaging and labeling of drug based on user-centered design information. Blucher Design Proceedings, 1(2), 298–312.Google Scholar logo with link to Google Scholar
Solomon, J., Scherer, A. M., Exe, N. L., Witteman, H. O., Fagerlin, A., & Zikmund-Fisher, B. J. (2016). Is this good or bad? redesigning visual displays of medical test results in patient portals to provide context and meaning. Proceedings of the 2016 CHI Conference Extended Abstracts on Human Factors in Computing Systems – CHI EA ’16, 2314–2320. Google Scholar logo with link to Google Scholar
Tao, D., Yuan, J., & Qu, X. (2018). Presenting self-monitoring test results for consumers: the effects of graphical formats and age. Journal of the American Medical Informatics Association, 25(8), 1036–1046. Google Scholar logo with link to Google Scholar
Tufte, E. R., & Robins, D. (1997). Visual explanations: Images and quantities, evidence and narrative. Graphics Press.Google Scholar logo with link to Google Scholar
Tulloch, J., Vaillancourt, R., Irwin, D., & Pascuet, E. (2012). Evaluation, modification and validation of a set of asthma illustrations in children with chronic asthma in the emergency department. Canadian Respiratory Journal, 19(1), 26–31. Google Scholar logo with link to Google Scholar
Turner-Bowker, D. M., Saris-Baglama, R. N., DeRosa, M. A., Paulsen, C. A., & Bransfield, C. P. (2009). Using qualitative research to inform the development of a comprehensive outcomes assessment for asthma. The Patient, 2(1), 269–282. Google Scholar logo with link to Google Scholar
Witteman, H. O., & Zikmund-Fisher, B. J. (2018). Communicating laboratory results to patients and families. Clinical Chemistry and Laboratory Medicine. Google Scholar logo with link to Google Scholar
Yin, H. S., Gupta, R. S., Mendelsohn, A. L., Dreyer, B., van Schaick, L., Brown, C. R., Encalada, K., Sanchez, D. C., Warren, C. M., & Tomopoulos, S. (2017). Use of a low-literacy written action plan to improve parent understanding of pediatric asthma management: A randomized controlled study. The Journal of Asthma, 54(9), 919–929. Google Scholar logo with link to Google Scholar
Zikmund-Fisher, B. J., Exe, N. L., & Witteman, H. O. (2014). Numeracy and literacy independently predict patients’ ability to identify out-of-range test results. Journal of Medical Internet Research, 16(8), e187. Google Scholar logo with link to Google Scholar
Zikmund-Fisher, B. J., Scherer, A. M., Witteman, H. O., Solomon, J. B., Exe, N. L., Tarini, B. A., & Fagerlin, A. (2017). Graphics help patients distinguish between urgent and non-urgent deviations in laboratory test results. Journal of the American Medical Informatics Association, 24(3), 520–528. Google Scholar logo with link to Google Scholar
Zikmund-Fisher, B. J. (2019). Helping people know whether measurements have good or bad implications: Increasing the evaluability of health and science data communications. Policy Insights from the Behavioral and Brain Sciences, 6(1), 29–37. Google Scholar logo with link to Google Scholar
Cited by (1)

Cited by one other publication

Arcia, Adriana, Samantha Stonbraker, Sabrina Mangal & Maichou Lor
2024. A Practical Guide to Participatory Design Sessions for the Development of Information Visualizations: Tutorial. Journal of Participatory Medicine 16 ► pp. e64508 ff. DOI logo

This list is based on CrossRef data as of 11 december 2025. Please note that it may not be complete. Sources presented here have been supplied by the respective publishers. Any errors therein should be reported to them.

Mobile Menu Logo with link to supplementary files background Layer 1 prag Twitter_Logo_Blue