Tendencia en el diseño web sobre los marcos de trabajo para esquemas adaptativos: Revisión sistemática de la literatura.

Autores/as

DOI:

https://doi.org/10.59814/resofro.2024.4(3)282

Palabras clave:

Desarrollo web; diseño web responsivo; experiencia de usuario; accesibilidad; marcos de trabajo adaptativos.

Resumen

Este documento proporciona una revisión sistemática de la literatura en el campo del desarrollo web, con un enfoque particular en los marcos de trabajo adaptativos para el diseño web responsivo. A través de un análisis detallado de las tendencias actuales y las tecnologías emergentes, el estudio busca entender cómo los desarrolladores pueden mejorar la experiencia del usuario y la accesibilidad en una variedad de dispositivos. El estudio comienza con la formulación de preguntas de investigación que abordan aspectos clave del diseño web responsivo, incluyendo la influencia de las tendencias de diseño en la experiencia del usuario, las consideraciones de diseño que influyen en la elección de un marco de trabajo adaptativo, y las recomendaciones para futuras investigaciones en el campo. Para responder a estas preguntas, se llevó a cabo una revisión sistemática de la literatura, aplicando criterios de inclusión y exclusión rigurosos para seleccionar artículos relevantes. Los artículos seleccionados se analizaron en profundidad para identificar las tendencias y tecnologías clave en el diseño web responsivo. Los resultados del estudio destacan la importancia de la experiencia del usuario y la accesibilidad en el diseño web responsivo. Se observó una evolución en el diseño web desde estructuras estáticas hasta diseños más limpios y minimalistas que se adaptan a una variedad de dispositivos. Además, se identificaron varias tecnologías emergentes que están revolucionando el campo del diseño web responsivo. En conclusión, este estudio proporciona una visión integral de las tendencias actuales y las tecnologías emergentes en el diseño web responsivo.

Descargas

Los datos de descargas todavía no están disponibles.

Métricas

Cargando métricas ...

Citas

AGGARWAL, SHALABH. (2023). FLASK FRAMEWORK COOKBOOK - THIRD EDITION over 80 proven recipes and techniques for python web... development with flask. PACKT PUBLISHING LIMITED. https://ieeexplore.ieee.org/document/10251289

Aghaei, S., Nematbakhsh, M. A. in Farsani, H. K. (2012). EVOLUTION OF THE WORLD WIDE WEB: FROM WEB 1.0 TO WEB 4.0. International Journal of Web & Semantic Technology (IJWesT), 3(1). https://doi.org/10.5121/ijwest.2012.3101

Arora, V., Gurrola, N., Maji, A. in Jin, G. (2023). A Fast and Responsive Web-based Framework for Visualizing HPC Application Usage. 708–711. https://doi.org/10.1145/3624062.3624148

Christian Klimm, M. in Bente, S. (2021). Design Systems for Micro Frontends An Investigation into the Development of Framework-Agnostic Design Systems using Svelte and Tailwind CSS. Technology, arts and sciences, 55. https://nbn-resolving.org/urn:nbn:de:hbz:832-epub4-16669

Cormode, G. in Krishnamurthy, B. (2008). Key differences between Web 1.0 and Web 2.0. First Monday. https://doi.org/10.5210/FM.V13I6.2125

Dom. (2020). Ciencias económicas y empresariales Artículo de investigación. Dominio de las ciencias, 6(2), 923–932. https://doi.org/10.23857/dc.v6i3.1257

Frain, B. (2022). Responsive web design with HTML5 and CSS : build future-proof responsive websites using the latest HTML5 and CSS techniques. https://ieeexplore.ieee.org/document/10162300

Front-end web developer - Learn web development | MDN. (b. d.). Pridobljeno 23. november 2023, s https://developer.mozilla.org/en-US/docs/Learn/Front-end_web_developer

Gallidabino, A. in Pautasso, C. (2019). Multi-device complementary view adaptation with liquid media queries. Journal of Web Engineering, 18(8), 761–800. https://doi.org/10.13052/jwe1540-9589.1882

Garaguso, P. D. in Zander, O. (2023). Vue.js 3 design patterns and best practices develop scalable and robust applications with Vite, Pinia, and Vue Router. https://ieeexplore.ieee.org/document/10251179

Gor, V. (2023). Creating Responsive Websites Using HTML5 and CSS3. Apress. https://doi.org/10.1007/978-1-4842-9783-4

Greussing, E., Gaiser, F., Stefanie, ·, Klein, H., Straßmann, C., Ischen, C., Eimler, S., Frehmann, K., Gieselmann, M., Knorr, C., Lermann Henestrosa, A., Räder, A. in Utz, S. (2022). Researching interactions between humans and machines: methodological challenges. Publizistik 2022 67:4, 67(4), 531–554. https://doi.org/10.1007/S11616-022-00759-3

Guzman, A. L. in Lewis, S. C. (2019). Artificial intelligence and communication: A Human–Machine Communication research agenda. https://doi.org/10.1177/1461444819858691, 22(1), 70–86. https://doi.org/10.1177/1461444819858691

Halbrügge, M. (2018). T-Labs Series in Telecommunication Services Predicting User Performance and Errors Automated Usability Evaluation Through Computational Introspection of Model-Based User Interfaces. https://doi.org/10.1007/978-3-319-60369-8

Hung, J. C. in Wang, C. C. (2021). Exploring the website object layout of responsive web design: results of eye tracking evaluations. Journal of Supercomputing, 77(1), 343–365. https://doi.org/10.1007/s11227-020-03283-1

Index Terms-User Interface Study, User Experience Theory, Design Process, Tools for creating user interfaces, and other essentials. (b. d.). Pridobljeno 27. november 2023, s https://www.iso.org/obp/ui/#iso:std:iso:9241:-11:ed-1:v1:en.

IONOS. (2023, januar 25). Tendencias en diseño web 2023. https://www.ionos.mx/digitalguide/paginas-web/diseno-web/tendencias-de-diseno-web/

Jameel, A., Shahzad, K., Zafar, A., Ahmed, U., Hussain, S. J. in Sajid, A. (2018, junij 26). The users experience quality of responsive web design on multiple devices. ACM International Conference Proceeding Series. https://doi.org/10.1145/3231053.3234632

Kacprzyk, J., Kaynak, O., Pedrycz, W., Polycarpou, M. M. in Wang, J. (2023). Lecture Notes in Networks and Systems Volume 275 Series Editor. https://www.springer.com/series/15179

L. Ensina, H. Lee, W. Takaki, N. Maciejewski, N. Spolaôr in F. Wu. (2019). Heuristics-Based Responsiveness Evaluation of a Telemedicine Computational Web System. IEEE LATIN AMERICA TRANSACTIONS, 17(3), 444–452. https://doi.org/10.1109/TLA.2019.8863315

Laine, M., Zhang, Y., Santala, S., Jokinen, J. P. P. in Oulasvirta, A. (2021). Responsive and Personalized Web Layouts with Integer Programming. Proceedings of the ACM on Human-Computer Interaction, 5(EICS). https://doi.org/10.1145/3461735

Libby, A. (2023a). Developing Web Components with Svelte. V Developing Web Components with Svelte. Apress. https://doi.org/10.1007/978-1-4842-9039-2

Libby, A. (2023b). Practical Next.js for E-Commerce. V Practical Next.js for E-Commerce. Apress. https://doi.org/10.1007/978-1-4842-9612-7

Lohani, D. (2022). Taking Flutter to web : learn to build cross-platform UIS for web and mobile platforms using Flutter web. https://ieeexplore.ieee.org/document/10162794

Mezei, R. A. (2023). Introduction to the Development of Web Applications Using ASP .Net (Core) MVC. https://doi.org/10.1007/978-3-031-30626-6

Oppenlaender, J., Tiropanis, T. in Hosio, S. (2020). CrowdUI: Supporting Web Design with the Crowd. Proceedings of the ACM on Human-Computer Interaction, 4(EICS). https://doi.org/10.1145/3394978

Primeros pasos en la Web - Aprende desarrollo web | MDN. (b. d.). Pridobljeno 22. november 2023, s https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web

Rahima, J. in Girl, G. (2023). User experience and user interface design. https://archive.interconf.center/index.php/conference-proceeding/article/download/3870/3906

ROLDAN, C. SANTANA. (2023). REACT 18 DESIGN PATTERNS AND BEST PRACTICESFOURTH EDITION design, build, and deploy... production-ready web applications with ease and cr. PACKT PUBLISHING LIMITED.

Wan, R., Etori, N., Badillo-Urquiola, K. in Kang, D. (2022). User or Labor: An Interaction Framework for Human-Machine Relationships in NLP. https://arxiv.org/abs/2211.01553v1

Watanabe, W. M., dos Santos, D. A. in de Oliveira, C. (2023). Layout Cross-Browser Failure Classification for Mobile Responsive Design Web Applications: Combining Classification Models Using Feature Selection. ACM Transactions on the Web, 17(4), 1–34. https://doi.org/10.1145/3580518

Wongsalam, S. in Senivongse, T. (2019). Visual design and code generation of user interface based on responsive web design approach. ACM International Conference Proceeding Series, 51–59. https://doi.org/10.1145/3374549.3374560

Wu, A., Tong, W., Dwyer, T., Lee, B., Isenberg, P. in Qu, H. (2021). MobileVisFixer: Tailoring Web Visualizations for Mobile Phones Leveraging an Explainable Reinforcement Learning Framework. IEEE Transactions on Visualization and Computer Graphics, 27(2), 464–474. https://doi.org/10.1109/TVCG.2020.3030423

Yousaf, N., Butt, W. H., Azam, F. in Anwar, M. W. (2019). A systematic review of adaptive and responsive design approaches for world wide web. Advances in Intelligent Systems and Computing, 887, 704–717. https://doi.org/10.1007/978-3-030-03405-4_50

Descargas

Publicado

07.06.2024

Cómo citar

De La Cruz Rivera , L. A., & Morejón López, G. E. (2024). Tendencia en el diseño web sobre los marcos de trabajo para esquemas adaptativos: Revisión sistemática de la literatura. Revista Social Fronteriza, 4(3), e43282. https://doi.org/10.59814/resofro.2024.4(3)282

Número

Sección

ARTÍCULOS ORIGINALES