{"id":125116,"date":"2016-10-20T07:27:54","date_gmt":"2016-10-20T05:27:54","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/prototyping-to-improve-collaboration-with-ux-architect-nora-filon-manapova\/"},"modified":"2025-01-30T13:22:23","modified_gmt":"2025-01-30T12:22:23","slug":"prototyping-to-improve-collaboration-with-ux-architect-nora-filon-manapova","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/es\/blog\/mejora-colaboracion-ux-nora-filon-manapova\/","title":{"rendered":"Colaboraci\u00f3n en la creaci\u00f3n de prototipos con la arquitecta de UX Nora Filon Manapova"},"content":{"rendered":"<h2>Crear prototipos para simplificar las cosas y mejorar la colaboraci\u00f3n con equipos y clientes con la arquitecta de UX\/CX Nora Manapova Filon.<\/h2>\n<p><a href=\"https:\/\/www.linkedin.com\/in\/manapova?authType=NAME_SEARCH&amp;authToken=rlwp&amp;locale=en_US&amp;trk=tyah&amp;trkInfo=clickedVertical%3Amynetwork%2CclickedEntityId%3A41345188%2CauthType%3ANAME_SEARCH%2Cidx%3A1-1-1%2CtarId%3A1475052010514%2Ctas%3Anora\" target=\"_blank\" rel=\"noopener noreferrer\">Nora Manapova Filon<\/a> lleva m\u00e1s de 12 a\u00f1os trabajando como UXer independiente. Una de las primeras en adoptar Justinmind y siempre en busca de soluciones de dise\u00f1o innovadoras en el mercado, ha estado utilizando Justinmind PRO durante los \u00faltimos 3 a\u00f1os para construir prototipos totalmente simulados de aplicaciones y software para sus <a href=\"https:\/\/www.justinmind.com\/es\/clientes\" target=\"_blank\" rel=\"noopener noreferrer\">clientes<\/a>. Esta semana hemos charlado con Nora sobre su tiempo con Justinmind y el viaje de creaci\u00f3n de prototipos en el que la ha llevado. <\/p>\n<h2>Creaci\u00f3n de prototipos de aplicaciones web y m\u00f3viles con Justinmind<\/h2>\n<blockquote><p>\u00abJustinmind es una herramienta f\u00e1cil de usar que me permite construir prototipos interactivos y colaborar con equipos y clientes, sin que tengan que enfrentarse a una larga curva de aprendizaje<\/p><\/blockquote>\n<p>\u00bb<br \/>\nNora ha trabajado con una amplia gama de empresas, tanto nuevas como grandes, entre las que se incluyen organizaciones gubernamentales y sin \u00e1nimo de lucro y bancos y empresas hipotecarias estadounidenses como <a href=\"https:\/\/www.google.com\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=1&amp;cad=rja&amp;uact=8&amp;sqi=2&amp;ved=0ahUKEwimj9n5wLHPAhXGtBoKHaziBTsQFggcMAA&amp;url=http%3A%2F%2Fwww.us.jll.com%2F&amp;usg=AFQjCNHEO-jY47L1P0EyypXMZRHlpOnxDQ&amp;sig2=N74cOiat02cTqKTQarYcDw&amp;bvm=bv.134052249,d.d2s\" target=\"_blank\" rel=\"noopener noreferrer\">Jones Lang LaSalle<\/a> y la <a href=\"https:\/\/www.google.com\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=1&amp;cad=rja&amp;uact=8&amp;ved=0ahUKEwj7qtLhwLHPAhWJ1BoKHfkZC3oQFggfMAA&amp;url=http%3A%2F%2Fhacsb.org%2Fhousing%2F&amp;usg=AFQjCNHbJ82_bCcpDFbwOO_YJVhK2LJMKg&amp;sig2=ElcpKEHAeTcL3yNwGeWG9w\" target=\"_blank\" rel=\"noopener noreferrer\">Autoridad de la Vivienda de la Ciudad de Santa B\u00e1rbara<\/a>. Con estos clientes, ha ayudado a desarrollar su Arquitectura de la Informaci\u00f3n, Estrategia de Marketing y Dise\u00f1o UX\/CX. Su formaci\u00f3n en arquitectura (MA in Arch) le ayuda a comprender r\u00e1pidamente la estructura de la aplicaci\u00f3n o el software, porque no importa el tipo de arquitectura -edificio o interfaz de una aplicaci\u00f3n m\u00f3vil-, lo importante es la calidad del viaje del usuario. Nora empez\u00f3 a utilizar Justinmind mientras trabajaba como arquitecta de UX para el banco CBW. Estaban desarrollando una arquitectura transaccional para su aplicaci\u00f3n de remesas y Nora sugiri\u00f3 utilizar Justinmind para crear y probar su software. Desde entonces, se ha convertido en su principal herramienta de creaci\u00f3n de prototipos. Justinmind la ayud\u00f3 a producir especificaciones de proyecto de alta calidad que incluyen escenarios de casos de uso.<\/p>\n<div class=\"jim-banner mobile\">\n<hr>\n<h2 style=\"text-align: center;\"><span style=\"color: #21c0c0;\">\u00a1Descarga Justinmind hoy mismo y crea prototipos de alta fidelidad!<\/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\/125116\" data-tracking-name=\"__jim\" data-tracking-content=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1WeU1TMXdiM04wSWl3aVlXTjBhVzl1SWpvaVpYTmNMM2R3TFdwemIyNWNMM2R3WEM5Mk1sd3ZkR05mWTI5dWRHVnVkRjl3YVd4c1lYSmNMekV5TlRFeE5pSjkiLCJzaWduYXR1cmUiOiIxZThkZmQ2YmZmNmVmZDY1Y2I1Mzg4ZmJjM2IwOGIwODJmNjAxMWZiYjZiODY4YTE4Mzc5ZWJhZDk0YTkzMDlmIn0=\" data-tracking-content--after-scroll=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1WeU1TMXdiM04wSWl3aVlXTjBhVzl1SWpvaVpYTmNMM2R3TFdwemIyNWNMM2R3WEM5Mk1sd3ZkR05mWTI5dWRHVnVkRjl3YVd4c1lYSmNMekV5TlRFeE5pSjkiLCJzaWduYXR1cmUiOiIxZThkZmQ2YmZmNmVmZDY1Y2I1Mzg4ZmJjM2IwOGIwODJmNjAxMWZiYjZiODY4YTE4Mzc5ZWJhZDk0YTkzMDlmIn0=\" 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<\/div>\n<h2>Escenarios de casos de uso enriquecidos<\/h2>\n<p>Hace dos a\u00f1os, mientras trabajaba en la compleja arquitectura de una aplicaci\u00f3n Android con muchas categor\u00edas de usuarios diferentes, Nora tuvo la idea de crear una documentaci\u00f3n del proyecto que sirviera para algo m\u00e1s que un simple diagrama de flujo b\u00e1sico. Utiliz\u00f3 el modo de <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/modulo-flujos-de-usuario\" target=\"_blank\" rel=\"noopener noreferrer\">dise\u00f1o de escenarios <\/a>de Justinmind para emparejar acciones con miniaturas de capturas de pantalla, simplemente arrastrando las pantallas a la pesta\u00f1a de escenarios, para crear un diagrama de flujo visualmente rico, de modo que las partes interesadas y su equipo pudieran seguir f\u00e1cilmente las posibilidades de interacci\u00f3n y probar cada acci\u00f3n. Les entusiasm\u00f3 recibir y colaborar en el documento que visualizaba una complejidad de rutas de usuario. Desde este proyecto, Nora proporciona a sus clientes escenarios de casos de uso enriquecidos, como parte de sus especificaciones de UX, en los que se incrustan capturas de pantalla de la pantalla del m\u00f3vil o de la p\u00e1gina web en los escenarios.<\/p>\n<div id=\"attachment_11905\" style=\"width: 743px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11905\" class=\"wp-image-11905 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/richusecasescenario.png\" alt=\"prototipado rico en casos de uso con justinmind  \" width=\"733\" height=\"338\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/richusecasescenario.png 733w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/richusecasescenario-300x138.png 300w\" sizes=\"(max-width: 733px) 100vw, 733px\" \/><p id=\"caption-attachment-11905\" class=\"wp-caption-text\">Detalles de los escenarios de casos de uso enriquecidos de inicio de sesi\u00f3n global con m\u00e1s de 3 tipos de usuarios que Nora cre\u00f3 mientras trabajaba para el servicio de impresi\u00f3n basado en la nube WEPA.<\/p><\/div>\n<p>La funci\u00f3n de escenarios de Justinmind ha ayudado a Nora a analizar, mejorar la experiencia del usuario y probar la usabilidad de aplicaciones y software.<\/p>\n<blockquote><p>\u00abComo muchos profesionales de la UX hoy en d\u00eda, a menudo tengo que recordar a los clientes que el proceso de creaci\u00f3n de un dise\u00f1o centrado en el cliente de \u00e9xito empieza con la definici\u00f3n de los usuarios\/personas principales y sus necesidades.\u00bb<\/p><\/blockquote>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11907 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/scenarios-analyze-improve-ux.png\" alt=\"mejorar la ux analizando escenarios con justinmind\" width=\"733\" height=\"338\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/scenarios-analyze-improve-ux.png 733w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/scenarios-analyze-improve-ux-300x138.png 300w\" sizes=\"(max-width: 733px) 100vw, 733px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Aplic\u00f3 los principios del dise\u00f1o centrado en el usuario al crear un nuevo asistente de formulario de reserva de eventos para el sitio web de la Biblioteca Jur\u00eddica de San Diego. Consigui\u00f3 acortar dos veces la duraci\u00f3n del proceso de reserva: de las 8 pantallas existentes a 4 nuevos pasos sencillos, personalizando cada pantalla para el tipo de usuario espec\u00edfico y reduciendo la abrumadora cantidad de opciones innecesarias para el usuario.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11908 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/Event-Reservation-Form-Wizard-.png\" alt=\"asistente de formulario de inscripci\u00f3n para prototipos con justinmind  \" width=\"733\" height=\"338\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/Event-Reservation-Form-Wizard-.png 733w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/Event-Reservation-Form-Wizard--300x138.png 300w\" sizes=\"(max-width: 733px) 100vw, 733px\" \/><\/p>\n<p>Nora pudo acortar considerablemente el tiempo de desarrollo del front end para su equipo reduciendo la cantidad de c\u00f3digo y p\u00e1ginas del formulario de registro. \u00bfQu\u00e9 es lo siguiente para Nora? Va a probar la <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/modulo-flujos-de-usuario\" target=\"_blank\" rel=\"noopener noreferrer\">simulaci\u00f3n de escenarios<\/a> de Justinmind para poder ver en acci\u00f3n su flujo interactivo de navegaci\u00f3n de usuario.<\/p>\n<h2>Creaci\u00f3n compartida de prototipos, trabajo en equipo y colaboraci\u00f3n<\/h2>\n<p>Adem\u00e1s de ayudarla a prestar servicios de consultor\u00eda, Justinmind tambi\u00e9n ayuda a Nora a presentar f\u00e1cilmente sus prototipos a los clientes. Al trabajar en un entorno \u00e1gil de ritmo r\u00e1pido, con plazos ajustados, y cuando el crecimiento del producto requiere con frecuencia que se ajusten las especificaciones, Nora utiliz\u00f3 Justinmind para descubrir formas nuevas e innovadoras de colaborar con los equipos de la agencia y los clientes. Mientras desarrollaba un prototipo de alta fidelidad para <a href=\"https:\/\/www.google.com\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=3&amp;cad=rja&amp;uact=8&amp;ved=0ahUKEwjLmNah1rHPAhXLPRoKHZCpAQYQFgg3MAI&amp;url=http%3A%2F%2Fsandiegolawlibrary.org%2F&amp;usg=AFQjCNGu4RVeAM2rXrXJLOmCE2JsLcfVow&amp;sig2=MOUoDVkXXnUKbWKBRTT_7Q\" target=\"_blank\" rel=\"noopener noreferrer\">la Biblioteca Jur\u00eddica de San Diego<\/a>, Nora buscaba formas m\u00e1s eficaces y menos lentas de entregar Gu\u00edas de Estilo CSS a los desarrolladores. Utilizando la <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/puesta-en-marcha\" target=\"_blank\" rel=\"noopener noreferrer\">funci\u00f3n Comentario<\/a> de Justinmind, emparej\u00f3 elementos de wireframe con reglas CSS aplicables para proporcionar un acceso directo intuitivo a las Gu\u00edas de Estilo CSS. Los desarrolladores de Front y Back End apreciaron esta funci\u00f3n visual e informativa y adoptaron inmediatamente este nuevo y moderno tipo de especificaci\u00f3n interactiva.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11909 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/San-Diego-Law-Library-Foundation-website.png\" alt=\"p\u00e1gina web de la fundaci\u00f3n de la biblioteca jur\u00eddica de san diego  \" width=\"733\" height=\"338\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/San-Diego-Law-Library-Foundation-website.png 733w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/San-Diego-Law-Library-Foundation-website-300x138.png 300w\" sizes=\"(max-width: 733px) 100vw, 733px\" \/><\/p>\n<blockquote><p>\u00abJustinmind me recuerda a Photoshop, nunca se te acaban las formas de conseguir un resultado concreto<\/p><\/blockquote>\n<p>\u00ab.<br \/>\nAdem\u00e1s, los inversores y las partes interesadas pudieron colaborar y todos pudieron hacer preguntas y sugerencias. Al hacer que sus prototipos <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/colaboracion-con-revisores\" target=\"_blank\" rel=\"noopener noreferrer\">estuvieran protegidos por contrase\u00f1a<\/a>, los clientes de Nora pudieron compartir con ella sus comentarios sobre especificaciones y requisitos sin comprometer la confidencialidad. <\/p>\n<h2>El proceso de creaci\u00f3n de prototipos de Nora<\/h2>\n<ul>\n<li>Investigaci\u00f3n UX y descubrimiento de clientes<\/li>\n<li>Definici\u00f3n de estrategia de marketing. Inc. objetivos empresariales y usuarios principales <\/li>\n<li>Arquitecto de la Informaci\u00f3n: sitemaps, flujos de usuario, prototipado en papel, clasificaci\u00f3n de tarjetas<\/li>\n<li>Wireframing de baja fidelidad<\/li>\n<li>Pruebas de usabilidad y funcionalidad, escenarios de casos de uso enriquecidos<\/li>\n<li>Evoluci\u00f3n de wireframes de baja fidelidad a wireframes de fidelidad media<\/li>\n<li>Prototipos de fidelidad media-alta etiquetados con gu\u00edas de estilo CSS utilizando la funci\u00f3n de comentarios de Justinmind<\/li>\n<\/ul>\n<h2>Interactividad con Justinmind<\/h2>\n<p>A Nora le encanta el factor interactivo de Justinmind: \u00bb <em>Justinmind me sorprendi\u00f3 con su interfaz altamente intuitiva, sus paneles din\u00e1micos, sus gestos m\u00f3viles, sus bibliotecas de widgets y su forma asombrosamente sencilla de construir elementos interactivos<\/em>\u00ab. Tambi\u00e9n utiliza Justinmind para desarrollar prototipos con interacci\u00f3n compleja en aplicaciones de intercambio de documentos hipotecarios con clasificaci\u00f3n de datos en tablas o gu\u00edas interactivas de productos para proyectos de comercio electr\u00f3nico.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_11910\" style=\"width: 1290px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.justinmind.com\/es\/soporte\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11910\" class=\"wp-image-11910 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/shopping-cart.gif\" alt=\"creaci\u00f3n de prototipos de carritos de la compra con justinmind  \" width=\"1280\" height=\"800\"><\/a><p id=\"caption-attachment-11910\" class=\"wp-caption-text\">Ejemplo de carrito de la compra interactivo Justinmind<\/p><\/div>\n<p>Aparte de la interfaz altamente intuitiva, el f\u00e1cil proceso de compartir\/colaborar y la forma asombrosamente sencilla de construir elementos interactivos, Nora nos dice que Justinmind<em> \u00abme permite, sobre todo, ofrecer a mis clientes y equipos una experiencia de colaboraci\u00f3n sin complicaciones y especificaciones exhaustivas del proyecto\u00bb. <\/em> Sus prototipos interactivos y ricos escenarios de casos de uso permiten al equipo centrarse en el front y backend reales, en lugar de jugar a adivinar durante el desarrollo de aplicaciones complejas. <\/p>\n<p><em>Gracias a Nora por compartir su experiencia de creaci\u00f3n de prototipos con nosotros \ud83d\ude42 Como siempre, \u00a1nos encantar\u00eda conocer tu historia Justinmind!  <\/em><a href=\"https:\/\/twitter.com\/just_in_mind?lang=en\">\u00a1Ponte en contacto ahora!<\/a><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>Crear prototipos para simplificar las cosas y mejorar la colaboraci\u00f3n con equipos y clientes con la arquitecta de UX\/CX Nora Manapova Filon. Nora Manapova Filon lleva&#8230;<\/p>\n","protected":false},"author":11,"featured_media":91226,"parent":0,"menu_order":0,"template":"","tags":[8477,8413,8467,8512],"content_category":[],"class_list":["post-125116","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-estudio-de-caso","tag-legacy-es","tag-prototipos-interactivos","tag-simulacion-de-alta-fidelidad"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125116"}],"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":1,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125116\/revisions"}],"predecessor-version":[{"id":125155,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125116\/revisions\/125155"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media\/91226"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=125116"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=125116"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/content_category?post=125116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}