Enfoque
Esta investigación exploró la relación entre las metodologías de diseño web y la filosofía Mobile First. Aunque se reconoció la importancia de priorizar el diseño para dispositivos móviles, se identificó la falta de una metodología que abarcara todas las fases del proceso, encontrando únicamente pautas y recomendaciones aisladas. El objetivo de esta investigación fue analizar cómo las metodologías de diseño web abordan la filosofía Mobile First, propuesta por Luke Wroblewski en 2010. El estudio abarcó de noviembre de 2023 a mayo de 2024. Se revisaron fuentes para proporcionar una comprensión profunda de la influencia de la filosofía Mobile First en el diseño web.
Esta investigación siguió el modelo de Carrizo y Moller (2018) de tres etapas: Definición para la búsqueda, se estableció la pregunta de investigación, criterios de inclusión/exclusión, y cadena de búsqueda; Ejecución de la búsqueda, que implicó la selección y análisis de trabajos relevantes; y Discusión de los resultados, donde se organizaron y analizaron los datos recopilados. La búsqueda se realizó utilizando Elicit AI, una plataforma basada en inteligencia artificial diseñada para optimizar el proceso de investigación. La búsqueda se inició con la pregunta: En el marco del diseño web, ¿Existe alguna metodología cuya base filosófica sea Mobile First?
Los resultados de este estudio destacan que Bueno y Zaina (2017) presentan un enfoque que permite adaptar las interfaces web a diversos dispositivos, desde móviles hasta computadoras de escritorio, esta propuesta busca mejorar la experiencia de usuario independientemente del dispositivo. Prakash (2020) enfatiza la importancia del enfoque Mobile First, y ofrece pautas para adaptar las interfaces a móviles. Kumar (2022) desarrolla 26 pautas para el diseño web Mobile First, a partir del análisis de sitios de comercio electrónico, estas pautas fueron validadas mediante evaluaciones de usabilidad. Lupanda y van Rensburg, (2021) proponen 29 pautas de diseño para aplicaciones móviles, basadas en principios de interacción persona-computadora y validadas con una aplicación universitaria. Pham et al. (2018) exploran el desarrollo de una aplicación móvil en un taller de Design Thinking, adoptando el enfoque Mobile First en la fase de prototipado.
El análisis de las publicaciones subrayó la importancia de adaptar interfaces web a dispositivos móviles, destacando la filosofía Mobile First. Bueno y Zaina (2017) y Prakash (2020) reconocieron la necesidad de priorizar el diseño móvil, aunque difirieron en sus enfoques: Bueno y Zaina propusieron una adaptación híbrida, mientras que Prakash se centró en el Mobile First desde el inicio. Pham et al. (2018) también adoptaron este enfoque en un taller de Design Thinking. Kumar (2022) y Lupanda y van Rensburg (2021) desarrollaron pautas de diseño web basadas en revisiones de literatura y validadas mediante análisis empíricos.
Las conclusiones revelan que, aunque existe consenso sobre la importancia del enfoque Mobile First, no se encontró una metodología que integrara esta filosofía en todas las fases del diseño web. Algunos estudios ofrecieron pautas para adaptar interfaces web y mejorar la usabilidad en dispositivos móviles. Aunque útiles, no constituyen una metodología completa.
Juan José Victoria Maldonado
Comentó el 22/11/2024 a las 20:05:48
Considerando la variedad de enfoques identificados en su investigación, ¿qué elementos considera imprescindibles para desarrollar una metodología integral basada en la filosofía Mobile First que abarque todas las fases del diseño web? ¿Qué carencias actuales deberían tener prioridad para su implementación práctica?
Adrián Alonso Durán Coronado
Comentó el 23/11/2024 a las 01:56:56
Agradezco sus preguntas Juan José. Primero, para implementar Mobile First de forma integral, es necesario tener en cuenta varios elementos, por ejemplo, es muy importante identificar el perfil de los usuarios móviles. Además, se deben especificar los objetivos clave del proyecto, priorizando los contenidos esenciales en pantallas pequeñas antes de escalar hacia dispositivos más grandes.
En términos de diseño, se debe trabajar inicialmente para el tamaño de pantalla más pequeño, como un ancho de 480px, y luego escalar hacia tamaños mayores. En cuestiones técnicas, se deben implementar media queries con un enfoque Mobile First (min-width), y aprovechar frameworks como Bootstrap o Tailwind CSS ya que siguen esta filosofía. Además, se deben realizar pruebas de usuario en dispositivos móviles reales.
Con respecto a la pregunta de las carencias actuales descubrimos que existen guías generales sobre Mobile First, pero no una metodología que detalle procesos claros para MF en todas las fases. Además, en los programas educativos, a menudo no se enseña cómo implementar Mobile First de forma efectiva, ni se incluyen prácticas adaptadas a entornos educativos. Espero haber respondido a sus cuestionamientos. ¡Gracias nuevamente!
Jorge Omar Chavarría Fernández
Comentó el 20/11/2024 a las 05:14:58
Muy interesante tu ponencia, tomando en cuenta que el diseño web ha sido de gran importancia como impulsor de hacia la 4a revolución tecnológica, y por ello es de suma importancia la manera en la que hoy en día accedemos a la información, principalmente por medio de nuestros dispositivos. En este sentido, ¿Consideran que la adopción de diseños web híbridos y adaptativos puede influir en los procesos de enseñanza universitaria, promoviendo una transición hacia un enfoque de diseño mobile first en la formación académica?
Adrián Alonso Durán Coronado
Comentó el 21/11/2024 a las 18:37:49
Jorge Omar, gracias por tu comentario y pregunta. Definitivamente, la adopción de diseños web híbridos y adaptativos tiene un impacto significativo en la enseñanza universitaria. Estos enfoques además de optimizar la experiencia de usuario fomentan la transición hacia el enfoque Mobile First. En la enseñanza universitaria, la adopción de la filosofía Mobile First, impulsa prácticas educativas más relevantes y actualizadas, lo que fortalece la formación profesional de los estudiantes y preparando a estudiantes para el entorno laboral actual.
Deja tu comentario
Lo siento, debes estar conectado para publicar un comentario.
Organizan
Colaboran
Configuración de Cookies
Utilizamos cookies para mejorar su experiencia y las funcionalidades de esta web. Ver política de cookies