How will the use of graphics affect visual aesthetics? A user-centered approach for web page design

This paper addresses new and significant research issues in web page design in relation to the use of graphics. The original findings include that (a) graphics play an important role in enhancing the appearance and thus users' feelings (aesthetics) about web pages and that (b) the effective use of graphics is crucial in designing web pages. In addition, we have developed a web page design support database based on a user-centered experimental procedure and a neural network model. This design support database can be used to examine how a specific combination of design elements, particularly the ratio of graphics to text, will affect the users' feelings about a web page. As a general rule, the ratio of graphics to text between 3:1 and 1:1 will give the users the best feelings of ease-to-use and clear-to-follow. A web page with a ratio of 1:1 will have the most realistic look, while a ratio of over 3:1 will have the fanciest appearance. The result provides useful insights in using graphics on web pages that help web designers best meet users' specific expectations and aesthetic consistency.

[1]  Jörgen Eklund,et al.  Design of rocker switches for work-vehicles--an application of Kansei Engineering. , 2005, Applied ergonomics.

[2]  Anne Bruseberg,et al.  Focus groups to support the industrial/product designer: a review based on current literature and designers' feedback. , 2002, Applied ergonomics.

[3]  Deng Ju-Long,et al.  Control problems of grey systems , 1982 .

[4]  Ben Shneiderman,et al.  Designing information-abundant web sites: issues and recommendations , 1997, Int. J. Hum. Comput. Stud..

[5]  Stanley H. Caplan.  Using focus group methodology for ergonomic design , 1990 .

[6]  Jonathan Ling,et al.  The effects of link format and screen location on visual search of web pages , 2004, Ergonomics.

[7]  Hong-In Cheng,et al.  Iconic hyperlinks on e-commerce websites. , 2007, Applied ergonomics.

[8]  Yukihiro Matsubara,et al.  An automatic builder for a Kansei Engineering expert system using self-organizing neural networks , 1995 .

[9]  Chung-Hsing Yeh,et al.  User-Centered Design of Web Pages , 2008, ICCSA.

[10]  Bo N. Schenkman,et al.  Aesthetics and preferences of web pages , 2000, Behav. Inf. Technol..

[11]  Li Pheng Khoo,et al.  A rough set based decision support approach to improving consumer affective satisfaction in product design , 2009 .

[12]  Takamasa Suetomi,et al.  A Kansei Engineering approach to a driver/vehicle system , 1995 .

[13]  W. T. Illingworth,et al.  Practical guide to neural nets , 1991 .

[14]  Jakob Nielsen,et al.  Usability engineering , 1997, The Computer Science and Engineering Handbook.

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

[16]  Chih-Chieh Yang,et al.  Constructing a hybrid Kansei engineering system based on multiple affective responses: Application to product form design , 2011, Comput. Ind. Eng..

[17]  Joachim Meyer,et al.  Aesthetics and usability of in-vehicle navigation displays , 2011, Int. J. Hum. Comput. Stud..

[18]  Rita Mátrai,et al.  Navigation methods of special needs users in multimedia systems , 2008, Comput. Hum. Behav..

[19]  Kar Yan Tam,et al.  Designing product listing pages on e-commerce websites: an examination of presentation mode and information format , 2004, Int. J. Hum. Comput. Stud..

[20]  J. Deng,et al.  Introduction to Grey system theory , 1989 .

[21]  Neville A Stanton,et al.  From telephones to iPhones: applying systems thinking to networked, interoperable products. , 2009, Applied ergonomics.

[22]  Mitsuo Nagamachi,et al.  Kansei engineering as a powerful consumer-oriented technology for product development. , 2002, Applied ergonomics.

[23]  S. Shyam Sundar,et al.  Effects of specialization in computers, web sites, and web agents on e-commerce trust , 2010, Int. J. Hum. Comput. Stud..

[24]  Shu-Ling Lin,et al.  Is grey relational analysis superior to the conventional techniques in predicting financial crisis? , 2011, Expert Syst. Appl..

[25]  Chung-Hsing Yeh,et al.  Consumer-oriented product form design based on fuzzy logic: A case study of mobile phones , 2007 .

[26]  Charles T. Scialfa,et al.  Age Differences in Search of Web Pages: The Effects of Link Size, Link Number, and Clutter , 2004, Hum. Factors.

[27]  Fabio Crestani,et al.  Context representation for web search results , 2007, J. Inf. Sci..

[28]  Chung-Hsing Yeh,et al.  User-Centered Interface Design of Social Websites , 2008, ISI Workshops.

[29]  Martina Ziefle,et al.  A visual ergonomic evaluation of different screen types and screen technologies with respect to discrimination performance. , 2009, Applied ergonomics.

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

[31]  J. M. Kittross.  The measurement of meaning , 1959 .

[32]  Chung-Hsing Yeh,et al.  Form design of product image using grey relational analysis and neural network models , 2005, Comput. Oper. Res..

[33]  Gavriel Salvendy,et al.  Measuring consistency of web page design and its effects on performance and satisfaction , 2000, Ergonomics.

[34]  Avi Parush,et al.  The Impact of Visual Layout Factors on Performance in Web Pages: A Cross-Language Study , 2005, Hum. Factors.

[35]  Nils J. Nilsson,et al.  Artificial Intelligence , 1974, IFIP Congress.

[36]  Jakob Nielsen,et al.  Introduction to Web design , 1998, CHI Conference Summary.

[37]  Jakob Nielsen,et al.  Designing Web Usability: The Practice of Simplicity , 1999 .

[38]  Mitsuo Nagamachi,et al.  Kansei Engineering: A new ergonomic consumer-oriented technology for product development , 1995 .

[39]  Alexandre N. Tuch,et al.  Symmetry and aesthetics in website design: It's a man's business , 2010, Comput. Hum. Behav..

[40]  Anthony F. Norcio,et al.  Cultural differences on attention and perceived usability: Investigating color combinations of animated graphics , 2006, Int. J. Hum. Comput. Stud..

[41]  Mel Yamamoto,et al.  The impact of product aesthetics on the evaluation of industrial products , 1994 .

[42]  Klaus Opwis,et al.  Beyond web content accessibility guidelines: Design of enhanced text user interfaces for blind internet users , 2008, Int. J. Hum. Comput. Stud..

[43]  Chung-Hsing Yeh,et al.  User-oriented design for the optimal combination on product design , 2006 .

[44]  Shih-Wen Hsiao,et al.  A usability study on human-computer interface for middle-aged learners , 2007, Comput. Hum. Behav..

[45]  Jinwoo Kim,et al.  Designing emotionally evocative homepages: an empirical study of the quantitative relations between design factors and emotional dimensions , 2003, Int. J. Hum. Comput. Stud..

[46]  Andrew Sears,et al.  International Aspects of World Wide Web Usability and the Role of High-End Graphical Enhancements , 2000, Int. J. Hum. Comput. Interact..

[47]  Raafat George Saadé,et al.  First impressions last a lifetime: effect of interface type on disorientation and cognitive load , 2007, Comput. Hum. Behav..

[48]  Andrea Basso,et al.  First impressions: emotional and cognitive factors underlying judgments of trust e-commerce , 2001, EC '01.

[49]  Chung-Hsing Yeh,et al.  Neural Network Models for Product Image Design , 2004, KES.

[50]  Ravindra S. Goonetilleke,et al.  Effects of training and representational characteristics in icon design , 2001, Int. J. Hum. Comput. Stud..

[51]  Henry H. Emurian,et al.  An overview of online trust: Concepts, elements, and implications , 2005, Comput. Hum. Behav..

[52]  Manuel J. Sánchez-Franco,et al.  Expressive aesthetics to ease perceived community support: Exploring personal innovativeness and routinised behaviour as moderators in Tuenti , 2010, Comput. Hum. Behav..

[53]  Choon-Ling Sia,et al.  Consumer trust and distrust: An issue of website design , 2010, Int. J. Hum. Comput. Stud..