Volume 24, Issue 1
  • ISSN 0142-5471
  • E-ISSN: 1569-979X
Buy:$35.00 + Taxes


University years are a critical period for weight gain primarily due to unhealthy changes in eating behavior in students. This is the first study to focus on the impact of tailored information design approaches on the awareness and retention of obesity related information, specifically by university students. A motion graphics was developed through a comprehensive user-centered research and design process that involved a scoping study (observation, questionnaire and focus group), usability testing (five stages of iteration), and a performance test. The results show low previous knowledge and a statistical significant impact on the understanding of information with a tailored user-centered motion graphics.


Article metrics loading...

Loading full text...

Full text loading...


  1. Adefemi, K. & Awasthi, K. J.
    (2016) What works? Review of current health communication strategies for obesity control. The International Journal of Communication and Health, 8, 80–85.
    [Google Scholar]
  2. American College Health Association
    (2008) National College Health Assessment spring 2007 reference group data report. Journal American College Health, 56, 469–79. 10.3200/JACH.56.5.469‑480
    https://doi.org/10.3200/JACH.56.5.469-480 [Google Scholar]
  3. Babic, N. , Pibernik, J. & Mrvac, N.
    (2008) Media Study: Motion Graphics. 50th International Symposium ELMAR–2008, 10–12 September 2008, Zadar, Croatia. Croatia, 499–502.
    [Google Scholar]
  4. Beier, S.
    (2012) Reading letters: designing for legibility. Amsterdam: BIS.
    [Google Scholar]
  5. Beier, S. & Dyson, M. C.
    (2014) The influence of serifs on ‘h’ and ‘i’: useful knowledge from design-led scientific research. Visible Language, 47(3), 74–95.
    [Google Scholar]
  6. Bellato, N.
    (2013) Infographics: A visual link to learning. eLearn, 12(1). [Online]. [Accessed9 January 2017]. Retrieved fromelearnmag.acm.org/featured.cfm?aid=2556269
    [Google Scholar]
  7. Black, A. , Luna, P. , Lunda, O. & Walker, S.
    (Eds) (2017) Information Design: Research and practice. London: Routledge (Taylor and Francis Group).
    [Google Scholar]
  8. Brigas, J. & F. Ramos
    (2015) As infografias como ferramentas auxiliares para o ensino/aprendizagem. Revista de Comunicación de la SEECI, 19(36), 178–184.
    [Google Scholar]
  9. Buckley, J. P. , Hedge, A. , Yates, T. , Copeland, R. J. , Loosemore, M. , Hamer, M. , Bradley, G. & Dunstan, D. W.
    (2015) The sedentary office: a growing case for change towards better health and productivity. Expert statement commissioned by Public Health England and the Active Working Community Interest Company. British Journal of Sports Medicine, 49(21), 1357–1362. 10.1136/bjsports‑2015‑094618
    https://doi.org/10.1136/bjsports-2015-094618 [Google Scholar]
  10. Cluskey, M. & Grobe, D.
    (2009) College weight gain and behavior transitions: male and female differences. Journal American Diet Association, 109(2), 325–329. 10.1016/j.jada.2008.10.045
    https://doi.org/10.1016/j.jada.2008.10.045 [Google Scholar]
  11. Crook, I. & Beare, P.
    (2015) Motion graphics: Principles and practices from the ground up. London: Bloomsbury.
    [Google Scholar]
  12. Deliens, T. , Clarys, P. , De Bourdeaudhuij, L. & Deforche, B.
    (2014) Determinants of eating behaviour in university students: a qualitative study using focus group discussions. BMC Public Health, 14(53), 1–12. 10.1186/1471‑2458‑14‑53
    https://doi.org/10.1186/1471-2458-14-53 [Google Scholar]
  13. Deliens, T. , Deforche, B. , De Bourdeaudhuij, I. & Clarys, P.
    (2015) Changes in weight, body composition and physical fitness after 1.5 years at university. European Journal of Clinical Nutrition, 69, 1318–1322. 10.1038/ejcn.2015.79
    https://doi.org/10.1038/ejcn.2015.79 [Google Scholar]
  14. Delp, C. & Jones, J.
    (1996) Communicating information to patients: The use of cartoon illustrations to improve comprehension of instructions. Emergency Medicine, 3(3), 264–270.
    [Google Scholar]
  15. Dillon, A.
    (2017) Applying science to design: The quest for the bridging representation. In: A. Black , P. Luna , O. Lunda , S. Walker (Eds). Information Design: Research and practice (pp.291–299). London: Routledge (Taylor and Francis Group).
    [Google Scholar]
  16. Dixon, J. B.
    (2010) The effect of obesity on health outcomes. Molecular and Cellular Endocrinology, 316, 104–108. 10.1016/j.mce.2009.07.008
    https://doi.org/10.1016/j.mce.2009.07.008 [Google Scholar]
  17. Dyson, M. C.
    (2017) Information design research. Why, when, who, what, and how?In: A. Black , P. Luna , O. Lunda , S. Walker (Eds). Information Design: Research and practice (pp.435–449). London: Routledge (Taylor and Francis Group).
    [Google Scholar]
  18. Finke, T. , Manger, S. & Fichtel, S.
    (2012) Informotion. Animated infographics. Berlin: Gestalten.
    [Google Scholar]
  19. Guo, S. S. , Wu, W. , Chumlea, W. C. & Roche, A. F.
    (2002) Predicting overweight and obesity in adulthood from body mass index values in childhood and adolescence. American Journal Clinical Nutrition, 76(3), 653–658. 10.1093/ajcn/76.3.653
    https://doi.org/10.1093/ajcn/76.3.653 [Google Scholar]
  20. Hartley, J. , Trueman, M. , Betts, L. & Brodie, L.
    (2006) What price presentation? The effects of typographic variables on essay grades. Assessment & Evaluation in Higher Education, 31(5), 523–534. 10.1080/02602930600679530
    https://doi.org/10.1080/02602930600679530 [Google Scholar]
  21. Höffler, T. N. & Leutner, D.
    (2007) Instructional animation versus static pictures: A Meta-Analysis. Learning and Instruction, 17(6), 722–738. 10.1016/j.learninstruc.2007.09.013
    https://doi.org/10.1016/j.learninstruc.2007.09.013 [Google Scholar]
  22. 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, 173–190. 10.1016/j.pec.2005.05.004
    https://doi.org/10.1016/j.pec.2005.05.004 [Google Scholar]
  23. Hsueh, C. , Chou, J. & Ma, K.
    (2016) A Study of using motion for comparative visualization. In: IEEE Pacific Visualization Symposium 2016, 19–22 April, Taipei, Taiwan. California: IEEE, 219–223.
    [Google Scholar]
  24. ISO—The International Organization for Standardization
    (2013) ISO/TS 20282-2:2013(en). Usability of consumer products and products for public use—Part 2: Summative test method. [Online]. [Accessed28 January 2016]. Retrieved fromhttps://www.iso.org/obp/ui/#iso:std:iso:ts:20282:-2:ed-2:v1:en
    [Google Scholar]
  25. Krasner, J.
    (2013) Motion graphic design. Applied history and aesthetics (3rd ed.). London: Focal Press (Taylor & Francis Group).
    [Google Scholar]
  26. La Barge, G.
    (2007) Pre- and post-Testing with more impact. Journal of Extension, 45(6). [Online]. [Accessed14 April 2017]. Retrieved fromhttps://www.joe.org/joe/2007december/iw1.php
    [Google Scholar]
  27. Landa, R.
    (2016) Advertising by design. Generating & designing creative ideas across media (3rd ed.). New Jersey: Wiley. 10.1002/9781119273639
    https://doi.org/10.1002/9781119273639 [Google Scholar]
  28. Lasseter, J.
    (1987) Principles of traditional animation applied to 3D computer animation. Computer Graphics, 21(4), 35–44. 10.1145/37402.37407
    https://doi.org/10.1145/37402.37407 [Google Scholar]
  29. Lloyd-Richardson, E. E. , Bailey, S. , Fava, J. L. & Wing, R.
    (2009) A prospective study of weight gain during the college freshman and sophomore years. Preventive Medicine, 48, 256–261. 10.1016/j.ypmed.2008.12.009
    https://doi.org/10.1016/j.ypmed.2008.12.009 [Google Scholar]
  30. Lofti, S. I.
    (2015) Prevalence and risk factors of obesity and overweight among Taif University Students, Taif, Saudi Arabia. International Journal of Public Health and Epidemiology, 4(1), 98–106.
    [Google Scholar]
  31. Lonsdale, M. d S.
    (2014a) The effect of text layout on performance. A comparison between types of questions that require different reading processes. Information Design Journal, 21(3), 279–299. 10.1075/idj.21.3.09san
    https://doi.org/10.1075/idj.21.3.09san [Google Scholar]
  32. (2014b) Typographic features of text: outcomes from research and practice. Visible Language, 48(3), 29–67.
    [Google Scholar]
  33. (2016) Typographic features of text and their contribution to the legibility of academic reading materials: An empirical study. Visible Language, 50(1), 79–111.
    [Google Scholar]
  34. Nelson, M. C. , Kocos, R. , Lytle, L. A. & Perry, C. L.
    (2009) Understanding the perceived determinants of weight-related behaviors in late adolescence: a qualitative analysis among college youth. Journal Nutritional Education Behavior, 41(4), 2, 87–292.
    [Google Scholar]
  35. Marquis, M.
    (2005) Exploring convenience orientation as a food motivation for college students living in residence halls. International Journal Consumer Studies, 29(1), 55–63. 10.1111/j.1470‑6431.2005.00375.x
    https://doi.org/10.1111/j.1470-6431.2005.00375.x [Google Scholar]
  36. Mokdad, A. H. , Serdula, M. K. , Dietz, W. H. , Bowman, B. A. Marks, J. S. & Koplan, J. P.
    (1999) The spread of the obesity epidemic in the United States. JAMA, 282, 1519–22. 10.1001/jama.282.16.1519
    https://doi.org/10.1001/jama.282.16.1519 [Google Scholar]
  37. Musselman, R. W.
    (2013) Effect of ornamentation on the emotional response and perception of motion graphics. MA Dissertation, Virginia Polytechnic Institute and State University.
    [Google Scholar]
  38. NHS Choices
    (2014) What are ‘reference intakes’ on food labels? [Online]. [Accessed13 January 2017]. Retrieved fromwww.nhs.uk/Livewell/Goodfood/Pages/reference-intakes-RI-guideline-daily-amounts-GDA.aspx
    [Google Scholar]
  39. (2015) Hidden causes of weight gain. [Online]. [Accessed13 January 2017]. Retrieved fromwww.nhs.uk/Livewell/loseweight/Pages/Puttingonweight.aspx
    [Google Scholar]
  40. Nielsen, J.
    (2012) Usability 101: Introduction to Usability. Nielsen Norman Group. [Online]. [Accessed28 January 2016]. Retrieved fromhttps://www.nngroup.com/articles/usability-101-introduction-to-usability/
    [Google Scholar]
  41. Occa, A. & Suggs, S.
    (2016) Communicating breast cancer screening with young women: An experimental test of didactic and narrative messages using video and infographics. Journal of Health Communication, 21, 1–11. 10.1080/10810730.2015.1018611
    https://doi.org/10.1080/10810730.2015.1018611 [Google Scholar]
  42. Onesimusix
    (2015) ‘I Feel’—Emotional Word Wheel. [Online]. [Accessed9 November 2016]. Retrieved fromimgur.com/gallery/q6hcgsH
    [Google Scholar]
  43. Ozdaml, F. , Kocakoyuna, S. , Sahina, T. & Akdaga, S.
    (2016) Statistical reasoning of impact of infographics on education. Procedia Computer Science, 102(2016), 370–377. 10.1016/j.procs.2016.09.414
    https://doi.org/10.1016/j.procs.2016.09.414 [Google Scholar]
  44. Pannafino, J.
    (2015) 12 Basic Principles of Animation in Motion Design. HOW Magazine. [Online]. [Accessed10 January 2016]. Retrieved fromwww.howdesign.com/web-design-resources-technology/12-basic-principles-animation-motion-design/
    [Google Scholar]
  45. Pernice, K.
    (2016) UX Prototypes: Low Fidelity vs. High Fidelity. Nielsen Norman Group. [Online]. [Accessed10 January 2016]. Retrieved fromhttps://www.nngroup.com/articles/ux-prototype-hi-lo-fidelity/
    [Google Scholar]
  46. Pliner, P. & Saunders, T.
    (2008) Vulnerability to freshman weight gain as a function of dietary restraint and residence. Physiology & Behavior, 93, 76–82. 10.1016/j.physbeh.2007.07.017
    https://doi.org/10.1016/j.physbeh.2007.07.017 [Google Scholar]
  47. Ross, J.
    (2015) 17 usability testing myths and misconceptions. UXmatters. [Online]. [Accessed15 January 2017]. Retrieved fromwww.uxmatters.com/mt/archives/2015/01/17-usability-testing-myths-and-misconceptions.php
    [Google Scholar]
  48. Shafipoor, M. , Sarayloo, R. & Shafipoor, A.
    (2016) Infographic (information graphic); a tool for increasing the efficiency of teaching and learning processes. International Academic Journal of Innovative Research, 3(4), 39–45.
    [Google Scholar]
  49. Shaw, A.
    (2016) Design for motion. Fundamentals and techniques of motion design. Oxon: Focal press.
    [Google Scholar]
  50. Shir, M. F. D. & Asadollahi, M.
    (2014) The role of motion graphics in visual communication. Indian Journal Science Research, 7(1), 820–824.
    [Google Scholar]
  51. Simmons, C. C. H.
    (2011) Just design: Socially conscious design for critical causes. Cincinnati, Ohio: How Books.
    [Google Scholar]
  52. Sofía, R. B. A. , María, T. T. L. , del Pilar, P. D. M. , Dario, G. H. , Adame, N. A. E & Guillermo, O. V.
    (2015) Prevalence and factors associated with overweight and obesity among university students of the health field in San Luis Potosí México. Health, 7, 328–335. 10.4236/health.2015.73037
    https://doi.org/10.4236/health.2015.73037 [Google Scholar]
  53. Sparling, P. B.
    (2007) Obesity on campus. Preventing Chronic Disease. [Online]. 4(3), 1–4. [Accessed5 January 2017]. Retrieved fromwww.cdc.gov/pcd/issues/2007/jul/06_0142.htm
    [Google Scholar]
  54. Stones, C. & Gent, M.
    (2016) The 7 graphic principles of public health Infographic Design. AHRC. [Accessed16 January 2017]. Retrieved fromhttps://visualisinghealth.com/design-guidelines/
    [Google Scholar]
  55. Strizver, I.
    (2014) Type rules! The designer’s guide to professional typography (4th ed.). New York: John Wiley and Sons Inc.
    [Google Scholar]
  56. The Guardian
    (2016) The chicken shop mile and how Britain got fat [Online]. [Accessed11 January 2017]. Retrieved fromhttps://www.theguardian.com/society/2016/jan/28/chicken-shop-mile-britain-fat-cheap-food-obesity
    [Google Scholar]
  57. Travis, D.
    (2009) Measuring satisfaction: Beyond the usability questionnaire. Userfocus. [Online]. [Accessed14 January 2017]. Retrieved fromwww.userfocus.co.uk/articles/satisfaction.html
    [Google Scholar]
  58. Tufte, E. R.
    (2004) The visual display of quantitative information (2nd ed.). Chesire: Graphics.
    [Google Scholar]
  59. Vadeboncoeur, C. , Townsend, N. & Foster, C.
    (2015) A meta-analysis of weight gain in first year university students: is freshman 15 a myth?BMC Obesity, 2(22), 1–7. 10.1186/s40608‑015‑0051‑7
    https://doi.org/10.1186/s40608-015-0051-7 [Google Scholar]
  60. Vadeboncoeur, C. , Foster, C. & Townsend, N.
    (2016) Freshman 15 in England: a longitudinal evaluation of first year university student’s weight change. BMC Obesity, 3(45), 1–9.
    [Google Scholar]
  61. Vella-Zarb, R. A. & Elgar, F. J.
    (2009) The ‘Freshman 5’: A Meta-Analysis of Weight Gain in the Freshman Year of College. Journal of American College Health, 58(2), 161–166. 10.1080/07448480903221392
    https://doi.org/10.1080/07448480903221392 [Google Scholar]
  62. (2010) Predicting the ‘freshman 15’: Environmental and psychological predictors of weight gain in first-year university students. Health Education Journal, 69(3), 321–332. 10.1177/0017896910369416
    https://doi.org/10.1177/0017896910369416 [Google Scholar]
  63. Visscher, T. L. S. & Seidell, J. C.
    (2001) The public health impact of obesity. Annual Review of Public Health, 22, 355–75. 10.1146/annurev.publhealth.22.1.355
    https://doi.org/10.1146/annurev.publhealth.22.1.355 [Google Scholar]
  64. Walls, H. , Peeters, A. , Proietto, J. & McNeil, J.
    (2011) Public health campaigns and obesity—a critique. BMC Public Health, 11(136), 1–7. 10.1186/1471‑2458‑11‑136
    https://doi.org/10.1186/1471-2458-11-136 [Google Scholar]
  65. World Health Organization (WHO)
    (2016) Obesity and overweight. [Online]. [Accessed9 January 2017]. Retrieved fromwww.who.int/mediacentre/factsheets/fs311/en/
    [Google Scholar]
  66. Willenskomer. I.
    (2017) Creating Usability with Motion: The UX in Motion Manifesto [Online]. [AccessedMarch 2017]. Retrieved fromhttps://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc
    [Google Scholar]
  67. Yıldırım, S.
    (2016) Infographics for Educational Purposes: Their Structure, Properties and Reader Approaches. TOJET: The Turkish Online Journal of Educational Technology, 15(3).
    [Google Scholar]
This is a required field
Please enter a valid email address
Approval was successful
Invalid data
An Error Occurred
Approval was partially successful, following selected items could not be processed due to error