A Process for Evaluating the Gender and Professionalism of Web Design Elements

This work lays the foundation for creating gender neutral web design guidelines by determining the following: the gendering of web design element examples (including whether some examples are distinctly masculine or feminine), the perceived professionalism of design elements, and whether there is an interaction between gender and professionalism. Designing for a particular gender is common in both product and web design, but in many situations is exclusionary. In the study, participants rated a series of graphical element examples in six categories: Font, Color, Image, Shape, Texture and Mixed Elements. Participants rated each element on their femininity, masculinity and professionalism. Some element examples were found to be strongly feminine or masculine, while others were neutral. In three of the six elements (Color, Shape, Mixed Elements), there was a positive correlation between professionalism and masculinity. Similarly, in the same three elements, there was a negative correlation between professionalism and femininity. This information will aid designers in making principled decisions on how they wish the gender of their website to be perceived.

[1]  Sue Newell,et al.  The issue of gender within computing: reflections from the UK and Scandinavia , 2001, Inf. Syst. J..

[2]  S. Bem The measurement of psychological androgyny. , 1974, Journal of consulting and clinical psychology.

[3]  Andreas Herrmann,et al.  Beyond "Pink It and Shrink It" Perceived Product Gender, Aesthetics, and Product Evaluation , 2015 .

[4]  J. Cooper,et al.  Sex Bias in Educational Software: The Effect of Designers' Stereotypes on the Software They Design1 , 1987 .

[5]  Ching Chiuan Yen,et al.  Towards Female Preferences in Design - A Pilot Study , 2007 .

[6]  J. Heller,et al.  Some men like it black, some women like it pink: consumer implications of differences in male and female website design , 2006 .

[7]  C. O'Reilly,et al.  Reducing the backlash effect: Self‐monitoring and women's promotions , 2011 .

[8]  G. Moss,et al.  Gender Differences in Website Design : Implications for Education , 2013 .

[9]  J. Phillips,et al.  Product gender perceptions and antecedents of product gender congruence , 2010 .

[10]  R. Gunn,et al.  Gender and web design software , 2013 .

[11]  Laurie A. Rudman,et al.  Prescriptive Gender Stereotypes and Backlash Toward Agentic Women , 2001 .

[12]  M. Heilman,et al.  Has anything changed? Current characterizations of men, women, and managers. , 1989 .

[13]  Helen Nissenbaum,et al.  Bias in computer systems , 1996, TOIS.

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