Responsive Web Design and Its Use by an E-Commerce Website

  • Yujing Zeng
  • Jie Gao
  • Chunsong Wu
Part of the Lecture Notes in Computer Science book series (LNCS, volume 8528)


Responsible architecture design is believed to be the most effective answer to the incompatibility problem of webpages across devices with varying sizes and resolutions. Online shopping behavior is cross-device and continuous; therefore, we believe that it is also important to explore and discuss how to provide a fluent and consistent user experience for the same webpage across various devices (other than simply using the fluid grid technique to maintain cross device compatibility). Inspired by the fluency theory, we assume that the fluency of processing webpages on different devices affects a user’s responsive web experience. In this paper, a case study of was performed to explore how to improve user experience fluency with responsive web design on mobile phones. The study consisted of two experiments: a PC test and a mobile phone test. The PC test was designed to understand the interactions between the users and the information content on (desktop version), which could facilitate the identification of user preferences and expectations and guide the design layout of the responsive webpage on mobile phones. During the mobile phone test, we examined the responsive webpage, which was designed according to users’ preferences and expectations, to determine whether this type of layout could be approved by users. The results showed that users rated the new version of the responsive webpage higher than the traditional responsive page, which was designed by using proportion-based fluid grid technology alone.


e-commerce webpages mobile devices responsive web user experience fluency 


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    IResearch China E-Commerce Research,
  2. 2.
    IResearch China E-Commerce Research,
  3. 3.
    Reber, R., Schwarz, N., Winkielman, P.: Processing fluency and aesthetic pleasure: is beauty in the perceiver’s processing experience? Personality and Social Psychology Review 8(4), 364–382 (2004)CrossRefGoogle Scholar
  4. 4.
    Reber, R., Schwarz, N.: Effects of perceptual fluency on judgments of truth. Consciousness and Cognition 8(3), 338–342 (1999)CrossRefGoogle Scholar
  5. 5.
    Song, H., Schwarz, N.: Fluency and the detection of misleading questions: Low processing fluency attenuates the Moses illusion. Social Cognition 26(6), 791–799 (2008)CrossRefGoogle Scholar
  6. 6.
    Zajonc, R.B.: Attitudinal effects of mere exposure. Journal of Personality and Social Psychology 9(2p2), 1 (1968)CrossRefGoogle Scholar
  7. 7.
    Nielsen, J.: Do interface standards stifle design creativity. Jacob Nielsen’s Alertbox (1999)Google Scholar
  8. 8.
    Rensink, R.A.: Seeing, sensing, and scrutinizing. Vision Research 40(10), 1469–1487 (2000)CrossRefGoogle Scholar
  9. 9.
    Bernard, M.L.: Developing schemas for the location of common web objects. In: Proceedings of the Human Factors and Ergonomics Society Annual Meeting, vol. 45(15), pp. 1161–1165. SAGE Publications (2001)Google Scholar
  10. 10.

Copyright information

© Springer International Publishing Switzerland 2014

Authors and Affiliations

  • Yujing Zeng
    • 1
  • Jie Gao
    • 1
  • Chunsong Wu
    • 1
  1. 1.Taobao (China) Software Co., LTDHangzhouP.R. China

Personalised recommendations