{"id":125085,"date":"2017-04-20T08:00:58","date_gmt":"2017-04-20T06:00:58","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/prototyping-outstanding-web-and-mobile-interactions-with-ux-designer-lee-wells\/"},"modified":"2025-01-30T13:30:13","modified_gmt":"2025-01-30T12:30:13","slug":"prototyping-outstanding-web-and-mobile-interactions-with-ux-designer-lee-wells","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/es\/clientes\/lee-wells","title":{"rendered":"Prototipado de interacciones web y m\u00f3viles: Lee Wells, dise\u00f1ador de UX"},"content":{"rendered":"

El dise\u00f1ador de experiencia de usuario, Lee Wells, habla de prototipos interactivos, investigaci\u00f3n de usuarios y Justinmind para Windows<\/h2>\n

La creaci\u00f3n de prototipos con Justinmind es una parte importante del trabajo diario de Lee como dise\u00f1ador de UX. La creaci\u00f3n de prototipos ayuda a Lee a dise\u00f1ar fuera de la caja y permite a sus clientes<\/a> imaginar sus futuros productos m\u00e1s all\u00e1 de la visualizaci\u00f3n virtual. <\/p>\n

\n
\n

Descarga Justinmind hoy mismo y crea prototipos web y m\u00f3viles interactivos<\/span><\/h2>\n

Descargar gratis<\/a><\/p>\n

\n

En este caso pr\u00e1ctico, Lee nos explica c\u00f3mo la creaci\u00f3n de prototipos con Justinmind le permite crear dise\u00f1os interactivos e inteligentes para web y m\u00f3vil. Y para darle una vuelta de tuerca a la historia, \u00a1Lee es dise\u00f1ador de UX para Windows! Sigue leyendo para saber m\u00e1s. <\/p>\n

G\u00e9nesis: empezar con Justinmind<\/h2>\n

La experiencia de Lee en UX de software, producto y firmware le ha obligado a realizar multitud de prototipos web y m\u00f3viles a lo largo de los a\u00f1os. Lee empez\u00f3 a utilizar Justinmind hace unos 4 a\u00f1os. Descubri\u00f3 que pod\u00eda aprender a utilizarlo con bastante rapidez una vez que empez\u00f3 a usarlo a diario. Tambi\u00e9n ha ense\u00f1ado a sus compa\u00f1eros a utilizar Justinmind. Ha utilizado la herramienta para crear prototipos de aplicaciones m\u00f3viles y web, que ayudan a sus clientes a visualizar realmente el dise\u00f1o final. <\/p>\n

Un d\u00eda en la vida<\/h2>\n

Un d\u00eda normal para Lee implica tener abiertas al menos tres instancias distintas de Justinmind, que su equipo o sus clientes comparten, revisan o actualizan constantemente. Suele crear maquetas y prototipos funcionales con interacci\u00f3n, utilizando Justinmind para distintos niveles de intercambio e interacci\u00f3n, desde pantallas est\u00e1ticas de baja fidelidad hasta maquetas interactivas de alta fidelidad. \u00bb <\/p>\n

La naturaleza interactiva de Justinmind es \u00fatil para sacar la idea completa de mi cabeza y llevarla a la pantalla para su revisi\u00f3n<\/p><\/blockquote>\n

\u00ab.
\nLa interacci\u00f3n desempe\u00f1a un papel importante en el trabajo de Lee. Entre los requisitos de dise\u00f1o, a los prototipos de Lee se les suele exigir un alto grado de interacci\u00f3n. Sus prototipos suelen tener varias p\u00e1ginas y hacerlas funcionales le permite visualizar el recorrido del usuario y los puntos de contacto, y a las partes interesadas comprender el flujo de navegaci\u00f3n completo y el uso del proyecto. Utiliza diversos componentes de alta fidelidad de Justinmind para crear prototipos, a fin de lograr el nivel de interacci\u00f3n necesario. Entre ellos: variables para crear un flujo de navegaci\u00f3n, activos de UI, men\u00fas desplegables y eventos en forma de interacciones enriquecidas, transiciones y gestos m\u00f3viles. <\/p>\n<\/div>\n

Prototipado de la pantalla de inicio de sesi\u00f3n interactiva y renovable de Paycor<\/h2>\n

Lee ha utilizado Justinmind en diferentes proyectos para distintos clientes. Aqu\u00ed tienes un gran ejemplo de la funci\u00f3n de dise\u00f1o interactivo de Justinmind en su trabajo. Para su actual puesto de dise\u00f1ador de UX en Paycor, que ofrece servicios de selecci\u00f3n de personal, RRHH y soluciones de n\u00f3minas, se le encarg\u00f3 recrear la pantalla de inicio de sesi\u00f3n de usuario de la empresa para la aplicaci\u00f3n m\u00f3vil. La pantalla de inicio de sesi\u00f3n deb\u00eda incluir un inicio de sesi\u00f3n autom\u00e1tico con la opci\u00f3n \u00abrecordar nombre de usuario\u00bb, para que los usuarios pudieran iniciar sesi\u00f3n m\u00e1s f\u00e1cilmente. <\/p>\n

\"login-screen-mobile-app-prototype-paycor\"

Prototipo de nueva pantalla de inicio de sesi\u00f3n para la aplicaci\u00f3n m\u00f3vil de Paycor<\/p><\/div>\n

Utilizando el sistema de paneles din\u00e1micos, campos de entrada, variables y eventos de Justinmind, Lee pudo crear un modelo de alta fidelidad del aspecto que tendr\u00eda la nueva pantalla de inicio de sesi\u00f3n m\u00f3vil. Lee utiliz\u00f3 el constructor de expresiones para crear marcadores de posici\u00f3n en los cuadros de campo de texto de entrada de inicio de sesi\u00f3n (\u00abnombre de usuario\u00bb y \u00abcontrase\u00f1a\u00bb). A continuaci\u00f3n, utiliz\u00f3 una variable para permitir al usuario que la aplicaci\u00f3n recordara su nombre de usuario para futuros inicios de sesi\u00f3n. Por \u00faltimo, Lee a\u00f1adi\u00f3 una serie de eventos \u00abAl hacer clic\u00bb + \u00abEstablecer valor\u00bb para garantizar que el formulario vuelva a estar en blanco al actualizarlo. \u00bfPor qu\u00e9 no intentas crear<\/a> t\u00fa mismo prototipos de formularios y entradas<\/a>?<\/p>\n

Compartir prototipos<\/h2>\n

\u00ab<\/p>\n

La posibilidad de compartir enlaces web para revisar prototipos es extremadamente \u00fatil<\/p><\/blockquote>\n

\u00ab.
\nAparte del aspecto interactivo de Justinmind, Lee dice que merece la pena echar un vistazo a sus capacidades para compartir. Lee suele compartir sus prototipos con clientes y equipos de desarrollo utilizando el enlace privado protegido por contrase\u00f1a. Los equipos pueden entonces trabajar a partir de sus prototipos con una r\u00e9plica visual de lo que van a construir. Con Justinmind, valora mucho poder compartir algo de inmediato para obtener comentarios inmediatos. Lee dice que a las partes interesadas les encanta la rapidez con la que se pueden realizar actualizaciones, mientras est\u00e1n reunidos: simplemente pulsa actualizar en la pantalla de compartir para ver los cambios. <\/p>\n

Investigaci\u00f3n de usuarios<\/h2>\n

Lee realiza pruebas iterativas y pruebas de validaci\u00f3n para ayudarle a \u00e9l, a su equipo y a los clientes a ver los resultados de la actual construcci\u00f3n\/print de UX. Habiendo entrado en el mundo del dise\u00f1o de UX desde una formaci\u00f3n en dise\u00f1o experimental y psicolog\u00eda de la ingenier\u00eda, Lee participa activamente en la investigaci\u00f3n de usuarios y siempre intenta que m\u00e1s personas participen en la investigaci\u00f3n, con el fin de recopilar datos sobre los proyectos y dise\u00f1os actuales. Lee lleva a cabo la investigaci\u00f3n de usuarios a trav\u00e9s de la integraci\u00f3n de Justinmind con UserTesting.com. Lo hace con la intenci\u00f3n de informar mejor a clientes, partes interesadas y usuarios sobre sus dise\u00f1os. Comienza con pruebas de usuario a distancia y luego pasa a pruebas de tipo laboratorio a trav\u00e9s de su prototipo de Justinmind. <\/p>\n

\u00abHe descubierto que ver las pruebas de usabilidad puede hacer que cualquiera pase totalmente del aislamiento al compromiso\u00bb.<\/p><\/blockquote>\n

Justinmind Windows para ganar<\/h2>\n

Desafiando la presi\u00f3n de los dise\u00f1adores para pasarse al Mac, Lee es dise\u00f1ador de Windows. A Lee nunca le gustaron mucho los productos de Apple;<\/span> siempre ha sido tambi\u00e9n un tipo de Android. Nos dice que puede hacer todo lo que necesita en un PC y que no se encuentra con los problemas de compartir archivos, programas y pantallas que han experimentado sus amigos de Mac. Justinmind se adapta perfectamente tanto a los dise\u00f1adores de Windows como a los de Mac, ya que nuestro software se ha dise\u00f1ado teniendo en cuenta ambos sistemas. La principal diferencia entre Justinmind para Windows y Mac es la barra de herramientas superior. Mientras que Mac obliga a que las herramientas de dise\u00f1o se integren en su barra de men\u00fas, Windows nos permite colocar opciones de men\u00fa dentro de la interfaz de Justinmind. Esto significa que hemos podido comprobar c\u00f3mo prefieren los usuarios navegar por sus herramientas de dise\u00f1o e implementar las actualizaciones en consecuencia. Adem\u00e1s, en consonancia con el sistema de retroalimentaci\u00f3n de Windows, los iconos de la barra de men\u00fas de Justinmind para Windows destacan sobre el lienzo para facilitar la navegaci\u00f3n. <\/p>\n

 <\/p>\n

\u00bfQuieres aparecer en un caso pr\u00e1ctico de Justinmind? Ponte en contacto con nosotros a trav\u00e9s de nuestro Twitter<\/a>. <\/em>\"Descargar<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

El dise\u00f1ador de experiencia de usuario, Lee Wells, habla de prototipos interactivos, investigaci\u00f3n de usuarios y Justinmind para Windows<\/p>\n","protected":false},"author":11,"featured_media":89894,"parent":0,"menu_order":0,"template":"","tags":[8469,8479,8413,8493],"content_category":[],"class_list":["post-125085","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-diseno-ux","tag-herramienta-de-prototipado","tag-legacy-es","tag-ux-es"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125085"}],"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\/125085\/revisions"}],"predecessor-version":[{"id":125150,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125085\/revisions\/125150"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media\/89894"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=125085"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=125085"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/content_category?post=125085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}