Beatriz A. González Beltrán, Araceli Granados García



Actualmente, los usuarios tienen mayor acceso a contenidos web desde sus teléfonos inteligentes y tabletas que desde sus computadoras de escritorio. Este hecho les permite estar comunicados y disponibles en cualquier momento y en cualquier lugar. Sin embargo, cuando el usuario navega en la web móvil, se enfrenta a problemas de visualización debido a que muchos de los contenidos web no están adaptados para consultarse en este tipo de dispositivos y aquellos contenidos que si lo están, inciden en problemas de usabilidad.

Tomando como base esta problemática, en el presente trabajo se plantea la necesidad de generar guías de diseño web que orienten la adaptación de contenidos usables para los usuarios de teléfonos inteligentes. Se propone la integración de la metodología del diseño centrado en el usuario así como el uso de las mejores prácticas de diseño web móvil propuestas por la W3C.

Palabras Claves: Diseño centrado en el usuario, diseño web móvil, guías de diseño web.




Users have greater access to web content from smartphones and tablets, than from desktop computers. This allows them to be communicated and available at any time and at any moment. However, when the user browses the mobile web, he experiences visualization problems because many of the web contents are not adapted to be accessed on this type of devices and even those mobile-adapted have usability problems.

To address this issue, this work aims to generate web design guidelines that support the adaptation of mobile web contents for the mobile phone user. We propose the integration of the user-centered design methodology as well as the use of the mobile web best practices proposed by the W3C.

Keywords: Mobile web design, user-centered design, web design guidelines.

Texto completo:

586-606 PDF


Apple Inc., Safari Web Content Guide, Apple Inc, 2016.

Abowd, G. D., Dey, A. K., Brown, P. J., Davies, N., Smith, M., and Steggles, P., Towards a Better Understanding of Context and Context-Awareness,Springer Berlin Heidelberg, Berlin, Heidelberg, pp. 304-307, 1999.

Ballard, B., Designing the Mobile User Experience. West Sussex: Wiley, 2007.

Baharuddin, R., Singh, D., & Razali, R., Usability dimensions for mobile applications-a review. Research Journal of Applied Sciences, Engineering and Technology, 5(6), pp. 2225-2231, 2013.

Cremin, R., Rabin, J., Fling, B. y Robinson, K., DotMobi Mobile Web Developer Guide, mTLD, Ltd. Dublin, Ireland, 2007.

Edmondson, J., Anderson, W., Gray, J., Loyall, J. P., Schmid, K., and White, J., Next-generation mobile computing. IEEE Software, 31(2), pp. 44–47, 2014.

Häkkila ̈, J. and Mäntyjärvi, J., Developing design guidelines for context-aware mobile applications. In Proceedings of the 3rd International Conference on Mobile Technology, Applications & Systems, Mobility 06, New York, NY, USA. ACM, 2006.

Love, S., Understanding Mobile Human-Computer Interaction. Oxford: Elsevier, 2005.

Lynch, P. J. y Horton, S., Web Style Guide, 4th Edition: Foundations of User Experience Design, Yale University Press, New Haven, CT, USA, 2016.

Nayebi, F., Desharnais, J. M., y Abran, A., The state of the art of mobile application usability evaluation. In 2012 25th IEEE Canadian Conference on Electrical and Computer Engineering (CCECE), pp. 1–4, 2012.

O’Reilly, T., What Is Web 2.0? Design Patterns and Business Models for the Next Generation of Software. O’Reilly, 2005.

Park, W., Han, S. H., Kang, S., Park, Y. S., and Chun, J., A factor combination approach to developing style guides for mobile phone user interface. International Journal of Industrial Ergonomics, 41(5), pp. 536–545, 2011.

Shitkova, M., Holler, J., Heide, T., Clever, N., Becker, J., Towars Usability Guidelines for Mobile Websites and Applications, Wirtscha sinformatik Proceedings 2015. Osnabrück, Germany, pp.1603-1617, 2015.

Williams, A., User-centered Design, Activity-centered Design, and Goal-directed Design: A Review of Three Methods for Designing Web Application. In Proceedings of the 27th ACM International Conference on Design of Communication. ACM, New York, USA, pp.1-8, 2009.

World Wide Web Consortium, Mobile Web Best Practices 1.0. W3C, 2008.

Enlaces refback

  • No hay ningún enlace refback.

URL de la licencia:

Licencia Creative Commons    Esta revista está bajo una Licencia Creative Commons Atribución 3.0 No portada.