Prototipado de aplicaciones móviles: UX para la lectura electrónica con Javier Lianes

Javier Lianes está superando las expectativas de los usuarios con su prototipo de rediseño de la interfaz de usuario del Kindle de Amazon

El diseñador de UX Javier Lianes, afincado en Madrid, ha estado utilizando Justinmind para reconstruir la experiencia de usuario de su compañero lector electrónico usuarios. Enamorado de la tecnología y ávido lector, a Javier se le puede encontrar a menudo pegado a su iPad, perdido en un libro electrónico. Pero a pesar de su pasión por la lectura en línea, la experiencia de Javier con los dispositivos de lectura electrónica ha sido bastante decepcionante. En nuestro estudio de caso, le preguntamos sobre sus reparos con el kindle de Amazon -a pesar de la publicidad-, sus soluciones propuestas a los retos de diseño y cómo las prototipó con Justinmind.

Los diseñadores de UX satisfechos hacen mejores productos

Como diseñador autónomo, Javier es su propio jefe. A menudo, esto significa trabajar sin ayuda las 24 horas del día para crear activos digitales e interfaces de usuario y enviarlos a los clientes. Para entregar a tiempo diseños de alta calidad, el flujo de trabajo de Javier debe ser impecable, y ganar impulso en el proceso de UX a menudo depende de la eficacia de sus herramientas de diseño. Cualquier diseñador de UX te dirá lo importante que es encontrar la combinación adecuada de herramientas. Si no te sientes cómodo con las herramientas que utilizas, se notará en tus diseños. Y si estás ocupado abriéndote camino a través de UI ininteligibles, no estás centrado en resolver problemas de diseño para el usuario. Así que cuando llegó su siguiente gran reto de diseño, rediseñar la UI del Kindle de Amazon, Javier buscó la herramienta perfecta. Fue entonces cuando dio con Justinmind.

UI intuitivas y experiencias de diseño fluidas

Javier empezó a crear prototipos con Justinmind mientras asistía a un curso de UX en la Escuela Trazos de Madrid. Buscaba una interfaz intuitiva que no le llevara demasiado tiempo manejar. Desde el primer momento, a Javier le encantó lo fácil que le resultó familiarizarse con Justinmind. Encontró todas las capas y elementos de UI exactamente como esperaba.

«Justinmind me sorprendió desde el primer momento. Grita claridad, accesibilidad y se aleja bastante de las herramientas de diseño actuales».

Cuando llegó el momento de empezar a rediseñar la UI de su lector electrónico, se llevó a Justinmind con él. Su prototipo ofrece una solución alternativa al clásico Kindle. Echa un vistazo a continuación.

Prototipado de aplicaciones móviles: codeándose con el kindle de Amazon

Diseño de la UI para Amazon Kindle iOS

En muy poco tiempo, Javier ya estaba trabajando con Justinmind. Utilizó la plantilla de aplicación móvil para iPhone para diseñar la disposición de las pantallas de su prototipo. Javier quería crear elementos visuales más limpios y frescos para sus compañeros de lectura electrónica. En su opinión, la interfaz de temática oscura de Kindle es un poco deprimente. Kindle opta por tonos grises para sus pantallas principales de UI y un tema más claro para la pantalla de lectura. Para hacer frente a la pesadumbre, Javier optó por un tema claro en todo el prototipo de la aplicación. Personalmente, ¡nos encanta la continuidad! A continuación, utilizó una combinación de widgets de UI de iOS predefinidos de Justinmind, como la barra de estado y el cuadro de búsqueda, y sus propias imágenes, para crear la estructura de iOS en su prototipo. Fue tan fácil como arrastrarlos y soltarlos en el lienzo.

Construir la interacción

Javier se centró en un rendimiento ágil y unos patrones de navegación coherentes a la hora de dar vida a su prototipo de aplicación para Kindle. Quería asegurarse de que los usuarios pudieran deslizarse por la UI con facilidad y acceder a sus libros kindle desde la tienda kindle sin perder tiempo navegando por múltiples menús. Para mantener el flujo de navegación ordenado y conciso, Javier optó por una barra de navegación inferior. Incluiría sólo 4 componentes: favoritos, descargas, ajustes e iconos de búsqueda. Utilizando eventos de enlace, Javier empezó a construir la funcionalidad en su prototipo de aplicación.

«Me encantó la sencillez de los elementos y eventos de UI de arrastrar y soltar. Era fácil aplicarlos sin tener profundos conocimientos de programación».

Para crear la función de desplazamiento por la pantalla táctil de un lector Kindle (para permitir al usuario moverse arriba y abajo por la pantalla), Javier utilizó los elementos de paralaje de Justinmind. Añadió un elemento de fondo fijo en la parte inferior de la pantalla de inicio de la aplicación. El fondo fijo es un elemento adherente y permanece fijo incluso cuando el usuario se desplaza hacia arriba y hacia abajo por la pantalla. Justinmind Data Masters y Data Grids fueron una combinación esencial para este proyecto. Los utilizó para crear la experiencia del carrito de la compra, así como el inventario, los marcadores y la personalización del usuario.

La prueba definitiva: El proceso de prueba de usuarios de Javier

El proceso de creación de prototipos de Javier incluye 3 fases. La primera es una fase exploratoria en la que crea prototipos en papel y luego observa cómo interactúan los usuarios con ellos. La segunda fase incluye una evaluación de las interacciones de los usuarios, y crea prototipos más elaborados para resolver algunos de los problemas de usabilidad de la primera fase. La fase final es una fase de validación, acompañada de una buena evaluación heurística.

Experiencia de usuario: La fórmula del placer de Javier

«Involucrar al usuario en el proceso de UX es lo mejor que le ha pasado al diseño desde el descubrimiento de la Proporción Áurea», dice Javier riendo. Javier trabaja para mejorar la disposición del terreno para el usuario. Cuando le preguntamos qué significaba para él la experiencia del usuario, respondió «Imagina un parque con varios caminos de grava. Los caminos se conectan y entrelazan. Crean rutas diferentes, pero todos están señalizados hacia el mismo lugar. El caminante ignora los caminos. Encuentra su propio camino, buscando rutas alternativas y atajos que le lleven a ese lugar más cómodamente». Al igual que el caminante, el usuario a menudo se salta las señales y crea su propia ruta para llegar a donde quiere ir. La mejor ruta posible es donde reside la gran experiencia de usuario -el viaje del usuario- y es tarea del diseñador de UX marcar el camino.

La revolución UX de Javier: descubrir la herramienta de prototipado que acabará con todas las herramientas

Javier contempla el cambio en la industria del diseño web hacia prácticas centradas en el usuario, así como las herramientas que lo han hecho posible. Los diseñadores de UX pretenden crear productos usables y encantadores para sus usuarios. Pero históricamente, como recuerda Javier, las empresas han impuesto a los diseñadores que se centraran en los clientes con poder adquisitivo, en lugar de en los usuarios cotidianos. Pero estamos asistiendo a un cambio hacia el diseño centrado en el usuario, en el que las partes interesadas por fin tienen en cuenta al usuario final. Por ejemplo, Netflix acabó con Blockbuster al tratar a sus abonados como usuarios, no como clientes. Con los usuarios ahora en el centro de la estrategia de producto, es deber del diseñador centrar el diseño del producto en torno al usuario final. Herramientas como Justinmind ayudan a satisfacer esta necesidad. Para Javier, la creación de prototipos tanto de baja como de alta fidelidad es esencial para plasmar sus ideas, identificar errores y realizar mejoras en la experiencia del usuario. Como diseñador autónomo, la creación de prototipos le ayuda a ahorrar tiempo, recursos y dolores de cabeza. Al resolver los problemas antes de desarrollar un diseño y una funcionalidad más complejos y en los que los errores salen bastante caros, la relación coste-beneficio es mucho mayor.

«Justinmind es la herramienta que me ayuda a llevar mis diseños al siguiente nivel. Tengo libertad para diseñar y obtener resultados asombrosos».