Enhancing the Mobile User Experience Through Colored Contrasts

Enhancing the Mobile User Experience Through Colored Contrasts

Jean-Éric Pelet (ESCE International Business School, France) and Basma Taieb (University of Cergy Pontoise, France)
Copyright: © 2018 |Pages: 13
DOI: 10.4018/978-1-5225-2255-3.ch527
OnDemand PDF Download:
List Price: $37.50


This study examines the effects of the mobile-phone website colored contrasts and the affective states of the consumer (emotions and moods) and trust respectively on intention to revisit, buy on and recommend the mobile website. For this purpose, a factorial plan 2x2 was developed and a mobile website, with two different alternatives, was designed especially for the experiment: positive contrast (yellow text on green background) and negative contrast (green text on yellow background). The research was conducted on French consumers. 312 valid responses were collected through online and personal survey questionnaires. Data was analysed using the method of structural equations. The results show the significant effects of mobile website's color contrast on behavioral intentions. Perceived dominance and trust towards the website have positive effects on behavioral intentions, whereas mood has non-significant effects on behavioral intentions. Managerial implications are discussed.
Chapter Preview


In 1940, during the Second World War, the Cambridge zoologist Hugh Cott published a textbook about camouflage, warning coloration and mimicry. He introduced the notion of disruptive coloration, which was defined as contingent on background matching, suggesting

the effect of a disruptive pattern is greatly strengthened when some of its components closely match the background, while others differ strongly from it. Under these conditions, by the contrast of some tones and the blending of others, certain portions of the object fade out completely while others stand out emphatically (p.50).

As stated by Schaefer & Stobbe (2006), disruptive coloration and background matching are both techniques of camouflage that are often quoted as textbook examples of natural selection. For example, the experiments conducted by Cuthill et al. (2005) illustrated that artificially colored moths, which had been designed to match their background of oak trunks in terms of color and brightness, survived better if they sported highly contrasting patterns on the edge of their wings compared to moths with the same patterns inside their wings. Furthermore, this phenomenon of contrast concerns all natural species in various fields and even human beings, such as soldiers in the army or surgeons in their operating room.

For example, military camouflage patterns were worn in the army to protect personnel and equipment from observation by enemy forces. Green uniforms, especially, and later other drab colors were used depending on the field of war (in Vietnam khaki green colored uniforms were favored, whereas in Irak khaki yellow was privileged). Surgeons operate in completely green or blue operating rooms to allow them to focus on what is red, namely blood and organs. This can be explained by the physiology of the human eye, notably the retina, which is lined with photoreceptor cells known as rods and cones. The rods are stimulated by dim light. In parallel, cones run “at full throttle” in normal brightness. Because human beings have three types of cones with different levels of sensitiveness to red, green and blue - red-sensitive cones are the most numerous, followed by the green-sensitive, and finally the blue-sensitive cones - the red color captures the surgeon’s attention more easily than the other colors. Thus, having an operating room with a dominant green or blue color allows a surgeon’s eyes to focus on the red color of blood and therefore on the surgery itself. The same question of contrast occurs on a webpage such as an e-commerce webpage, enabling users to read more or less easily, thanks to a properly chosen contrast ratio between the foreground and background colors.

“A frustrating experience on a website hurts my opinion of the brand overall” says Miller (2012). The author adds that many customers of a brand are disappointed in the company itself if the mobile experience doesn’t meet their expectations. The mobile experience or “Mobile User Experience” (MUE) refers to the perception users have of a mobile product or service, such as an app, a social media or a website, for example an e-commerce website. This perception mainly leans on the sense of sight. The principal variable among the viewable features of the Cascade Style Sheet (CSS) used to write formatting instructions (rules) for websites is color. Indeed most of the information available on a website comes from what is viewable: in fact, 80% of the information processed by an Internet user’s brain results from sight (Mattelart, 1996), making color the main variable to take into account in research on consumer behavior when using a handled device for shopping purposes. Bearing in mind that the background color is the first factor to become apparent when the download of a webpage is in progress (Gorn et al., 2004), thinking about colors to improve the MUE and leverage the benefits of companies is fundamental for the Return on Investment (ROI) of an organization. Nevertheless, attention given to the background color itself and the various parameters that summarize it (such as hue, brightness and saturation) is not sufficient to improve the customer experience. In order to answer this question, the present research compares the design cues of a m-commerce website on its color contrast occurred between foreground and background. An experimental design was developed to investigate the effects of m-commerce website design on emotions and behavioral intention within the context of smartphone usage.

Key Terms in this Chapter

Contrast: is the difference in luminance and/or color that makes an object (or its representation in an image or display) distinguishable. In visual perception of the real world, contrast is determined by the difference in the color and brightness of the object and other objects within the same field of view. Because the human visual system is more sensitive to contrast than absolute luminance, we can perceive the world similarly regardless of the huge changes in illumination over the day or from place to place. The maximum contrast of an image is the contrast ratio or dynamic range. Finally, contrast is the perceived difference in colors that are in close proximity to each other. Using contrast effectively not only differentiates a design from others, it is the essential ingredient that makes content accessible to every viewer, on a laptop or a handled device such as a smartphone or tablet.

Complete Chapter List

Search this Book: