The impact of visual design principles on classical aesthetic design for a web-based educational platform

Studies have been done to investigate the influence of visual aesthetics on web-based educational platform, but little research has been conducted respecting which aspect of aesthetics, namely classical aesthetics, affects learning positively. We discussed the favourable effects of classical aesthetics on learning and proposed that classical aesthetics can be achieved by employing visual design principles to the design. The goal of this paper is thus to set up a classical aesthetic educational website based on visual design principles and studies the relationships among visual design principles and classical aesthetics. A survey was conducted with 213 undergraduates who learn about computer science. The results show that visual design principles have a positive impact on classical aesthetics. This implies that a web-based educational platform with classical aesthetics can be created by applying visual design principles.

[1]  Sangwon Lee,et al.  Users’ Emotional Valence, Arousal, and Engagement Based on Perceived Usability and Aesthetics for Web Sites , 2015, Int. J. Hum. Comput. Interact..

[2]  Ondrej Krejcar,et al.  Design Requirements of Usability and Aesthetics for e-Learning Purposes , 2014 .

[3]  Macarena Aspillaga,et al.  Screen Design: Location of Information and Its Effects on Learning. , 1991 .

[4]  Ahamed Altaboli,et al.  Effects of Unity of Form and Symmetry on Visual Aesthetics of Website Interface Design , 2012 .

[5]  M. Wertheimer.  Untersuchungen zur Lehre von der Gestalt. II , 1923 .

[6]  A. Agresti.  Analysis of Ordinal Categorical Data , 1985 .

[7]  Heather Kanuka,et al.  Effects of violating screen design principles of balance, unity, and focus on recall learning, study time, and completion rates , 1999 .

[8]  John Tollett,et al.  The Non-Designer's Web Book: An Easy Guide to Creating, Designing, and Posting Your Own Web Site , 1997 .

[9]  Andreas Sonderegger,et al.  The influence of prototype fidelity and aesthetics of design in usability tests: effects on user behaviour, subjective evaluation and emotion. , 2009, Applied ergonomics.

[10]  Morten Moshagen,et al.  Facets of visual aesthetics , 2010, Int. J. Hum. Comput. Stud..

[11]  N. Schwarz,et al.  Processing Fluency and Aesthetic Pleasure: Is Beauty in the Perceiver's Processing Experience? , 2004, Personality and social psychology review : an official journal of the Society for Personality and Social Psychology, Inc.

[12]  Detmar W. Straub,et al.  Effective website design for experience-influenced environments: The case of high culture museums , 2014, Inf. Manag..

[13]  Chao-Ming Wang,et al.  A study of usability principles and interface design for mobile e-books , 2015, Ergonomics.

[14]  Julian Lin,et al.  Development of scales for the measurement of principles of design , 2013, Int. J. Hum. Comput. Stud..

[15]  Andy P. Field,et al.  Discovering Statistics Using SPSS , 2000 .

[16]  Noam Tractinsky,et al.  Assessing dimensions of perceived visual aesthetics of web sites , 2004 .

[17]  Yunjie Calvin Xu,et al.  Designing Not Just for Pleasure: Effects of Web Site Aesthetics on Consumer Shopping Value , 2011, Int. J. Electron. Commer..

[18]  Gitte Lindgaard,et al.  Attention web designers: You have 50 milliseconds to make a good first impression! , 2006, Behav. Inf. Technol..

[19]  Wouter Duyck,et al.  Teachers' acceptance and use of an educational portal , 2012, Comput. Educ..

[20]  Rex Perez Bringula,et al.  Influence of faculty- and web portal design-related factors on web portal usability: A hierarchical regression analysis , 2013, Comput. Educ..

[21]  Heshan Liu,et al.  Research on visual elements of Web UI design , 2010, 2010 IEEE 11th International Conference on Computer-Aided Industrial Design & Conceptual Design 1.

[22]  Wing-Shui Ng,et al.  Critical Design Factors of Developing a High-quality Educational Website: Perspectives of Pre-service Teachers , 2014 .

[23]  Katharina Reinecke,et al.  Improving performance, perceived usability, and aesthetics with culturally adaptive user interfaces , 2011, TCHI.

[24]  Dave Lawrence,et al.  Balanced website design - optimising aesthetics, usability and purpose , 2006 .

[25]  Anne Marsden,et al.  International Organization for Standardization , 2014 .

[26]  Robert A. Reiser.  A history of instructional design and technology: Part II: A history of instructional design , 2001 .

[27]  Constantinos K. Coursaris,et al.  Web Aesthetics and Usability: An Empirical Study of the Effects of White Space , 2012, Int. J. E Bus. Res..

[28]  I. Reppa,et al.  When the going gets tough the beautiful get going: aesthetic appeal facilitates task performance , 2015, Psychonomic bulletin & review.

[29]  P. Parrish,et al.  Embracing the Aesthetics of Instructional Design , 2005 .

[30]  R. Scott Grabinger,et al.  Computer screen designs: Viewer judgments , 1993 .

[31]  David A. Madsen,et al.  Architectural Drafting and Design , 1986 .

[32]  Darren George,et al.  SPSS for Windows Step by Step: A Simple Guide and Reference , 1998 .

[33]  Ahamed AlTaboli,et al.  Investigating Effects of Screen Layout Elements on Interface and Screen Design Aesthetics , 2011, Adv. Hum. Comput. Interact..

[34]  Marc Hassenzahl,et al.  The Interplay of Beauty, Goodness, and Usability in Interactive Products , 2004, Hum. Comput. Interact..

[35]  Morten Moshagen,et al.  A blessing, not a curse: Experimental evidence for beneficial effects of visual aesthetics on performance , 2009, Ergonomics.

[36]  N. Garg,et al.  Aesthetic principles and cognitive emotion appraisals: How much of the beauty lies in the eye of the beholder? , 2010 .

[37]  Yili Liu,et al.  Web-Based Distance Learning Technology: Does Appearance Matter? , 2005 .

[38]  Rafael Jaron,et al.  User Evaluation of Websites: From First Impression to Recommendation , 2014, Interact. Comput..

[39]  Chih-Hong Huang,et al.  An integrated decision model for evaluating educational web sites from the fuzzy subjective and objective perspectives , 2010, Comput. Educ..

[40]  Hans van der Heijden,et al.  Factors influencing the usage of websites: the case of a generic portal in The Netherlands , 2003, Inf. Manag..

[41]  Aaron Hertzmann,et al.  Learning Layouts for Single-PageGraphic Designs , 2014, IEEE Transactions on Visualization and Computer Graphics.

[42]  Yi-Shun Wang,et al.  Multi-criteria evaluation of the web-based e-learning system: A methodology based on learner satisfaction and its applications , 2008, Comput. Educ..

[43]  Yu-chang Hsu,et al.  Better educational website interface design: the implications from gender-specific preferences in graduate students , 2006, Br. J. Educ. Technol..

[44]  Ulrich R. Orth,et al.  Holistic Package Design and Consumer Brand Impressions , 2008 .

[45]  Charles Miller.  Aesthetics and e-assessment: the interplay of emotional design and learner performance , 2011 .

[46]  A. K. M. Najmul Islam,et al.  Understanding E-Learning System Usage Outcomes in Hybrid Courses , 2012, 2012 45th Hawaii International Conference on System Sciences.

[47]  Gwo-Jen Hwang,et al.  Developing multi-dimensional evaluation criteria for English learning websites with university students and professors , 2011, Comput. Educ..

[48]  Marshall Scott Poole,et al.  Aesthetic design of e-commerce web pages - Webpage Complexity, Order and preference , 2012, Electron. Commer. Res. Appl..

[49]  Ag Asri Ag Ibrahim,et al.  Aesthetics in E-Learning Websites Interface Design Using Kansei Engineering Method , 2014, 2014 International Conference on Information Science & Applications (ICISA).

[50]  Jennifer Preece,et al.  Sociability and usability in online communities: Determining and measuring success , 2001, Behav. Inf. Technol..

[51]  Manuel J. Sánchez-Franco,et al.  Users’ Perception of Visual Design and the Usefulness of A Web-based Educational Tool , 2013 .

[52]  Dianne Cyr,et al.  Design aesthetics leading to m-loyalty in mobile commerce , 2006, Inf. Manag..

[53]  P. Jordan.  Designing Pleasurable Products: An Introduction to the New Human Factors , 2000 .

[54]  Jürgen S. Sauer,et al.  The influence of aesthetics in usability testing: the case of dual-domain products , 2014, CHI.

[55]  Yu-chu Yeh,et al.  Development of design criteria and evaluation scale for web-based learning platforms , 2009 .

[56]  Alexandre N. Tuch,et al.  Linking objective design factors with subjective aesthetics: An experimental study on how structure and color of websites affect the facets of users' visual aesthetic perception , 2015, Comput. Hum. Behav..

[57]  Gwo-Jen Hwang,et al.  A group-decision approach for evaluating educational web sites , 2004, Comput. Educ..

[58]  Yung-Ming Li,et al.  Increasing trust in mobile commerce through design aesthetics , 2010, Comput. Hum. Behav..

[59]  Talya Porat,et al.  It's a Pleasure Buying Here: The Effects of Web-Store Design on Consumers' Emotions and Attitudes , 2011, Hum. Comput. Interact..

[60]  Azrina Kamaruddin,et al.  A theoretical framework of aesthetic design for a better learning experience on the web-based educational platform , 2015, 2015 9th Malaysian Software Engineering Conference (MySEC).

[61]  Eleftherios Alamanos,et al.  Website design quality and usage behavior: Unified Theory of Acceptance and Use of Technology , 2014 .

[62]  Manuel J. Sánchez-Franco,et al.  Users' intrinsic and extrinsic drivers to use a web-based educational environment , 2014, Comput. Educ..

[63]  Dagmar C. Unz,et al.  What should a corporate website look like? The influence of Gestalt principles and visualisation in website design on the degree of acceptance and recommendation , 2012, Behav. Inf. Technol..

[64]  Hye-Jin Lee,et al.  Facets of simplicity for the smartphone interface: A structural model , 2012, Int. J. Hum. Comput. Stud..

[65]  N. Tractinsky,et al.  What is beautiful is usable , 2000, Interact. Comput..

[66]  Andreas Sonderegger,et al.  The influence of design aesthetics in usability testing: effects on user performance and perceived usability. , 2010, Applied ergonomics.

[67]  D. Rubio,et al.  Objectifying Content Validity: Conducting a Content Validity Study in Social Work Research , 2003 .