Strategies for Mobile Web Design

Authors

  • Alex Cazañas University of Queensland
  • Esther Parra Escuela Politécnica Nacional

DOI:

https://doi.org/10.29019/enfoqueute.v8n1.142

Keywords:

mobile, web, design, responsive, adaptive.

Abstract

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.

Metrics

Downloads

Download data is not yet available.

References

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 http://activemobi.com/blog/dedicated-mobile-vs-responsive-websites-state-of-affairs
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 http://www.hesketh.com/publications/progressive_enhancement_and_the_future_of_web_design.html
CISCO. (2014). Cisco Visual Networking Index: Global Mobile Data Traffic Forecast Update 2014–2019 White Paper. Retrieved from http://www.cisco.com/c/en/us/solutions/collateral/service-provider/visual-networking-index-vni/white_paper_c11-520862.pdf
Cremin, R. (2011). Mobile Web Content Adaptation Techniques. Retrieved from http://mobiforge.com/design-development/mobile-web-content-adaptation-techniques
EffectiveUI. (2014). Mobile Website Design: Responsive, Adaptive Or both? Retrieved from http://www.slideshare.net/effectiveui/mobile-website-design-responsive-adaptive-or-both
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 http://alistapart.com/article/responsive-web-design
Media Queries. (n.d.). Popular - Media Queries. Retrieved 10 7, 2016, from http://mediaqueri.es/popular/
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 http://www.guypo.com/real-world-rwd-performance-take-2/
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 http://www.keynote.com/resources/blog/2014/february/you-can-run-but-you-cant-hide-from-performance/
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 http://www.w3.org/TR/mobile-bp
Wroblewski, L. (2011). Why Separate Mobile & Desktop Web Pages? Retrieved from http://www.lukew.com/ff/entry.asp?1390
Y. Chen, X. Xie, W. Ma, & H. Zhang. (2005, January). Adapting Web Pages for Small-Screen Devices. IEEE Internet Computing, 9(1), 50-56.

Published

2017-02-24

How to Cite

Cazañas, A., & Parra, E. (2017). Strategies for Mobile Web Design. Enfoque UTE, 8(1), pp. 344 - 357. https://doi.org/10.29019/enfoqueute.v8n1.142

Issue

Vol. 8 No. 1 (2017): INCISCOS 2016, Special Edition

Section

Miscellaneous

The articles and research published by the UTE University are carried out under the Open Access regime in electronic format. By submitting an article to any of the scientific journals of the UTE University, the author or authors accept these conditions.

The UTE applies the Creative Commons Attribution (CC-BY) license to articles in its scientific journals. Under this open access license, as an author you agree that anyone may reuse your article in whole or in part for any purpose, free of charge, including commercial purposes. Anyone can copy, distribute or reuse the content as long as the author and original source are correctly cited. This facilitates freedom of reuse and also ensures that content can be extracted without barriers for research needs.

 

This work is licensed under a Creative Commons Attribution 3.0 International (CC BY 3.0).

 

In addition, the journal Enfoque UTE guarantees and declares that authors always retain all copyrights to the original published works without restrictions [© The Author(s)]. Acknowledgment (BY): Any exploitation of the work is allowed, including a commercial purpose, as well as the creation of derivative works, the distribution of which is also allowed without any restriction.