Aplicación del Atomic Design para mejorar la eficiencia de proyectos Frontend: un enfoque metodológico para optimizar el desarrollo de interfaces de usuario.

RESUMEN : En el contexto actual del desarrollo web, la optimización de los procesos de diseño y desarrollo de interfaces de usuario es esencial para mejorar la experiencia del usuario y la productividad de los desarrolladores. La calidad de la interfaz de usuario impacta directamente en la satisfacc...

Full description

Autores:: Grajales Urquijo, Juan Manuel

Tipo de recurso:: Trabajo de grado de pregrado

Fecha de publicación:: 2024

Institución:: Universidad de Antioquia

Repositorio:: Repositorio UdeA

Idioma:: spa

id	UDEA2_451ae693149911becc6e0fb26832c191
oai_identifier_str	oai:bibliotecadigital.udea.edu.co:10495/38582
network_acronym_str	UDEA2
network_name_str	Repositorio UdeA
repository_id_str
dc.title.spa.fl_str_mv	Aplicación del Atomic Design para mejorar la eficiencia de proyectos Frontend: un enfoque metodológico para optimizar el desarrollo de interfaces de usuario.
title	Aplicación del Atomic Design para mejorar la eficiencia de proyectos Frontend: un enfoque metodológico para optimizar el desarrollo de interfaces de usuario.
spellingShingle	Aplicación del Atomic Design para mejorar la eficiencia de proyectos Frontend: un enfoque metodológico para optimizar el desarrollo de interfaces de usuario. Desarrollo de paginas web Web site development Eficicencia Efficiency Productividad Productivity Metodología Methodology Atomic Design Desarrollo Frontend Interfaces de usuario http://aims.fao.org/aos/agrovoc/c_6210 http://aims.fao.org/aos/agrovoc/c_12522
title_short	Aplicación del Atomic Design para mejorar la eficiencia de proyectos Frontend: un enfoque metodológico para optimizar el desarrollo de interfaces de usuario.
title_full	Aplicación del Atomic Design para mejorar la eficiencia de proyectos Frontend: un enfoque metodológico para optimizar el desarrollo de interfaces de usuario.
title_fullStr	Aplicación del Atomic Design para mejorar la eficiencia de proyectos Frontend: un enfoque metodológico para optimizar el desarrollo de interfaces de usuario.
title_full_unstemmed	Aplicación del Atomic Design para mejorar la eficiencia de proyectos Frontend: un enfoque metodológico para optimizar el desarrollo de interfaces de usuario.
title_sort	Aplicación del Atomic Design para mejorar la eficiencia de proyectos Frontend: un enfoque metodológico para optimizar el desarrollo de interfaces de usuario.
dc.creator.fl_str_mv	Grajales Urquijo, Juan Manuel
dc.contributor.advisor.none.fl_str_mv	Pérez Gómez, Jeysson
dc.contributor.author.none.fl_str_mv	Grajales Urquijo, Juan Manuel
dc.subject.lemb.none.fl_str_mv	Desarrollo de paginas web Web site development Eficicencia Efficiency
topic	Desarrollo de paginas web Web site development Eficicencia Efficiency Productividad Productivity Metodología Methodology Atomic Design Desarrollo Frontend Interfaces de usuario http://aims.fao.org/aos/agrovoc/c_6210 http://aims.fao.org/aos/agrovoc/c_12522
dc.subject.agrovoc.none.fl_str_mv	Productividad Productivity Metodología Methodology
dc.subject.proposal.spa.fl_str_mv	Atomic Design Desarrollo Frontend Interfaces de usuario
dc.subject.agrovocuri.none.fl_str_mv	http://aims.fao.org/aos/agrovoc/c_6210 http://aims.fao.org/aos/agrovoc/c_12522
description	RESUMEN : En el contexto actual del desarrollo web, la optimización de los procesos de diseño y desarrollo de interfaces de usuario es esencial para mejorar la experiencia del usuario y la productividad de los desarrolladores. La calidad de la interfaz de usuario impacta directamente en la satisfacción del usuario, la fidelidad y las conversiones. La metodología Atomic Design, propuesta por Brad Frost, se presenta como una solución eficiente. Al utilizar componentes modulares y reutilizables, se ahorra tiempo y esfuerzo, permitiendo a los desarrolladores centrarse en tareas más complejas. PrevalentWare busca adoptar este enfoque para optimizar sus proyectos Frontend, reducir la duplicación de esfuerzos y facilitar la incorporación de nuevos desarrolladores. El proyecto se estructura en cuatro fases: investigación, análisis de experiencias exitosas, desarrollo del proyecto piloto y análisis cuantitativo. Estas fases buscan comprender, fortalecer y validar la implementación de Atomic Design. La estrategia integral no solo busca mejorar los tiempos de desarrollo, sino también potenciar la documentación y facilitar la rápida incorporación de nuevos desarrolladores, contribuyendo así a la optimización de proyectos Frontend en PrevalentWare.
publishDate	2024
dc.date.accessioned.none.fl_str_mv	2024-03-18T13:39:46Z
dc.date.available.none.fl_str_mv	2024-03-18T13:39:46Z
dc.date.issued.none.fl_str_mv	2024
dc.type.spa.fl_str_mv	Tesis/Trabajo de grado - Monografía - Pregrado
dc.type.coar.spa.fl_str_mv	http://purl.org/coar/resource_type/c_7a1f
dc.type.redcol.spa.fl_str_mv	https://purl.org/redcol/resource_type/TP
dc.type.coarversion.spa.fl_str_mv	http://purl.org/coar/version/c_b1a7d7d4d402bcce
dc.type.driver.spa.fl_str_mv	info:eu-repo/semantics/bachelorThesis
dc.type.version.spa.fl_str_mv	info:eu-repo/semantics/draft
format	http://purl.org/coar/resource_type/c_7a1f
status_str	draft
dc.identifier.uri.none.fl_str_mv	https://hdl.handle.net/10495/38582
url	https://hdl.handle.net/10495/38582
dc.language.iso.spa.fl_str_mv	spa
language	spa
dc.rights.uri.*.fl_str_mv	http://creativecommons.org/licenses/by-nd/2.5/co/
dc.rights.uri.spa.fl_str_mv	https://creativecommons.org/licenses/by-nc-sa/4.0/
dc.rights.accessrights.spa.fl_str_mv	info:eu-repo/semantics/openAccess
dc.rights.coar.spa.fl_str_mv	http://purl.org/coar/access_right/c_abf2
rights_invalid_str_mv	http://creativecommons.org/licenses/by-nd/2.5/co/ https://creativecommons.org/licenses/by-nc-sa/4.0/ http://purl.org/coar/access_right/c_abf2
eu_rights_str_mv	openAccess
dc.format.extent.spa.fl_str_mv	44 páginas
dc.format.mimetype.spa.fl_str_mv	application/pdf
dc.publisher.spa.fl_str_mv	Universidad de Antioquia
dc.publisher.place.spa.fl_str_mv	Medellín, Colombia
dc.publisher.faculty.spa.fl_str_mv	Facultad de Ingeniería. Ingeniería de Sistemas
institution	Universidad de Antioquia
bitstream.url.fl_str_mv	https://bibliotecadigital.udea.edu.co/bitstreams/3811d298-5b64-4043-890b-55f7f9cd01d2/download https://bibliotecadigital.udea.edu.co/bitstreams/b235b78a-8243-4c3d-9ec1-bcf081f73add/download https://bibliotecadigital.udea.edu.co/bitstreams/0f1cd436-4132-4ac9-9b1f-d05bba8c90d2/download https://bibliotecadigital.udea.edu.co/bitstreams/17f3e26d-71b9-4328-bb6f-87090cf9e12c/download https://bibliotecadigital.udea.edu.co/bitstreams/bee1bf0f-057e-4a31-9e6e-388212ac8390/download
bitstream.checksum.fl_str_mv	4e65910b46334968025b7970e4ea7a03 9f7cf7f5e2fa6605483addd10a0d6cee 8a4605be74aa9ea9d79846c1fba20a33 fadf8a0730a19b0a4c9690e01f03c74f 9867f616b8a6a9df752ec95ba1372b28
bitstream.checksumAlgorithm.fl_str_mv	MD5 MD5 MD5 MD5 MD5
repository.name.fl_str_mv	Repositorio Institucional de la Universidad de Antioquia
repository.mail.fl_str_mv	aplicacionbibliotecadigitalbiblioteca@udea.edu.co
_version_	1851052450995240960
spelling	Pérez Gómez, JeyssonGrajales Urquijo, Juan Manuel2024-03-18T13:39:46Z2024-03-18T13:39:46Z2024https://hdl.handle.net/10495/38582RESUMEN : En el contexto actual del desarrollo web, la optimización de los procesos de diseño y desarrollo de interfaces de usuario es esencial para mejorar la experiencia del usuario y la productividad de los desarrolladores. La calidad de la interfaz de usuario impacta directamente en la satisfacción del usuario, la fidelidad y las conversiones. La metodología Atomic Design, propuesta por Brad Frost, se presenta como una solución eficiente. Al utilizar componentes modulares y reutilizables, se ahorra tiempo y esfuerzo, permitiendo a los desarrolladores centrarse en tareas más complejas. PrevalentWare busca adoptar este enfoque para optimizar sus proyectos Frontend, reducir la duplicación de esfuerzos y facilitar la incorporación de nuevos desarrolladores. El proyecto se estructura en cuatro fases: investigación, análisis de experiencias exitosas, desarrollo del proyecto piloto y análisis cuantitativo. Estas fases buscan comprender, fortalecer y validar la implementación de Atomic Design. La estrategia integral no solo busca mejorar los tiempos de desarrollo, sino también potenciar la documentación y facilitar la rápida incorporación de nuevos desarrolladores, contribuyendo así a la optimización de proyectos Frontend en PrevalentWare.ABSTRACT : In today's web development context, optimizing user interface design and development processes is essential to improve user experience and developer productivity. The quality of the user interface directly impacts user satisfaction, loyalty, and conversions. The Atomic Design methodology, proposed by Brad Frost, is presented as an efficient solution. By using modular and reusable components, it saves time and effort, allowing developers to focus on more complex tasks. PrevalentWare seeks to adopt this approach to optimize its Frontend projects, reduce duplication of effort, and facilitate the onboarding of new developers. The project is structured in four phases: research, analysis of successful experiences, pilot project development and quantitative analysis. These phases seek to understand, strengthen, and validate the implementation of Atomic Design. The integral strategy not only seeks to improve development times, but also to enhance documentation and facilitate the rapid incorporation of new developers, thus contributing to the optimization of Frontend projects in PrevalentWare.PregradoIngeniero de sistemas44 páginasapplication/pdfspaUniversidad de AntioquiaMedellín, ColombiaFacultad de Ingeniería. Ingeniería de Sistemashttp://creativecommons.org/licenses/by-nd/2.5/co/https://creativecommons.org/licenses/by-nc-sa/4.0/info:eu-repo/semantics/openAccesshttp://purl.org/coar/access_right/c_abf2Aplicación del Atomic Design para mejorar la eficiencia de proyectos Frontend: un enfoque metodológico para optimizar el desarrollo de interfaces de usuario.Tesis/Trabajo de grado - Monografía - Pregradohttp://purl.org/coar/resource_type/c_7a1fhttps://purl.org/redcol/resource_type/TPhttp://purl.org/coar/version/c_b1a7d7d4d402bcceinfo:eu-repo/semantics/bachelorThesisinfo:eu-repo/semantics/draftDesarrollo de paginas webWeb site developmentEficicenciaEfficiencyProductividadProductivityMetodologíaMethodologyAtomic DesignDesarrollo FrontendInterfaces de usuariohttp://aims.fao.org/aos/agrovoc/c_6210http://aims.fao.org/aos/agrovoc/c_12522PublicationORIGINALGrajalesJuan_2024_AplicacionAtomicDesign.pdfGrajalesJuan_2024_AplicacionAtomicDesign.pdfTrabajo de grado de pregradoapplication/pdf1019159https://bibliotecadigital.udea.edu.co/bitstreams/3811d298-5b64-4043-890b-55f7f9cd01d2/download4e65910b46334968025b7970e4ea7a03MD51trueAnonymousREADCC-LICENSElicense_rdflicense_rdfapplication/rdf+xml; charset=utf-8817https://bibliotecadigital.udea.edu.co/bitstreams/b235b78a-8243-4c3d-9ec1-bcf081f73add/download9f7cf7f5e2fa6605483addd10a0d6ceeMD52falseAnonymousREADLICENSElicense.txtlicense.txttext/plain; charset=utf-81748https://bibliotecadigital.udea.edu.co/bitstreams/0f1cd436-4132-4ac9-9b1f-d05bba8c90d2/download8a4605be74aa9ea9d79846c1fba20a33MD53falseAnonymousREADTEXTGrajalesJuan_2024_AplicacionAtomicDesign.pdf.txtGrajalesJuan_2024_AplicacionAtomicDesign.pdf.txtExtracted texttext/plain62174https://bibliotecadigital.udea.edu.co/bitstreams/17f3e26d-71b9-4328-bb6f-87090cf9e12c/downloadfadf8a0730a19b0a4c9690e01f03c74fMD54falseAnonymousREADTHUMBNAILGrajalesJuan_2024_AplicacionAtomicDesign.pdf.jpgGrajalesJuan_2024_AplicacionAtomicDesign.pdf.jpgGenerated Thumbnailimage/jpeg6204https://bibliotecadigital.udea.edu.co/bitstreams/bee1bf0f-057e-4a31-9e6e-388212ac8390/download9867f616b8a6a9df752ec95ba1372b28MD55falseAnonymousREAD10495/38582oai:bibliotecadigital.udea.edu.co:10495/385822025-03-26 22:32:53.947http://creativecommons.org/licenses/by-nd/2.5/co/open.accesshttps://bibliotecadigital.udea.edu.coRepositorio Institucional de la Universidad de Antioquiaaplicacionbibliotecadigitalbiblioteca@udea.edu.coTk9URTogUExBQ0UgWU9VUiBPV04gTElDRU5TRSBIRVJFClRoaXMgc2FtcGxlIGxpY2Vuc2UgaXMgcHJvdmlkZWQgZm9yIGluZm9ybWF0aW9uYWwgcHVycG9zZXMgb25seS4KCk5PTi1FWENMVVNJVkUgRElTVFJJQlVUSU9OIExJQ0VOU0UKCkJ5IHNpZ25pbmcgYW5kIHN1Ym1pdHRpbmcgdGhpcyBsaWNlbnNlLCB5b3UgKHRoZSBhdXRob3Iocykgb3IgY29weXJpZ2h0Cm93bmVyKSBncmFudHMgdG8gRFNwYWNlIFVuaXZlcnNpdHkgKERTVSkgdGhlIG5vbi1leGNsdXNpdmUgcmlnaHQgdG8gcmVwcm9kdWNlLAp0cmFuc2xhdGUgKGFzIGRlZmluZWQgYmVsb3cpLCBhbmQvb3IgZGlzdHJpYnV0ZSB5b3VyIHN1Ym1pc3Npb24gKGluY2x1ZGluZwp0aGUgYWJzdHJhY3QpIHdvcmxkd2lkZSBpbiBwcmludCBhbmQgZWxlY3Ryb25pYyBmb3JtYXQgYW5kIGluIGFueSBtZWRpdW0sCmluY2x1ZGluZyBidXQgbm90IGxpbWl0ZWQgdG8gYXVkaW8gb3IgdmlkZW8uCgpZb3UgYWdyZWUgdGhhdCBEU1UgbWF5LCB3aXRob3V0IGNoYW5naW5nIHRoZSBjb250ZW50LCB0cmFuc2xhdGUgdGhlCnN1Ym1pc3Npb24gdG8gYW55IG1lZGl1bSBvciBmb3JtYXQgZm9yIHRoZSBwdXJwb3NlIG9mIHByZXNlcnZhdGlvbi4KCllvdSBhbHNvIGFncmVlIHRoYXQgRFNVIG1heSBrZWVwIG1vcmUgdGhhbiBvbmUgY29weSBvZiB0aGlzIHN1Ym1pc3Npb24gZm9yCnB1cnBvc2VzIG9mIHNlY3VyaXR5LCBiYWNrLXVwIGFuZCBwcmVzZXJ2YXRpb24uCgpZb3UgcmVwcmVzZW50IHRoYXQgdGhlIHN1Ym1pc3Npb24gaXMgeW91ciBvcmlnaW5hbCB3b3JrLCBhbmQgdGhhdCB5b3UgaGF2ZQp0aGUgcmlnaHQgdG8gZ3JhbnQgdGhlIHJpZ2h0cyBjb250YWluZWQgaW4gdGhpcyBsaWNlbnNlLiBZb3UgYWxzbyByZXByZXNlbnQKdGhhdCB5b3VyIHN1Ym1pc3Npb24gZG9lcyBub3QsIHRvIHRoZSBiZXN0IG9mIHlvdXIga25vd2xlZGdlLCBpbmZyaW5nZSB1cG9uCmFueW9uZSdzIGNvcHlyaWdodC4KCklmIHRoZSBzdWJtaXNzaW9uIGNvbnRhaW5zIG1hdGVyaWFsIGZvciB3aGljaCB5b3UgZG8gbm90IGhvbGQgY29weXJpZ2h0LAp5b3UgcmVwcmVzZW50IHRoYXQgeW91IGhhdmUgb2J0YWluZWQgdGhlIHVucmVzdHJpY3RlZCBwZXJtaXNzaW9uIG9mIHRoZQpjb3B5cmlnaHQgb3duZXIgdG8gZ3JhbnQgRFNVIHRoZSByaWdodHMgcmVxdWlyZWQgYnkgdGhpcyBsaWNlbnNlLCBhbmQgdGhhdApzdWNoIHRoaXJkLXBhcnR5IG93bmVkIG1hdGVyaWFsIGlzIGNsZWFybHkgaWRlbnRpZmllZCBhbmQgYWNrbm93bGVkZ2VkCndpdGhpbiB0aGUgdGV4dCBvciBjb250ZW50IG9mIHRoZSBzdWJtaXNzaW9uLgoKSUYgVEhFIFNVQk1JU1NJT04gSVMgQkFTRUQgVVBPTiBXT1JLIFRIQVQgSEFTIEJFRU4gU1BPTlNPUkVEIE9SIFNVUFBPUlRFRApCWSBBTiBBR0VOQ1kgT1IgT1JHQU5JWkFUSU9OIE9USEVSIFRIQU4gRFNVLCBZT1UgUkVQUkVTRU5UIFRIQVQgWU9VIEhBVkUKRlVMRklMTEVEIEFOWSBSSUdIVCBPRiBSRVZJRVcgT1IgT1RIRVIgT0JMSUdBVElPTlMgUkVRVUlSRUQgQlkgU1VDSApDT05UUkFDVCBPUiBBR1JFRU1FTlQuCgpEU1Ugd2lsbCBjbGVhcmx5IGlkZW50aWZ5IHlvdXIgbmFtZShzKSBhcyB0aGUgYXV0aG9yKHMpIG9yIG93bmVyKHMpIG9mIHRoZQpzdWJtaXNzaW9uLCBhbmQgd2lsbCBub3QgbWFrZSBhbnkgYWx0ZXJhdGlvbiwgb3RoZXIgdGhhbiBhcyBhbGxvd2VkIGJ5IHRoaXMKbGljZW5zZSwgdG8geW91ciBzdWJtaXNzaW9uLgo=

Aplicación del Atomic Design para mejorar la eficiencia de proyectos Frontend: un enfoque metodológico para optimizar el desarrollo de interfaces de usuario.

Publicaciones similares