Strategies for Mobile Web Design

  • Alex Cazañas University of Queensland
  • Esther Parra Escuela Politécnica Nacional
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.

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/https://doi.org/10.29019/enfoqueute.v8n1.142
Section
General Engineering