{"id":125083,"date":"2016-05-12T10:50:17","date_gmt":"2016-05-12T08:50:17","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/prototyping-and-ux-design-at-ipipeline-a-saas-solutions-success-story\/"},"modified":"2025-01-31T18:17:07","modified_gmt":"2025-01-31T17:17:07","slug":"prototyping-and-ux-design-at-ipipeline-a-saas-solutions-success-story","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/es\/clientes\/ipipeline-saas","title":{"rendered":"Prototipado y dise\u00f1o UX en iPipeline: una historia de \u00e9xito de soluciones SaaS"},"content":{"rendered":"<h2>Hablamos con la dise\u00f1adora de UX de iPipeline, Maggie Paparella, sobre su experiencia de creaci\u00f3n de prototipos con Justinmind dentro y fuera de la oficina. Despl\u00e1zate hacia abajo para ver grandes interacciones, bonitas UI y pruebas de usuario sencillas. <\/h2>\n<p><a href=\"https:\/\/www.linkedin.com\/in\/maggiepap\" target=\"_blank\" rel=\"noopener noreferrer\">Maggie Paparella<\/a> se licenci\u00f3 en Dise\u00f1o Comercial en el Lycoming College de Pensilvania. Lleva 14 a\u00f1os trabajando en <a href=\"http:\/\/www.ipipeline.com\/uk\" target=\"_blank\" rel=\"noopener noreferrer\">iPipeline<\/a>, un proveedor de soluciones SaaS para distribuci\u00f3n tecnol\u00f3gica, finanzas y seguros, en diversos departamentos, como dise\u00f1o gr\u00e1fico, gesti\u00f3n de proyectos, an\u00e1lisis empresarial y, ahora, dise\u00f1o de experiencia de usuario. <\/p>\n<div class=\"jim-banner mobile\">\n<hr>\n<h2 style=\"text-align: center;\"><span style=\"color: #21c0c0;\">\u00a1Desc\u00e1rgate Justinmind hoy mismo y mejora tu pensamiento de dise\u00f1o!<\/span><\/h2>\n<p style=\"text-align: center;\"><a style=\"color:#FFFFFF; background-color:#000000;\" data-category=\"cta-download-other\" data-label=\"banner1-post\" data-action=\"es\/wp-json\/wp\/v2\/tc_content_pillar\/125083\" data-tracking-name=\"__jim\" data-tracking-content=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1WeU1TMXdiM04wSWl3aVlXTjBhVzl1SWpvaVpYTmNMM2R3TFdwemIyNWNMM2R3WEM5Mk1sd3ZkR05mWTI5dWRHVnVkRjl3YVd4c1lYSmNMekV5TlRBNE15SjkiLCJzaWduYXR1cmUiOiIyODQzMTU1NjU2ZGRmZTE3NjkwMGFkNWUyMmIzNzJjN2UwYWRjZGFjMWE3NmEwMzgwNTViYzQ4YTI3ODNjZTVlIn0=\" data-tracking-content--after-scroll=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1WeU1TMXdiM04wSWl3aVlXTjBhVzl1SWpvaVpYTmNMM2R3TFdwemIyNWNMM2R3WEM5Mk1sd3ZkR05mWTI5dWRHVnVkRjl3YVd4c1lYSmNMekV5TlRBNE15SjkiLCJzaWduYXR1cmUiOiIyODQzMTU1NjU2ZGRmZTE3NjkwMGFkNWUyMmIzNzJjN2UwYWRjZGFjMWE3NmEwMzgwNTViYzQ4YTI3ODNjZTVlIn0=\" class=\"action-tracking-button mks_button mks_button_large squared\" href=\"https:\/\/www.justinmind.com\/usernote\/signUp.action\" target=\"_blank\">Descargar gratis<\/a><\/p>\n<hr>\n<p>Como *\u00fanica* dise\u00f1adora de UX de iPipeline, Maggie trabaja a menudo contrarreloj para completar sus dise\u00f1os y presentarlos a <a href=\"https:\/\/www.justinmind.com\/es\/clientes\" target=\"_blank\" rel=\"noopener noreferrer\">los clientes<\/a> de la forma m\u00e1s eficiente y r\u00e1pida posible. Exploremos c\u00f3mo ha podido integrar Justinmind en el proceso de dise\u00f1o para lograr estos objetivos. <\/p>\n<h2>Impulsar el pensamiento de dise\u00f1o con la creaci\u00f3n de prototipos Justinmind<\/h2>\n<p>Maggie empez\u00f3 a utilizar Justinmind hace 2 a\u00f1os, despu\u00e9s de haber probado algunas otras herramientas del mercado. Despu\u00e9s de investigar un poco, empez\u00f3 a probar Justinmind para sus propios proyectos de dise\u00f1o personal, antes de presentar nuestra herramienta a su equipo en iPipeline. Nos cuenta que Justinmind le result\u00f3 f\u00e1cil de usar, en comparaci\u00f3n con la curva de aprendizaje que hab\u00eda experimentado con otras herramientas. Maggie pudo completar su proyecto y validar nuestra herramienta en una semana, sin tener que pasar por un mont\u00f3n de tutoriales para conseguir lo que necesitaba. Y ha estado utilizando Justinmind desde entonces. Justinmind se ha convertido en una parte integral del proceso de dise\u00f1o de la interfaz de usuario de iPipeline, desde el descubrimiento y la conceptualizaci\u00f3n hasta la evaluaci\u00f3n de las especificaciones y los resultados finales del dise\u00f1o. Maggie ha dirigido innumerables proyectos de dise\u00f1o en sus 5 a\u00f1os como \u00fanica dise\u00f1adora de UX de iPipeline. Durante nuestra charla, nos present\u00f3 uno de sus proyectos anteriores. Estaba trabajando en la mejora de algunas caracter\u00edsticas y funciones que deb\u00edan a\u00f1adirse a la base de productos de un cliente. El prototipo que cre\u00f3 con <a href=\"https:\/\/www.justinmind.com\/es\/precios\">Justinmind PRO<\/a> le ayud\u00f3 a representar el nuevo flujo de trabajo de las funciones y a presentarlas a las partes interesadas externas. Su equipo quer\u00eda validar y probar los prototipos con las partes interesadas externas para ver si los dise\u00f1os ten\u00edan sentido. Gracias a la integraci\u00f3n de Justinmind con la plataforma de pruebas de usuarios <a href=\"https:\/\/www.justinmind.com\/blog\/improved-user-testing-with-justinmind-and-validately\/\" target=\"_blank\" rel=\"noopener noreferrer\">Validately<\/a>, pudieron conseguirlo muy f\u00e1cilmente. Pero m\u00e1s abajo encontrar\u00e1s m\u00e1s informaci\u00f3n sobre nuestra integraci\u00f3n. <\/p>\n<\/div>\n<h2>Integraci\u00f3n de Justinmind en el marco \u00e1gil de iPipeline<\/h2>\n<p>Cuando se trata del <a href=\"https:\/\/www.justinmind.com\/es\/wireframe\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e1gil flujo de trabajo<\/a> de iPipeline, Justinmind encaj\u00f3 a la perfecci\u00f3n. Recuerda que el primer paso de un proyecto t\u00edpico es una sesi\u00f3n de lluvia de ideas, para priorizar, compartir y recopilar ideas y flujos potenciales de su equipo sobre c\u00f3mo pueden ponerse a trabajar en las nuevas funciones, todo ello mientras se crean casos de uso potenciales. A continuaci\u00f3n, Maggie crea un escenario de caso de uso en el que prototipar\u00e1 algunas pantallas que hablar\u00e1n del caso de uso. El siguiente paso es dar cuerpo a los detalles de cada pantalla y hacerlos lo m\u00e1s realistas posible utilizando la interacci\u00f3n y los eventos de Justinmind. Para Maggie y el equipo es muy importante que todo el mundo est\u00e9 incluido en el bucle de retroalimentaci\u00f3n, independientemente de que el proyecto est\u00e9 en proceso de cambio o pr\u00e1cticamente terminado. Por eso siempre presentan y comparten sus prototipos con las partes interesadas, y crean una serie de iteraciones para poner en pr\u00e1ctica sus comentarios. Este sistema garantiza que se escuchen todas las voces y que no se omitan las partes importantes, como puede ocurrir a veces con la metodolog\u00eda \u00e1gil. Adem\u00e1s, con las capacidades de interacci\u00f3n de Justinmind, las partes interesadas externas se hacen una mejor idea de lo que el equipo tiene preparado para ellas. De lo contrario, \u00bfc\u00f3mo podr\u00edan saber qu\u00e9 esperar?<\/p>\n<blockquote><p>\u00abLa gente entiende mejor si tiene contexto, por eso es tan importante la interacci\u00f3n en la creaci\u00f3n de prototipos\u00bb.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9819\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/05\/agile-framework-feedback-communication.png\" alt=\"marco-\u00e1gil-comunicaci\u00f3n-retroalimentaci\u00f3n\" width=\"720\" height=\"333\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/05\/agile-framework-feedback-communication.png 720w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/05\/agile-framework-feedback-communication-300x139.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/p>\n<h2>Planificaci\u00f3n de proyectos: una cultura de colaboraci\u00f3n<\/h2>\n<p>Al trabajar en una empresa dedicada a fomentar la comunicaci\u00f3n abierta y la innovaci\u00f3n, la colaboraci\u00f3n es un activo muy valioso. Aunque Maggie es la autora de sus proyectos, tambi\u00e9n tiene un equipo dedicado que trabaja a su lado tanto en actividades internas como externas. Por lo general, ella les presenta una idea o un concepto, ellos trazan algunas ideas con Justinmind y luego las revisan y modifican; al fin y al cabo, <a href=\"https:\/\/www.smashingmagazine.com\/2011\/08\/design-solving-problems\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00a1los dise\u00f1adores son solucionadores de problemas<\/a>! Hasta ahora, s\u00f3lo Maggie ha interactuado directamente con los prototipos, pero est\u00e1 deseando introducir las funciones <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/colaboracion-con-revisores\" target=\"_blank\" rel=\"noopener noreferrer\">de Trabajo en Equipo y Compartir<\/a> en su equipo para que todos puedan trabajar en los prototipos, simult\u00e1neamente. Maggie trabaja en estrecha colaboraci\u00f3n con Gesti\u00f3n de Productos para seguir desarrollando sus dise\u00f1os de interfaz de usuario, de acuerdo con las necesidades actuales del mercado y los objetivos empresariales. Pero, adem\u00e1s, tambi\u00e9n trabaja con terceras empresas de dise\u00f1o de UI cuando el trabajo requiere recursos adicionales. As\u00ed que, por supuesto, poder compartir sus prototipos es esencial. Y cuando llegue el momento de presentar un prototipo a las partes interesadas, Maggie celebrar\u00e1 una conferencia telef\u00f3nica. Todos recibir\u00e1n un enlace privado a su prototipo por correo electr\u00f3nico antes de la reuni\u00f3n para que puedan revisarlo juntos. A continuaci\u00f3n, Maggie a\u00f1adir\u00e1 comentarios a su prototipo con sus aportaciones, de modo que todos puedan ver los comentarios a la vez.<\/p>\n<h2>Mantener la coherencia con las normas del sector<\/h2>\n<p>Seg\u00fan un estudio sobre <a href=\"http:\/\/www.collab.net\/sites\/all\/themes\/collabnet\/_media\/pdf\/wp\/CollabNet_whitepaper_ecd_a_roadmap_to_modern_software_delivery.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">la Entrega Moderna de Software<\/a>, las empresas de software est\u00e1n sometidas a una presi\u00f3n cada vez mayor para entregar soluciones bien dise\u00f1adas y de calidad con mayor rapidez. Pero cuando los dise\u00f1adores se ven presionados para producir a esa velocidad, los detalles suelen resentirse. Cualquier dise\u00f1ador de UX que se precie comprende la importancia de <a href=\"https:\/\/medium.com\/jotform-form-builder\/consistency-the-user-experience-468417b5bb2c#.3ny4dd9zg\" target=\"_blank\" rel=\"noopener noreferrer\">mantener la coherencia<\/a>, el pulido y la alineaci\u00f3n en proyectos, prototipos y marcas. Los est\u00e1ndares del sector son la piedra angular de un gran dise\u00f1o web, y pueden hacer triunfar o fracasar a un dise\u00f1ador de UX. Maggie a menudo tiene que gestionar varios proyectos a diario, y cada uno de ellos puede ser muy diferente en funci\u00f3n de su finalidad. Se encarga de dise\u00f1ar y mantener directrices de UI est\u00e1ndar y <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/modulo-flujos-de-usuario\" target=\"_blank\" rel=\"noopener noreferrer\">escenarios de usuario<\/a> que garanticen una experiencia de usuario coherente. Ser capaz de mantener la coherencia dentro de los proyectos y prototipos, y entre ellos, es esencial. Maggie utiliza <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/plantillas-y-maestros\" target=\"_blank\" rel=\"noopener noreferrer\">las plantillas de estilo<\/a> de Justinmind para reutilizar el contenido y <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/plantillas-y-maestros\" target=\"_blank\" rel=\"noopener noreferrer\">los patrones<\/a> para aplicar cambios globales que ayuden a ahorrar tiempo y trabajo. Cuando se trata de mantener la coherencia en la interacci\u00f3n de un dise\u00f1o, puede simplemente copiar y pegar eventos en otros elementos de UI. Ella bromea:   <\/p>\n<blockquote><p>\u00abPara ser sincero, \u00a1no tengo ni idea de c\u00f3mo hac\u00eda mi trabajo antes de utilizar las herramientas de creaci\u00f3n de prototipos!\u00bb<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9820\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/05\/software-companies-designers-pressure-faster-efficient-designs.png\" alt=\"software-empresas-dise\u00f1adores-presionan-dise\u00f1os-eficientes-m\u00e1s-r\u00e1pidos\" width=\"720\" height=\"333\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/05\/software-companies-designers-pressure-faster-efficient-designs.png 720w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/05\/software-companies-designers-pressure-faster-efficient-designs-300x139.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/p>\n<h2>Interacci\u00f3n: dar profundidad a los dise\u00f1os mediante potentes eventos<\/h2>\n<p>Lo mejor y m\u00e1s importante para Maggie son los widgets interactivos de Justinmind. Ella aprovecha lo que ya est\u00e1 construido -nuestros <a href=\"https:\/\/www.justinmind.com\/es\/ui-kits\" target=\"_blank\" rel=\"noopener noreferrer\">widgets pre-construidos y bibliotecas de widgets-<\/a> para evitar retrabajos innecesarios. Luego, los construye con potentes eventos, transiciones y gestos m\u00f3viles. De hecho, Maggie nos cuenta que el sistema de eventos exclusivo de Justinmind fue uno de los principales motivos por los que decidi\u00f3 incorporar Justinmind a iPipeline. Puede notar la diferencia cuando ella y su equipo tienen que presentar sus dise\u00f1os a las partes interesadas para su validaci\u00f3n y aprobaci\u00f3n.  <\/p>\n<blockquote><p>  \u00abJustinmind ofrece una oportunidad \u00fanica de a\u00f1adir una gran interactividad. Por fin podemos mostrar lo que pensamos sobre un dise\u00f1o\u00bb.<\/p><\/blockquote>\n<h2>Pruebas de usuario bien hechas: La integraci\u00f3n de Justinmind con Validately<\/h2>\n<p>Desde febrero de 2016, Justinmind trabaja junto a Validately para ofrecer a los usuarios una forma \u00f3ptima de realizar investigaciones y pruebas de usuarios. \u00abSimplemente me tropec\u00e9 con ello\u00bb, dice cuando se le pregunta c\u00f3mo se enter\u00f3 de la integraci\u00f3n. Maggie trabaja en un entorno muy acelerado, y es la \u00fanica que trabaja en UX. La integraci\u00f3n le facilit\u00f3 la <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/justinminds-integracion-con-herramientas-de-prueba-de-usuario\" target=\"_blank\" rel=\"noopener noreferrer\">realizaci\u00f3n de pruebas de usabilidad<\/a> sin necesidad de aprendizaje adicional. Ten\u00eda personas que respond\u00edan a sus pruebas internamente. El feedback fue r\u00e1pido y eficaz, y ella no tuvo problemas para entender de d\u00f3nde ven\u00edan. Una vez recibido el feedback, ella y su equipo pudieron crear revisiones e iteraciones de inmediato, el mismo d\u00eda.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8200\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/02\/jim-validately-user-testing.png\" alt=\"jim+validar-pruebas-de-usuario\" width=\"702\" height=\"250\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/02\/jim-validately-user-testing.png 702w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/02\/jim-validately-user-testing-300x107.png 300w\" sizes=\"(max-width: 702px) 100vw, 702px\" \/><\/p>\n<p>Maggie ha realizado pruebas moderadas utilizando un WebEx y un gui\u00f3n y Usability Hub en el pasado. Nos cuenta que la integraci\u00f3n le ha ayudado a simplificar y agilizar los procesos de pruebas de usuario del equipo. Actualmente, realiza pruebas internas con Justinmind y Validately, pero espera ampliarlas a participantes externos en un futuro pr\u00f3ximo.  <\/p>\n<p><strong> <\/strong><em>\u00a1Muchas gracias a Maggie por compartir su vida de prototipadora con nosotros! Y como siempre <\/em> <em>nos encantar\u00eda conocer tu experiencia con Justinmind. Si quieres participar, s\u00f3lo tienes que <\/em> <a style=\"font-style: italic;\" href=\"https:\/\/twitter.com\/just_in_mind\">env\u00edanos un mensaje<\/a> <em>\u00a1y nos pondremos en contacto!<\/em><a class=\"jim-banner-post-footer\" href=\"https:\/\/www.justinmind.com\/usernote\/signUp.action\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13263 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png\" alt=\"Descargar gratis\" width=\"1399\" height=\"302\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png 1399w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-300x65.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-768x166.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-1024x221.png 1024w\" sizes=\"(max-width: 1399px) 100vw, 1399px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hablamos con la dise\u00f1adora de UX de iPipeline, Maggie Paparella, sobre su experiencia de creaci\u00f3n de prototipos con Justinmind dentro y fuera de la oficina. Despl\u00e1zate&#8230;<\/p>\n","protected":false},"author":11,"featured_media":85454,"parent":0,"menu_order":0,"template":"","tags":[8471,8469,8413,8465,8467],"content_category":[],"class_list":["post-125083","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-biblioteca-de-widgets","tag-diseno-ux","tag-legacy-es","tag-proceso-de-diseno","tag-prototipos-interactivos"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125083"}],"collection":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar"}],"about":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/types\/tc_content_pillar"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/users\/11"}],"version-history":[{"count":3,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125083\/revisions"}],"predecessor-version":[{"id":125499,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125083\/revisions\/125499"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media\/85454"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=125083"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=125083"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/content_category?post=125083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}