Diseño UX/UI y de interfaz para producto digital | Zil Design
Zil Design
Diseño UX/UI

Diseño UX/UI y de interfaz

Diseñamos productos digitales que se pueden usar y que el equipo de desarrollo puede construir sin traducir capturas.

Diseño de experiencia de usuario e interfaz para plataformas y aplicaciones, con sistema de componentes y entrega documentada.

El diseño de interfaz empieza antes de la pantalla

La mayoría de los rediseños que nos llegan piden una interfaz nueva y el problema está una capa más abajo: la información no está organizada como la busca el usuario, o la tarea principal exige cuatro pasos donde alcanzaba con dos. Repintar eso lo deja igual de difícil, sólo que más prolijo.

Por eso arrancamos por medir dónde se cae la gente, con la analítica que ya existe y con entrevistas, y resolvemos flujo y arquitectura antes de dibujar. El diseño visual llega después, sobre una estructura que ya se probó.

Cómo trabajamos

Seis etapas, cada una con su entrega. El proyecto puede empezar en cualquiera de ellas si el trabajo anterior ya está hecho.

  1. 01

    Investigación

    Entrevistas con usuarios reales, revisión de la analítica que ya existe y recorrido de los productos con los que se compara. El objetivo es encontrar dónde se cae la gente, no confirmar lo que suponíamos.

  2. 02

    Arquitectura y flujos

    Cómo se organiza la información y qué camino recorre cada tarea. Se resuelve antes de que haya una sola pantalla dibujada, porque una interfaz linda sobre un flujo malo sigue siendo un flujo malo.

  3. 03

    Wireframes

    Las pantallas en gris, para discutir estructura y contenido sin que la conversación se desvíe a los colores.

  4. 04

    Interfaz

    El diseño visual aplicado sobre la estructura aprobada, con sus estados de carga, error, vacío y éxito. Los estados no son un detalle: son la mitad del producto y la mitad que siempre se olvida especificar.

  5. 05

    Sistema de diseño

    Componentes, tokens de color y tipografía, y reglas de uso, entregados en Figma para que el equipo de desarrollo construya sobre algo consistente.

  6. 06

    Entrega a desarrollo

    Especificaciones, medidas, comportamiento responsive y una sesión con el equipo técnico. El diseño termina cuando está construido, no cuando está aprobado.

Una interfaz linda sobre un flujo malo sigue siendo un flujo malo.

Los estados son la mitad del producto

Una pantalla no es un estado, son cinco: cargando, con datos, vacía, con error y con la acción completada. La versión que se muestra en una presentación es siempre la del medio, y las otras cuatro son las que el usuario encuentra en un día real.

Las especificamos todas, porque si no las define el diseño las termina definiendo el desarrollo bajo presión de fecha, y ahí es donde un producto cuidado empieza a sentirse improvisado.

Podés ver un producto digital completo en el caso de Quantia. Si además necesitás el sitio público, está diseño web.

  • Nu
  • MMG Bank
  • Advantia
  • Quantia
  • Clojure
  • Net Value
  • KFC
  • Wendy's
  • Nu
  • MMG Bank
  • Advantia
  • Quantia
  • Clojure
  • Net Value
  • KFC
  • Wendy's
  • Nu
  • MMG Bank
  • Advantia
  • Quantia
  • Clojure
  • Net Value
  • KFC
  • Wendy's

Hablemos de tu marca

Activá el máximo potencial de tu marca y transformalo en crecimiento para tu negocio.

Preguntas frecuentes

Preguntas frecuentes