[{"data":1,"prerenderedAt":108},["ShallowReactive",2],{"work-es-spb-web":3},{"id":4,"title":5,"author":6,"body":7,"company":90,"date":91,"description":92,"extension":93,"highlight":94,"meta":95,"navigation":96,"path":97,"role":98,"seo":99,"sitemap":100,"stem":101,"tags":102,"thumbnail":105,"year":106,"__hash__":107},"work\u002Fwork\u002Fes\u002Fspb-web.md","SPB Aplicación Web","Salguento",{"type":8,"value":9,"toc":80},"minimark",[10,15,19,23,26,30,33,43,47,50,58,62,65,73,77],[11,12,14],"h2",{"id":13},"proyecto","Proyecto",[16,17,18],"p",{},"Ayudar en la actualización de una aplicación web para la gestión del trabajo y los equipos. El proyecto ya estaba en fase de desarrollo y había pasado a revisión de navegación y flujo de interfaces.",[11,20,22],{"id":21},"mapeo","Mapeo",[16,24,25],{},"Se ha segmentado y documentado la versión actual de la aplicación, lo que ha servido de base para los ajustes y la creación de nuevos flujos de navegación.",[11,27,29],{"id":28},"sistema-de-diseño","Sistema de Diseño",[16,31,32],{},"En cada rama del flujo de navegación se estudiaron mejoras en la presentación de los datos en cada interfaz. A partir de estas observaciones y de la investigación técnica sobre interfaces, se desarrolló la base del nuevo sistema, que fundamentó las soluciones para futuras necesidades.",[16,34,35,40],{},[36,37],"img",{"alt":38,"src":39},"Paletas de colores y variaciones tipográficas.","\u002Fimg\u002Fwork\u002Fspb\u002Fpaletas.png",[41,42,38],"em",{},[11,44,46],{"id":45},"componentes","Componentes",[16,48,49],{},"La biblioteca de componentes se creó para aplicar el sistema de diseño de manera uniforme a la creación, el mantenimiento y la programación futura de las pantallas.",[16,51,52,56],{},[36,53],{"alt":54,"src":55},"Componentes del menú lateral y de la ventana de búsqueda.","\u002Fimg\u002Fwork\u002Fspb\u002Fcomponentes.png",[41,57,54],{},[11,59,61],{"id":60},"creación-de-prototipos","Creación de prototipos",[16,63,64],{},"Una vez listos los componentes, se crearon prototipos de alta fidelidad para revisarlos con los interesados y alinearlos con el equipo de desarrollo.",[16,66,67,71],{},[36,68],{"alt":69,"src":70},"Prototipos en versiones oscura y clara.","\u002Fimg\u002Fwork\u002Fspb\u002Ftelas.png",[41,72,69],{},[11,74,76],{"id":75},"herramientas","Herramientas",[16,78,79],{},"Se utilizaron FigJam y Figma para documentar los flujos de navegación y prototipado, respectivamente, junto con las bibliotecas de componentes e iconos de Bootstrap. La gestión de tareas se realizó con Jira.",{"title":81,"searchDepth":82,"depth":82,"links":83},"",2,[84,85,86,87,88,89],{"id":13,"depth":82,"text":14},{"id":21,"depth":82,"text":22},{"id":28,"depth":82,"text":29},{"id":45,"depth":82,"text":46},{"id":60,"depth":82,"text":61},{"id":75,"depth":82,"text":76},"Siapro Sistemas","2022","Aplicación de trabajo y gestión de equipos","md",false,{},true,"\u002Fwork\u002Fes\u002Fspb-web","UX|UI Designer",{"title":5,"description":92},{"loc":97},"work\u002Fes\u002Fspb-web",[103,104],"UX-Design","Figma","\u002Fimg\u002Fwork\u002Fspb\u002Fcover-spb.png",2022,"47qJGyA9xw5X19TonXxM7EpjTIxPnrMZmhJQbFQ_4Yo",1785123039900]