{"id":125091,"date":"2017-06-21T09:46:18","date_gmt":"2017-06-21T07:46:18","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/designing-ux-for-multiple-audiences-with-interactive-prototypes-scytl-case-study\/"},"modified":"2025-01-31T18:17:02","modified_gmt":"2025-01-31T17:17:02","slug":"designing-ux-for-multiple-audiences-with-interactive-prototypes-scytl-case-study","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/es\/clientes\/scytl-caso-estudio","title":{"rendered":"Prototipado de UX para m\u00faltiples audiencias: Estudio de caso de Scytl"},"content":{"rendered":"<h2>Prototipado de experiencias de usuario interactivas en eGovernance y en la organizaci\u00f3n de voto por Internet, Scytl<\/h2>\n<p>Como jefa del equipo de UX y Product Owner en <a href=\"https:\/\/www.scytl.com\/en\/\" target=\"_blank\" rel=\"noopener noreferrer\">Scytl<\/a>, una organizaci\u00f3n l\u00edder en gesti\u00f3n electoral segura, Judit Casacuberta Bag\u00f3 se encarga de crear y optimizar la <strong>experiencia del usuario<\/strong> tanto para sus clientes externos como para sus equipos internos. Nos pusimos al d\u00eda con ella para que nos explicara c\u00f3mo ha estado utilizando Justinmind para crear wireframes b\u00e1sicos y est\u00e1ticos y prototipos complejos y totalmente funcionales para crear experiencias tan diferentes.<\/p>\n<h2>Experiencia de usuario desde cero<\/h2>\n<p>Judit es profesional de la experiencia de usuario y la interfaz de usuario desde hace casi 10 a\u00f1os. Ha trabajado como dise\u00f1adora de UX, consultora, investigadora, colaboradora, profesora y jefa de equipo. Empez\u00f3 estudiando Multimedia en la universidad en Espa\u00f1a, pero pronto descubri\u00f3 su pasi\u00f3n por la UX. Para Judit, la UX es el arte y la ciencia de hacer m\u00e1s f\u00e1cil la vida de todos: desde identificar las necesidades reales de los usuarios hasta conceptualizar soluciones potenciales que se ajusten a esas necesidades y asegurarse de que funcionan. Como jefa del equipo de UX en Scytl, la estrategia que ha acu\u00f1ado est\u00e1 centrada al 100% en el usuario, y la investigaci\u00f3n y las pruebas con usuarios son las protagonistas de todos sus proyectos.  <\/p>\n<h2>Dar vida a las ideas mediante la creaci\u00f3n de prototipos<\/h2>\n<p>Judit describe la creaci\u00f3n de prototipos como una forma de <em>narrar una historia<\/em> y <em>dar vida a sus ideas<\/em>. Empez\u00f3 a utilizar Justinmind hace 8 a\u00f1os, cuando estudiaba su M\u00e1ster en Interacci\u00f3n Persona-Ordenador, y utilizaba la herramienta para capturar requisitos y validarlos con los usuarios. El papel de Judit en Scytl consiste en mejorar el rendimiento y el dise\u00f1o visual de los prototipos de la empresa, siguiendo sus directrices visuales b\u00e1sicas. Sus resultados incluyen especificaciones funcionales, mapas del sitio y flujos en forma de wireframes y prototipos interactivos, realizados con Justinmind. <\/p>\n<blockquote><p>\u00ab\u00a1Justinmind es mi soluci\u00f3n de dise\u00f1o n\u00famero uno para crear wireframes y prototipos!\u00bb<\/p><\/blockquote>\n<h2>Prototipos interactivos para validar el recorrido del usuario<\/h2>\n<p>La creaci\u00f3n de prototipos forma parte de los proyectos de Judit desde las primeras fases del proceso de dise\u00f1o. Comienza creando <a href=\"https:\/\/www.justinmind.com\/es\/wireframe\/sitio-web\">wireframes<\/a> est\u00e1ticos <a href=\"https:\/\/www.justinmind.com\/es\/wireframe\/sitio-web\">del sitio web<\/a> que le ayudan a idear conceptos y proponer posibles soluciones a los problemas de los usuarios. Una vez que Judit y su equipo han decidido un flujo de trabajo inicial, que trazan con sus wireframes, Judit pasa a crear prototipos funcionales. Las funciones interactivas de Justinmind le permiten probar y ensayar nuevas funcionalidades y definir nuevas caracter\u00edsticas. Utiliza el sistema de Eventos para crear interacciones complejas que la ayuden a recrear un flujo de trabajo real. Esto tambi\u00e9n permite al equipo evaluar el impacto de cada punto de contacto en todo el producto. <\/p>\n<h2>C\u00f3mo pueden utilizar los dise\u00f1adores de UX los prototipos para las cuentas de partes interesadas externas<\/h2>\n<p>En Scytl, Judit divide su tiempo entre proyectos externos espec\u00edficos para las partes interesadas y proyectos internos de actualizaci\u00f3n. Como dise\u00f1adora de UX, normalmente trabajaba en cuentas externas de eGovernance. Esto requer\u00eda investigar a cada cliente, as\u00ed como incluirlos en la parte de retroalimentaci\u00f3n e iteraci\u00f3n del proceso de dise\u00f1o.  <\/p>\n<h3>Fase de descubrimiento: investigaci\u00f3n en profundidad<\/h3>\n<p>Cuando Judit trabaja en un nuevo proyecto para un cliente externo, empieza con una fase de conceptualizaci\u00f3n. Ella y los clientes identifican y re\u00fanen <strong>los requisitos empresariales<\/strong> para la nueva aplicaci\u00f3n, bas\u00e1ndose en los perfiles de <a href=\"https:\/\/www.justinmind.com\/es\/clientes\" target=\"_blank\" rel=\"noopener noreferrer\">los clientes<\/a>, los sectores verticales objetivo y los distintos mercados. A continuaci\u00f3n, documenta todos los objetivos de las especificaciones esbozados por las partes interesadas en el proyecto. Una vez recopilados los requisitos, crea algunos sketches b\u00e1sicos de las principales pantallas de la aplicaci\u00f3n. <\/p>\n<h3>Del papel al prototipo<\/h3>\n<p>Los sketchs se trasladan del papel a la pantalla como prototipos web o m\u00f3viles interactivos. \u00c9stos ayudan al equipo y al cliente a hacerse una mejor idea del aspecto de los requisitos en tiempo real. Es un paso importante para identificar las caracter\u00edsticas visuales y funcionales de los requisitos empresariales de cada cliente. A continuaci\u00f3n, el cliente valida el prototipo y prioriza los requisitos en una sesi\u00f3n de codise\u00f1o. El equipo <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/colaboracion-con-revisores\">exporta el prototipo a HTML<\/a>. A continuaci\u00f3n, Judit lleva al cliente a trav\u00e9s de los principales flujos de trabajo, usuarios objetivo y funcionalidades definidos en la documentaci\u00f3n de requisitos. Esto incluye c\u00f3mo se puede configurar una elecci\u00f3n y c\u00f3mo se pueden importar los datos de los votantes, utilizando <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/prototipos-formularios-listas-de-datos-y-rejillas-de-datos\">datos reales<\/a> dentro de Justinmind.  <\/p>\n<div class=\"jim-banner mobile\">\n<hr>\n<h2 style=\"text-align: center;\"><span style=\"color: #21c0c0;\">Descarga Justinmind ahora y empieza a crear prototipos interactivos<\/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\/125091\" data-tracking-name=\"__jim\" data-tracking-content=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1WeU1TMXdiM04wSWl3aVlXTjBhVzl1SWpvaVpYTmNMM2R3TFdwemIyNWNMM2R3WEM5Mk1sd3ZkR05mWTI5dWRHVnVkRjl3YVd4c1lYSmNMekV5TlRBNU1TSjkiLCJzaWduYXR1cmUiOiJiY2ZlZGE5YTRlMDdiNGY3YmI1YmRlNTZjZGE5YzljMzM2MDIzZWY5ZWY3NWM0Y2JlZTAwNjdjOWExZmMwNjBkIn0=\" data-tracking-content--after-scroll=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1WeU1TMXdiM04wSWl3aVlXTjBhVzl1SWpvaVpYTmNMM2R3TFdwemIyNWNMM2R3WEM5Mk1sd3ZkR05mWTI5dWRHVnVkRjl3YVd4c1lYSmNMekV5TlRBNU1TSjkiLCJzaWduYXR1cmUiOiJiY2ZlZGE5YTRlMDdiNGY3YmI1YmRlNTZjZGE5YzljMzM2MDIzZWY5ZWY3NWM0Y2JlZTAwNjdjOWExZmMwNjBkIn0=\" 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<h3>Comentarios de los clientes<\/h3>\n<p>Los clientes pueden aportar sus comentarios y los cambios se realizan mediante ciclos iterativos. Es f\u00e1cil hacer estos cambios en Justinmind con el uso de plantillas y maestros: haz peque\u00f1os cambios y exti\u00e9ndelos por las pantallas del prototipo o por varios prototipos en unos pocos clics. <\/p>\n<h3>Investigaci\u00f3n de usuarios y pruebas constantes<\/h3>\n<p>Las pruebas con usuarios se realizan durante toda la fase de creaci\u00f3n de prototipos. Suele tratarse de pruebas cualitativas con <a href=\"https:\/\/www.techsmith.com\/morae.html\" target=\"_blank\" rel=\"noopener noreferrer\">Morae<\/a>, centradas en el comentario verbal \u00abpiensa en voz alta\u00bb de los usuarios. Esto ayuda a obtener comentarios valiosos y a comprender por qu\u00e9 el usuario realiza determinadas acciones. Las pruebas de usuario se realizan con prototipos html publicados, bien en laboratorios de pruebas de usuario, bien con herramientas online. Estas pruebas ayudan al equipo a crear iteraciones de los prototipos antes de seguir adelante con el desarrollo.  <\/p>\n<h3>Llevar el proyecto al desarrollo<\/h3>\n<p>El siguiente paso para el equipo de Judit es crear una gu\u00eda PSD con los activos finales antes de desarrollar la plantilla HTML y entregar la aplicaci\u00f3n final. La exportaci\u00f3n HTML permite a Judit crear entregables que los desarrolladores pueden seguir f\u00e1cilmente para implementar la interacci\u00f3n en el producto\/aplicaci\u00f3n final. <\/p>\n<h2>C\u00f3mo pueden utilizar los jefes de UX los prototipos para los proyectos internos de actualizaci\u00f3n<\/h2>\n<p>Cuando Judit trabaja en proyectos de desarrollo de productos como jefa de UX, ella y su equipo suelen trabajar en mejoras de productos\/aplicaciones\/sitios web. Estas actualizaciones suelen ser para proyectos internos e implican actualizaciones de sus activos de UX e interfaces de usuario. <\/p>\n<h3>Generar activos UX<\/h3>\n<p>El equipo crea sus propias bibliotecas de UX, con <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/ui-widget-libraries\">recursos de UI personalizados<\/a>, en Justinmind. \u00c9stas incluyen elementos e iconos interactivos de Scytl. La funci\u00f3n de arrastrar y soltar de UI de Justinmind facilita al equipo la creaci\u00f3n r\u00e1pida de prototipos de un nuevo producto o una nueva funcionalidad, simplemente arrastrando los elementos al lienzo. Poder crear sus propios activos significa que es f\u00e1cil mantener la estandarizaci\u00f3n entre departamentos y niveles de la empresa cuando se necesitan actualizaciones, as\u00ed como cultivar <strong>la conciencia de marca<\/strong> en toda la organizaci\u00f3n.  <\/p>\n<h3>Crear el dise\u00f1o de la UI<\/h3>\n<p>A continuaci\u00f3n, el equipo crea una gu\u00eda de una p\u00e1gina con todos los elementos b\u00e1sicos expuestos. Esto les permite definir el dise\u00f1o visual del producto\/aplicaci\u00f3n. A continuaci\u00f3n, los elementos UX definidos en Justinmind se desarrollan como objetos en Bibliotecas Front-end (HTML, CSS, JS), lo que permite a los desarrolladores utilizarlos para adaptar r\u00e1pidamente el aspecto seg\u00fan las directrices visuales de Scytl. <\/p>\n<h3>Dise\u00f1ar para p\u00fablicos diferentes: lo que hay que aprender<\/h3>\n<p>El secreto para hacer malabarismos con proyectos internos y externos y dise\u00f1ar para distintos usuarios es conocer a fondo a tu p\u00fablico y tus objetivos. S\u00f3lo entonces podr\u00e1s producir realmente soluciones que calen. Una forma estupenda de dise\u00f1ar para un objetivo y\/o grupo de usuarios espec\u00edfico es con una herramienta de creaci\u00f3n de prototipos interactivos. Crea varias pantallas, a\u00f1ade <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/plantillas-y-maestros\" target=\"_blank\" rel=\"noopener noreferrer\">plantillas y estilos<\/a> para centralizar tus activos de UI en torno a las caracter\u00edsticas del cliente y simula tu prototipo en distintos dispositivos o navegadores, todo ello dentro de la misma herramienta. Luego, <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/justinminds-integracion-con-herramientas-de-prueba-de-usuario\" target=\"_blank\" rel=\"noopener noreferrer\">prueba tu soluci\u00f3n<\/a> con usuarios reales en tiempo real para ver su eficacia cuando lances el producto final. Descarga Justinmind ahora y crea prototipos de soluciones para tus grupos de usuarios espec\u00edficos. <\/p>\n<p><em>\u00bfQuieres aparecer en un caso pr\u00e1ctico de Justinmind? Ponte en contacto con nosotros a trav\u00e9s de nuestro <a href=\"https:\/\/twitter.com\/just_in_mind\" target=\"_blank\" rel=\"noopener noreferrer\">Twitter<\/a>. <\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prototipado de experiencias de usuario interactivas para equipos internos y partes interesadas externas en la organizaci\u00f3n de eGovernance y voto por Internet, Scytl<\/p>\n","protected":false},"author":11,"featured_media":90922,"parent":0,"menu_order":0,"template":"","tags":[8477,8413,8495,8467],"content_category":[],"class_list":["post-125091","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-estudio-de-caso","tag-legacy-es","tag-prototipado-interactivo","tag-prototipos-interactivos"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125091"}],"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":2,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125091\/revisions"}],"predecessor-version":[{"id":125497,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125091\/revisions\/125497"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media\/90922"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=125091"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=125091"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/content_category?post=125091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}