Strategies for Mobile Web Design
DOI:
https://doi.org/10.29019/enfoqueute.v8n1.142Keywords:
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.
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
Issue
Section
Miscellaneous
License
The authors retain all copyrights ©.
- The authors retain their trademark and patent rights, as well as rights to any process or procedure described in the article.
- The authors retain the right to share, copy, distribute, perform, and publicly communicate the article published in Enfoque UTE (for example, post it in an institutional repository or publish it in a book), provided that acknowledgment of its initial publication in Enfoque UTE is given.
- The authors retain the right to publish their work at a later date, to use the article or any part of it (for example, a compilation of their work, lecture notes, a thesis, or for a book), provided that they indicate the source of publication (authors of the work, journal, volume, issue, and date).
How to Cite
Strategies for Mobile Web Design. (2017). Enfoque UTE, 8(1), pp. 344 - 357. https://doi.org/10.29019/enfoqueute.v8n1.142