La creación de prototipos y el rostro cambiante del comercio electrónico en la República Dominicana
Así es como un diseñador utilizó Justinmind para cambiar la experiencia del usuario del primer supermercado en línea de la República Dominicana
La diseñadora UX y gestora de proyectos Reymi Castellanos es la fundadora del Grupo Interactivo, una agencia de marketing digital con sede en la República Dominicana.
Dirige proyectos de diseño UX desde la base y recientemente ha participado en el tratamiento UX del primer supermercado online del país.
En este post, nos ponemos al día con Reymi y descubrimos cómo utiliza Justinmind para crear wireframes, interfaces de usuario y prototipos de alta fidelidad para todo tipo de clientes.
Herramientas del oficio
Todo gran diseño nuevo empieza con algo sencillo: un prototipo.
Para Reymi Castellanos, la creación de prototipos es lo que da vida a sus ideas y consigue que las partes interesadas se suban al carro.
«La creación de prototipos es el paso más importante del proceso de diseño. Ahorra tiempo y nos permite centrarnos en producir los elementos más relevantes para el proyecto.»
Pero antes de que Reymi pudiera resolver problemas de diseño con prototipos, necesitaba una herramienta de diseño fiable a la que pudiera recurrir cuando quisiera probar una idea.
«Probamos otras herramientas antes de elegir Justinmind. Algunas ofrecían funciones de gran valor, como animaciones y transiciones impresionantes, pero lo que faltaba eran escenarios y simulación en el dispositivo.»
Fue entonces cuando Reymi se decidió por Justinmind. Como gestor de proyectos de UX, Reymi entiende que sin el conjunto adecuado de herramientas, crear un buen trabajo de diseño es difícil.
«Es una herramienta profesional que combina un diseño de alta fidelidad y una interacción avanzada con tablas de datos, variables y escenarios de programación. Rechazamos otras herramientas porque sólo funcionaban en línea y tenían capacidades limitadas para nuestro proyecto.»
¿Prototipos de alta fidelidad y sin conexión? Reymi fue vendido.
Barrido de supermercado
Ahora, con una sólida herramienta de diseño a su disposición, Reymi se dispuso a resolver el problema de diseño que tenía entre manos. Él y su equipo participaron en el rediseño del sitio web y la aplicación del primer supermercado online de la República Dominicana. No era poca cosa.
«AlSuper.do es el primer supermercado online de la República Dominicana, pero se creó hace muchos, muchos años. Para crear una interfaz impactante y usable, tuvimos que hacer un rediseño del sitio web y de la aplicación móvil desde cero.»
Los grandes proyectos como éste suelen correr el riesgo de fracasar. La mala comunicación, la falta de pruebas y la nula investigación son algunas de las formas en que los buenos proyectos se convierten en malos. ¿Cómo empezó Reymi?
«El diseño de la UI de un supermercado online es una gran empresa. Teníamos que crear una nueva experiencia de compra única».
Esto implicó investigar a los usuarios nuevos y existentes, realizar un análisis experto y proponer varias soluciones para el cliente.
Esto significaba que Reymi necesitaba
- Crea sketching
- Wireframes de diseño
- Define el flujo de usuarios
- Crear una nueva identidad visual
¿Y lo mejor? Todo esto es posible desde la herramienta de diseño de Reymi, Justinmind.
Por qué Justinmind era la herramienta adecuada para el trabajo
«Utilizamos las condiciones de Justinmind para simular el acceso mediante un login. Aparecería un error si el usuario introducía datos incorrectos. También podíamos cambiar el aspecto de los elementos, como el icono de la tarjeta de la compra, en función de si se habían añadido artículos o no.»
Condiciones fueron un elemento poderoso en el diseño del supermercado online de Reymi. Aportaban el realismo que buscaba. En poco tiempo, se enganchó al uso de las condiciones.
«Las condiciones de programación simulan interacciones de eventos reales. Las utilizamos en casi todas las pantallas del proyecto para definir cuándo y cómo el contenido o los elementos de navegación aparecen ante el usuario, desde simular una tarjeta de compra hasta crear un comportamiento de inicio de sesión.»
Los formularios de inicio de sesión son relativamente sencillos de diseñar, pero presentan una gran oportunidad de UX. Puedes utilizar texto de marcador de posición, microcopy útil e interacciones intuitivas para que iniciar sesión sea un sueño.
«El comportamiento del inicio de sesión fue la parte más fácil de crear porque la definición de condiciones es muy intuitiva en Justinmind.
Definimos varios usuarios y contraseñas para realizar las pruebas de uso, así como las condiciones respectivas. Luego pudimos dar acceso a la siguiente pantalla en cuestión de minutos, una vez que tuvimos todos los elementos de la UI en su sitio.»
Añadir interacción para un mayor deleite
Justinmind permitió a Reymi recrear importantes patrones de diseño para la UI del supermercado.
«En Justinmind, podíamos crear paneles cambiantes en una pantalla con su respectivo menú de pestañas. Podía crear un menú lateral deslizante y utilizar condiciones lógicas para mostrar y ocultar botones cuando sea necesario».
Pero, ¿qué ventajas tenía esto? Significaba que Reymi podía mostrar interacciones fluidas y realistas. Una cosa es mostrar capturas de pantalla de tu diseño y otra es tener una aplicación que funcione como la de verdad. Este tipo de cosas son las que hacen felices a las partes interesadas. ¿Cómo mostraron su trabajo?
«Presentamos este proyecto de dos formas. Inicialmente como gráficos (simples JPG) que mostraban el estilo de pantalla principal que proponíamos. Una vez aprobado, todas las presentaciones y revisiones se hicieron dentro de Justinmind, pulsando el botón Botón Compartir.»
Un prototipo a tiempo salva a nueve
Reymi no sólo podía compartir sus prototipos con facilidad, sino también con condiciones útiles, plantillas y widgets de arrastrar y soltar, consiguió ganar algo que a todos los diseñadores les falta: tiempo.
«Ahorré tiempo al diseñar. Ahorré tiempo en el proceso de evaluación al presentar escenarios a los clientes. Ahorré tiempo al desarrollador al tener documentación detallada exportada directamente desde dentro de Justinmind».
Para Reymi, la creación de prototipos viables y de alta fidelidad que funcionan correctamente, junto con el enorme ahorro de tiempo, se traduce en partes interesadas satisfechas y un proceso de diseño más fluido.
Conclusión
Reymi puede dar vida a un proyecto con éxito gracias a su herramienta de creación de prototipos. Al elegir algo intuitivo y fácil de entender, no necesita pasar horas aprendiendo. Puede emplear mejor su tiempo: mejorando la UX de las aplicaciones móviles y los sitios web.
«Al principio necesitarás una pequeña introducción a Justinmind. Es lógico: hay muchas funciones útiles a tu disposición. Pero merece 100% la pena por el resultado que conseguirás».
