Prototipado de interacciones web y móviles: Lee Wells, diseñador de UX
El diseñador de experiencia de usuario, Lee Wells, habla de prototipos interactivos, investigación de usuarios y Justinmind para Windows
La creación de prototipos con Justinmind es una parte importante del trabajo diario de Lee como diseñador de UX. La creación de prototipos ayuda a Lee a diseñar fuera de la caja y permite a sus clientes imaginar sus futuros productos más allá de la visualización virtual.
Descarga Justinmind hoy mismo y crea prototipos web y móviles interactivos
En este caso práctico, Lee nos explica cómo la creación de prototipos con Justinmind le permite crear diseños interactivos e inteligentes para web y móvil. Y para darle una vuelta de tuerca a la historia, ¡Lee es diseñador de UX para Windows! Sigue leyendo para saber más.
Génesis: empezar con Justinmind
La experiencia de Lee en UX de software, producto y firmware le ha obligado a realizar multitud de prototipos web y móviles a lo largo de los años. Lee empezó a utilizar Justinmind hace unos 4 años. Descubrió que podía aprender a utilizarlo con bastante rapidez una vez que empezó a usarlo a diario. También ha enseñado a sus compañeros a utilizar Justinmind. Ha utilizado la herramienta para crear prototipos de aplicaciones móviles y web, que ayudan a sus clientes a visualizar realmente el diseño final.
Un día en la vida
Un día 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ón, utilizando Justinmind para distintos niveles de intercambio e interacción, desde pantallas estáticas de baja fidelidad hasta maquetas interactivas de alta fidelidad. »
La naturaleza interactiva de Justinmind es útil para sacar la idea completa de mi cabeza y llevarla a la pantalla para su revisión
«.
La interacción desempeña un papel importante en el trabajo de Lee. Entre los requisitos de diseño, a los prototipos de Lee se les suele exigir un alto grado de interacción. Sus prototipos suelen tener varias páginas 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ón 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ón necesario. Entre ellos: variables para crear un flujo de navegación, activos de UI, menús desplegables y eventos en forma de interacciones enriquecidas, transiciones y gestos móviles.
Prototipado de la pantalla de inicio de sesión interactiva y renovable de Paycor
Lee ha utilizado Justinmind en diferentes proyectos para distintos clientes. Aquí tienes un gran ejemplo de la función de diseño interactivo de Justinmind en su trabajo. Para su actual puesto de diseñador de UX en Paycor, que ofrece servicios de selección de personal, RRHH y soluciones de nóminas, se le encargó recrear la pantalla de inicio de sesión de usuario de la empresa para la aplicación móvil. La pantalla de inicio de sesión debía incluir un inicio de sesión automático con la opción «recordar nombre de usuario», para que los usuarios pudieran iniciar sesión más fácilmente.
Utilizando el sistema de paneles dinámicos, campos de entrada, variables y eventos de Justinmind, Lee pudo crear un modelo de alta fidelidad del aspecto que tendría la nueva pantalla de inicio de sesión móvil. Lee utilizó el constructor de expresiones para crear marcadores de posición en los cuadros de campo de texto de entrada de inicio de sesión («nombre de usuario» y «contraseña»). A continuación, utilizó una variable para permitir al usuario que la aplicación recordara su nombre de usuario para futuros inicios de sesión. Por último, Lee añadió una serie de eventos «Al hacer clic» + «Establecer valor» para garantizar que el formulario vuelva a estar en blanco al actualizarlo. ¿Por qué no intentas crear tú mismo prototipos de formularios y entradas?
Compartir prototipos
«
La posibilidad de compartir enlaces web para revisar prototipos es extremadamente útil
«.
Aparte 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ña. Los equipos pueden entonces trabajar a partir de sus prototipos con una réplica 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án reunidos: simplemente pulsa actualizar en la pantalla de compartir para ver los cambios.
Investigación de usuarios
Lee realiza pruebas iterativas y pruebas de validación para ayudarle a él, a su equipo y a los clientes a ver los resultados de la actual construcción/print de UX. Habiendo entrado en el mundo del diseño de UX desde una formación en diseño experimental y psicología de la ingeniería, Lee participa activamente en la investigación de usuarios y siempre intenta que más personas participen en la investigación, con el fin de recopilar datos sobre los proyectos y diseños actuales. Lee lleva a cabo la investigación de usuarios a través de la integración de Justinmind con UserTesting.com. Lo hace con la intención de informar mejor a clientes, partes interesadas y usuarios sobre sus diseños. Comienza con pruebas de usuario a distancia y luego pasa a pruebas de tipo laboratorio a través de su prototipo de Justinmind.
«He descubierto que ver las pruebas de usabilidad puede hacer que cualquiera pase totalmente del aislamiento al compromiso».
Justinmind Windows para ganar
Desafiando la presión de los diseñadores para pasarse al Mac, Lee es diseñador de Windows. A Lee nunca le gustaron mucho los productos de Apple; siempre ha sido también 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ñadores de Windows como a los de Mac, ya que nuestro software se ha diseñado 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ño se integren en su barra de menús, Windows nos permite colocar opciones de menú dentro de la interfaz de Justinmind. Esto significa que hemos podido comprobar cómo prefieren los usuarios navegar por sus herramientas de diseño e implementar las actualizaciones en consecuencia. Además, en consonancia con el sistema de retroalimentación de Windows, los iconos de la barra de menús de Justinmind para Windows destacan sobre el lienzo para facilitar la navegación.
¿Quieres aparecer en un caso práctico de Justinmind? Ponte en contacto con nosotros a través de nuestro Twitter.