Strategies for Mobile Web Design

  • Alex Cazañas University of Queensland
  • Esther Parra Escuela Politécnica Nacional
Keywords: mobile, web, design, responsive, adaptive.


This paper presents a literature review on the topic of web design, specifically with regard to mobile web design. The aim of the review is to identify and analyze major strategies and approaches to design for small-screen-size devices. Three strategies consistently appeared across the reviewed literature, namely, responsive web design, adaptive web design, and separate site. The analysis of these strategies intends to provide a clear understanding of their advantages and disadvantages, in terms of cost and user experience.


Download data is not yet available.


A. Artail, & M. Raydan. (2005, November ). Device-aware Desktop Web Page Transformation for Rendering on Handhelds. Personal Ubiquitous Computing, 9(6), 368-380.
ActiveMobi. (2014). Dedicated Mobile Vs. Responsive Websites – the State of Affairs. Retrieved from
C. Wong, H. Chu, & M. Katagiri. (2002). A Single-Authoring Technique for Building Device-Independent Presentations. Proc. of W3C Workshop on Device Independent Authoring Techniques, 220. St. Leon-Rot. Retrieved from http://www. w3. org/2002/07/DIAT/posn/docomo.pdf
Champeon, S. (2003). Progressive Enhancement and the Future of Web Design. Retrieved from
CISCO. (2014). Cisco Visual Networking Index: Global Mobile Data Traffic Forecast Update 2014–2019 White Paper. Retrieved from
Cremin, R. (2011). Mobile Web Content Adaptation Techniques. Retrieved from
EffectiveUI. (2014). Mobile Website Design: Responsive, Adaptive Or both? Retrieved from
Gardner, B. (2011). Responsive web design: Enriching the user experience. Sigma Journal: Inside the Digital Ecosystem, 11, 13-19.
Garrett, R. (2013). Pro SharePoint 2013 Administration. Berkeley, CA: Apress.
Gustafson, A. (2008). Understanding progressive enhancement. A List Apart, 269.
Gustafson, A. (2013). Adaptive Web Design. Chattanooga, TN: Easy Readers.
Kim, B. (2013). Responsive Web Design, Discoverability, and Mobile Challenge. Libr. Techol. Rep., 49, 29.
M. Florins, & J. Vanderdonckt. (2004). Graceful Degradation of User Interfaces As a Design Method for Multiplatform Systems. In ACM (Ed.), Proceedings of the 9th International Conference on Intelligent User Interfaces, (pp. 140-147). Funchal, Madeira, Portugal.
Marcotte, E. (2010). Responsive Web Design. Retrieved from
Media Queries. (n.d.). Popular - Media Queries. Retrieved 10 7, 2016, from
Mohorovicic, S. (2013). Implementing responsive web design for enhanced web presence. 36th International Convention on Information and Communication Technology, Electronics and Microelectronics, (pp. 1206-1210).
Podjarny, G. (2013). Real World RWD Performance – Take 2. Retrieved from
Robbins, J. (2012). Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics (4th ed.). San Francisco: O'Reilly Media, Inc.
Rudger, A. (2014). You can Run, but You can'T Hide from Performance. Retrieved from
Weiss, A. (2006). The web designer's dilemma: when standards and practice diverge. netWorker, 10, 18-25.
Wells, J., & Draganova, C. (2007). Progressive enhancement in the real world. Proceedings of the Eighteenth Conference on Hypertext and Hypermedia, (pp. 55-56).
World Wide Web Consortium. (2008). Mobile Web Best Practices 1.0. Retrieved from
Wroblewski, L. (2011). Why Separate Mobile & Desktop Web Pages? Retrieved from
Y. Chen, X. Xie, W. Ma, & H. Zhang. (2005, January). Adapting Web Pages for Small-Screen Devices. IEEE Internet Computing, 9(1), 50-56.
How to Cite
Cazañas, A., & Parra, E. (2017). Strategies for Mobile Web Design. Enfoque UTE, 8(1), pp. 344 - 357.
General Engineering