Diseñar sistemas para paisajes y usuarios en evolución

Ser uno de los primeros en lanzar una súper aplicación con marcas de varias categorías es motivo de tanto orgullo como inquietud. Si bien la tarea es atender a un conjunto variado de usuarios con comportamientos igualmente variados, uno de los mayores desafíos que enfrentamos fue crear una experiencia orientada al usuario, intuitiva y orientada al futuro que sea simple, versátil, escalable y elegante.

Después de varios meses de trabajo increíble realizado por nuestro equipo de diseño joven y dinámico, estamos seguros de que el producto que estamos construyendo obtendrá el amor que se merece.

Aquí hay un resumen rápido para celebrar nuestro viaje, hasta ahora:

Diseñando para un sistema de múltiples capas: El Diseño Unsystem

Un sistema, por definición, es un conjunto de reglas y guías que crean una experiencia consistente e intuitiva para los usuarios para ayudar a minimizar la fricción y la sobrecarga cognitiva. De este modo, el sistema ayuda a los usuarios a sentir una sensación de comodidad y familiaridad en un espacio que pueden llamar suyo.

Como diseñadores, juramos por las barandillas en un sistema de diseño y nos adherimos a ellas sin compromisos. Cada regla es sacrosanta y por lo tanto inflexible. Pero a pesar de esta estructura rígida, nuestro equipo ha traspasado los límites del sistema e imaginado una nueva forma de crear una experiencia de usuario flexible, consistente y ágil.

Con este pensamiento nuevo y fresco, nuestro esfuerzo fue garantizar que cuando los usuarios vengan a nuestro gran y diverso Neu-universe , puedan navegar a través de múltiples viajes y múltiples marcas sin esfuerzo y tener una experiencia coherente y sin problemas.

Esto es lo que llamamos un " un-sistema": un conjunto ágil de reglas que son versátiles, escalables y flexibles para mantenerse al día con los nuevos comportamientos y experiencias de los usuarios.

A pesar de su escala y diversidad, permite flexibilidad en la interfaz de usuario (usuario). Interfaz), temas de color e incluso patrones de UX, manteniendo la esencia de nuestro sistema de diseño en su núcleo en un lienzo cada vez mayor.

Ir híbrido : modos oscuros o claros

La oscuridad es premium, la luz es limpia, entonces, ¿por qué no usar ambos?

En nuestro enfoque Un-System, desafiamos la rigidez de un tema oscuro para una súper aplicación que tiene mucho que hacer. Hubo viajes que se sintieron comprometidos y necesitaban una interfaz más liviana y limpia. El Un-System fue nuestra solución para alternar e implementar lo que es mejor para nuestros usuarios.

Si bien un modo oscuro es ideal para categorías como joyería, moda y electrónica para agregar ese toque de glamour y dar a los productos una sensación de lujo, era importante equilibrar las páginas de productos con un modo claro que fuera descriptivo y requiriera la atención de los usuarios. para leer durante más tiempo sin fatiga ni distorsión.

Esto nos hizo crear un tema que no era solo oscuro ni claro, sino híbrido.

Creamos un sistema híbrido perfecto que era oscuro y claro basado en lo que les daría a nuestros usuarios la mejor experiencia visual.

Se usó Flutter para implementar esta experiencia híbrida perfecta aprovechando el poder de la creación de temas, y nos permitió crear una jerarquía más sólida entre los diversos widgets en una página y otorgar a cada sección el derecho a ser consumido en su totalidad por los usuarios.

Obtener la tecnología adecuada : flutter con tokens

Un gran producto necesita a las mejores personas. Cuando un diseño innovador se encuentra con una tecnología robusta, sabemos que tenemos un ganador.

Nuestro equipo de arquitectura allanó el camino al aprovechar un marco robusto y escalable; Aleteo. Conocido por su agilidad en todas las plataformas con un solo código base, nos entusiasmó construir el sistema de diseño sobre el M3 con Flutter, lo que nos permitió crear una hermosa aplicación compilada de forma nativa en un marco de tiempo desafiante.

También habilitamos la tokenización en nuestro sistema de diseño. Los tokens de diseño son decisiones de diseño pequeñas y repetidas que conforman la guía visual de un sistema de diseño. Los tokens reemplazaron los valores estáticos, como los códigos hexadecimales para el color, con nomenclaturas autoexplicativas que nos permitieron construir modelos consistentes y escalables pero, lo que es más importante, proporcionaron una única fuente de verdad entre los equipos que trabajaron juntos, a saber, diseñadores, arquitectos, front -desarrolladores finales e ingenieros.

Dialectos visuales: narración a través de ilustraciones y animaciones

Un dialecto es un idioma compartido, hablado por un grupo específico de personas de una región similar. Es un marcador para identificar sus raíces culturales y linaje. Y esta definición tampoco es muy diferente para el mundo digital. Con lapsos de atención reducidos y enormes cantidades de información para procesar y consumir en nuestra súper aplicación (widgets, categorías, ofertas, pancartas, contenido y más, todos compitiendo por la atención del usuario), decidimos agregar algunas pausas intencionadas para romper el desorden.

Presentamos nuestros mono y duotonos isométricos, creados solo para ese descanso previsto. Nuestro juego sutil con ilustraciones y gráficos en movimiento es una forma de proporcionar un alivio visual y ayudar a los usuarios a sumergirse en toda la experiencia a su ritmo.

La punta del iceberg: mucho hecho y mucho más por hacer.

El arte sin función tiene muy poco valor en el mundo actual y, como diseñadores y artistas, reconocemos que nuestras creaciones tienen que resolver problemas reales y mantener a nuestros usuarios en el centro de todo. Nuestro viaje para lanzar este sistema de diseño solo ha dejado esto más claro, mostrando que los problemas complejos pueden tener soluciones simples.

Nuestro trabajo acaba de comenzar a medida que avanzamos hacia nuestro próximo desafío de resolver más marcas, diversas categorías, comportamientos cambiantes de los usuarios, temas más nuevos y una personalización más profunda. Todo esto para permitir que todos los usuarios vivan el Neu!