The Effectiveness of Gestalt Visual Perception Laws in Designing Electronic Pages for the Delivery of First Aid Training

Document Type : Original Article


Department of Educational Sciences, Faculty of Humanities, Arak University, Arak, Iran


Background: Using electronic content (text) requires graphic designs; therefore, graphic organization of electronic pages is a necessity. The use of Gestalt visual perception laws has emerged as an effective principle in content design. This research aimed to investigate the use of gestalt visual perception laws in designing electronic pages, and determine its effect on learning the first aid skills. Methods: This was a quasi-experimental study with pretest-posttest control group design. The experiment was conducted in the Educational Sciences Department of Arak University in 2018. The participants included 30 students aged 23-25 years. They were selected by convenience sampling and randomly assigned to two groups. The experimental group learned lessons from electronic pages designed using the Gestalt laws, and the control group learned from electronic pages designed without following Gestalt laws. Data collection was performed using a researcher-made test on first aid. For data analysis, descriptive statistics, mean, frequency, standard deviation, and covariance analysis were used. Results: A significant difference was observed between the experimental and control groups in terms of applying Gestalt visual perception laws in learning the first aid. The mean scores of the respective groups were 18.33 and 15.46 for similarity (P=0.001), 17.86 and 13.26 for proximity (P=0.001), and 19.00 and 16.53 for continuity (P=0.001). The results of the experimental group reflected a positive effect. Conclusion: The results indicate the significant effects of applying Gestalt visual perception laws in electronic content design on the learning of first-aid skills. Gestalt Laws have increased interaction by organizing the learning content, as well as bringing graphic unity to pages and simplifying navigation. Therefore, they have improved the learning outcomes.


Lenson S, Mills J. First aid knowledge retention in school children: A review of the literature. Australasian Journal of Paramedicine. 2016;13(1). doi:10.33151/jap.13.1.233
Sharif NA, Hasan MK, Jamaludin FI, Firdaus MK. The need for first aid education for adolescents. Enferm Clin. 2018 Feb 1;28:13-8. doi:10.1016/S1130-8621(18)30028-7
Ekaprasetia F, Kristianto H, Susanto T. First Aid Guideline (FAG): A first aid education application for children aged 11–14 years in Indonesia. J Taibah Univ Med Sci. 2018 Dec 1;13(6):587-91. doi:10.1016/j.jtumed.2018.05.002
Celik S. A media comparison study on first aid instruction. Health Educ J. 2013 Jan;72(1):95-101. doi:10.1177/0017896911430762
Mishra A, Rani S, Bhardwaj UD. Effectiveness of e-learning module on first aid: a study on student nurses. Amarjeet Kaur Sandhu. 2017 Jul;9(3):5.      doi:10.5958/0974-9357.2017.00060.5
Kalokairinoua OK, Kapadochos T, Tzavara C. Evaluating a health educational First Aid program with the implementation of synchronous distance learning. Integrating information technology and management for quality of care. 2014 Jul 24;202:56. doi:10.3233/978-1-61499-423-7-56
Hosseini M. The Effect of Online Interpretations via Interactive White Boards on Vocabulary Learning. Interdisciplinary Journal of Virtual Learning in Medical Sciences. 2020 Mar 1;11(1):37-45. doi:10.30476/ijvlms.2020.84307.1002.
Dhalpe P,  Bhardwaj D.  Effective User Navigation through Website using Dice Coefficient. International Journal of  Science and Research (IJSR). January 2016; 5(1): 1353-1377. doi:10.21275/v5i1.nov153001
Djonov E. Website hierarchy and the interaction between content organization, webpage and navigation design: A systemic functional hypermedia discourse analysis perspective. Information Design Journal. 2007 Jan 1;15(2):144-62.  doi:10.1075/idj.15.2.07djo
Schez-Sobrino S, Gmez-Portes C, Vallejo D, Glez-Morcillo C, Redondo MA. An intelligent tutoring system to facilitate the learning of programming through the usage of dynamic graphic visualizations. Applied sciences. 2020Jan;10(4):1518. doi:10.3390/app10041518
Belanche D, Casaló LV, Guinalíu M. Website usability, consumer satisfaction and the intention to use a website: The moderating effect of perceived risk. Journal of retailing and consumer services. 2012 Jan 1;19(1):124-32. doi:10.1016/j.jretconser.2011.11.001
Tadel F, Baillet S, Mosher JC, Pantazis D, Leahy RM. Computational Intelligence and Neuroscience, 2011. Brainstorm: a user-friendly application for meg/eeg analysis. 2011;8. doi:10.1155/2011/879716
Najjar LJ. Principles of educational multimedia user interface design. Human factors. 1998 Jun;40(2):311-23. doi:10.1518/001872098779480505
Burgess N, Maguire EA, O'Keefe J. The human hippocampus and spatial and episodic memory. Neuron. 2002 Aug 15;35(4):625-41. doi:10.1016/S0896- 6273(02)00830-9            
Garzotto F, Bordogna M. based multimedia interaction as learning tool for disabled children. In Proceedings of the 9th international Conference on Interaction Design and Children 2010 Jun 9 (pp. 79-88). doi:10.1145/1810543.1810553
Costello, V. (2012). Multimedia Foundations (1st ed.). Routledge. doi:10.4324/9780240813950
Wang Q, Yang S, Liu M, Cao Z, Ma Q. An eye-tracking study of website complexity from cognitive load perspective. Decision support systems. 2014 Jun 1;62:1-0. doi:10.1016/j.dss.2014.02.007
Tan GW, Wei KK. An empirical study of Web browsing behaviour: Towards an effective Website design. Electron Commer Res Appl. 2006 Dec 1;5(4):261-71. doi:10.1016/j.elerap.2006.04.007.
Li Q, Luximon Y. Older adults’ use of mobile device: usability challenges while navigating various interfacesBehav Inf Technol. 2020 Aug 2;39(8):837-61.     doi:10.1080/0144929X.2019.1622786
Roupé M, Bosch-Sijtsema P, Johansson M. Interactive navigation interface for virtual reality using the human body. Comput Environ Urban Syst. 2014 Jan 1;43:42-50. doi:10.1016/j.compenvurbsys.2013.10.003
Lamprecht D, Lerman K, Helic D, Strohmaier M. How the structure of Wikipedia articles influences user navigation. New Rev Hypermedia Multimed. 2017 Jan 2;23(1):29-50. doi:10.1080/13614568.2016.1179798
Castilla D, Garcia-Palacios A, Miralles I, Breton-Lopez J, Parra E, Rodriguez-Berges S, Botella C. Effect of Web navigation style in elderly users. Comput Human Behavr. 2016 Feb 1;55:909-20. doi: 10.1016/j.chb.2015.10.034
Trummel P. Shape of concept: color percept... graphics, geometry, and gestalt. IEEE Trans Prof Commun. 1991 Sep;34(3):174-9. doi:10.1109/47.84111
Bollini L. Beautiful interfaces. From user experience to user interface design. The Design Journal. 2017 Jul 28;20(sup1):S89-101. doi:10.1080/14606925.2017.1352649
Blair-Early A, Zender M. User interface design principles for interaction design. Design Issues. 2008 Jul;24(3):85-107. doi:10.1162/desi.2008.24.3.85
Darejeh A, Singh D. A review on user interface design principles to increase software usability for users with less computer literacy. Journal of computer science. 2013 Nov 1;9(11):1443. doi:0.3844/jcssp.2013.1443.1450
Nagro S, Campion R. A method for multimedia user interface design for mobile learning. In2017 Computing Conference 2017 Jul 18 (pp. 585-590). IEEE. doi:10.1109/SAI.2017.8252155
Kools M, van de Wiel MW, Ruiter RA, Crüts A, Kok G. The effect of graphic organizers on subjective and objective comprehension of a health education text. Health Educ Behav. 2006 Dec;33(6):760-72. doi:10.1177/109019810628895029
Ewoldt KB, Morgan JJ. Color-coded graphic organizers for teaching writing to students with learning disabilities. Teach Except Child. 2017 Jan;49(3):175-84.      doi:10.1177/0040059916681769
Ciullo S, Reutebuch C. Computerā€based graphic organizers for students with LD: A systematic review of literature. Learn Disabil Res Pract. 2013 Nov;28(4):196-210. doi:10.1111/ldrp.12017
Moszkowicz J. Gestalt and graphic design: An exploration of the humanistic and therapeutic effects of visual organization. Design Issues. 2011 Oct;27(4):56-67. doi:10.1162/DESI_a_00105
Wertheimer M. Max Wertheimer centennial celebration in Germany. Hist Psychol. 2014 May;17(2):129. doi:10.1037/a0035955
O'Connor Z. Colour, contrast and gestalt theories of perception: The impact in contemporary visual communications design. Color Res Appl. 2015 Feb;40(1):85-92.
McManus IC, Stöver K, Kim D. Arnheim's Gestalt theory of visual balance: Examining the compositional structure of art photographs and abstract images. Iperception. 2011 Aug;2(6):615-47. doi:10.1068/i0445aap
Wagemans J, Elder JH, Kubovy M, Palmer SE, Peterson MA, Singh M, von der Heydt R. A century of Gestalt psychology in visual perception: I. Perceptual grouping and figure–ground organization. Psychol Bull. 2012 Nov;138(6):1172. doi:10.1037/a0029333
Peterson DJ, Berryhill ME. The Gestalt principle of similarity benefits visual working memory. Psychon Bull Rev 2013 Dec;20(6):1282-9. doi:10.3758/s13423-013-0460-x
Hoerhan M, Eidenberger H. Gestalt descriptions for deep image understanding. Pattern Anal Appl. 2021 Feb;24(1):89-107. doi:10.1007/s10044-020-00904-6  
Suler J, Zakia R. Perception and Imaging.  New York:Routledge; 2018.
Hock HS, Nichols DF. Motion perception induced by dynamic grouping: A probe for the compositional structure of objects. Vision Res. 2012 Apr 15;59:45-63. doi:10.1016/j.visres.2011.11.015 
Chiu YP, Lo SK, Hsieh AY. How colour similarity can make banner advertising effective: Insights from Gestalt theory. Behav Inf Technol. 2017 Jun 3;36(6):606-19. doi:10.1080/0144929X.2016.1267264
Seraji F, Bayat Z, Abbasi Kasani H, Abedi H. Comparing Two Forms of Spatial Contiguity Principle in Student Learning:'Text Linked to Image'versus' Text in Image Adjacency'. Interdisciplinary Journal of Virtual Learning in Medical Sciences. 2020 Jun 30;11(2):84-91. doi:10.30476/IJVLMS.2020.85968.1029 
Ghaffari K, Yasbolaghi B, Abdolvand K. The Effect of Word Game Teaching on Dictation Problems of First Grade Primary School Students in Azna. New Educational Approaches. 2020 Dec 21;15(2):23-42. doi:10.22108/nea.2021.124489.1511
Celik S. A media comparison study on first aid instruction. Health Educ J. 2013 Jan;72(1):95-101. doi:10.1177/0017896911430762
Valencia-Romero A, Lugo JE. An immersive virtual discrete choice experiment for elicitation of product aesthetics using Gestalt principles. Design Science. 2017;3. doi:10.1017/dsj.2017.12