Producto Digital UX/UI

Para quién es

Ideal para ideas SaaS, herramientas internas, portales de cliente, MVPs y negocios con procesos que necesitan una mejor interfaz.

Qué incluye

• Flujos
• Prototipo
• Sistema UI

Qué recibes

Mapa de flujos

Cada pantalla, estado y punto de decisión del recorrido dibujado como un solo diagrama conectado, incluyendo los estados de error y vacíos que suelen aparecer a mitad del desarrollo.

Set de wireframes

Pantallas en baja fidelidad para los flujos prioritarios, lo bastante baratas para discutirlas y descartarlas.

Prototipo navegable

Un prototipo enlazado que puedes recorrer en tu propio dispositivo y poner frente a las personas que van a usar el producto.

Sistema de UI

Tipografía, color, espaciado y componentes con sus estados — hover, carga, error, vacío — documentados para que la pantalla veinte se parezca a la primera.

Especificación de entrega

Pantallas anotadas con notas de comportamiento, escritas por un estudio que también desarrolla, para que el ingeniero no tenga que adivinar.

Copy de interfaz bilingüe

Etiquetas, estados vacíos y mensajes de error escritos en español e inglés por las mismas manos, no pasados por un traductor.

Formas de empezar

• Auditoría UX de producto

  1-2 semanas

  Una revisión pantalla por pantalla de un producto, portal o herramienta interna existente: dónde se atoran los usuarios, qué estados faltan y una lista de correcciones priorizada sobre la que puedes construir, hagamos o no la siguiente fase.

• Sistema de diseño de producto

  4-10 semanas

  El arco completo para un producto nuevo o un rediseño profundo: mapa de flujos, wireframes, prototipo navegable, sistema de UI y especificación de entrega, acotado a los flujos que importan primero.

Cómo corre el trabajo

1. 01DiagnósticoClarificamos audiencia, oferta, el cuello de botella actual y qué debe probar la primera versión.
2. 02FormaDefinimos mensajes, estructura, dirección visual, flujo UX y la ruta de servicio prioritaria.
3. 03ConstrucciónDiseñamos y desarrollamos los activos, páginas, automatizaciones o pantallas necesarias para lanzar.
4. 04MediciónConectamos captura, seguimiento, analítica e iteración para que el sistema mejore después del lanzamiento.

Preguntas

¿También construyen lo que diseñan?

Sí. El desarrollo es un servicio propio de este estudio, y la misma persona que dibuja los flujos puede publicarlos. Si lo construye tu equipo, la especificación de entrega está escrita para ellos: pantallas anotadas, notas de comportamiento, estados documentados. En cualquier caso, nada en el diseño asume un desarrollo que no puede existir.

Tenemos un proceso en hojas de cálculo, no un producto. ¿Es demasiado pronto?

Es el momento más barato para empezar, no el más temprano. Mapear ese proceso en flujos y un prototipo te dice qué necesita ser el producto antes de que alguien comprometa un desarrollo. Los equipos que se saltan este paso suelen pagar el descubrimiento en código.

¿Pueden trabajar sobre un producto existente?

Sí. Para eso existe la auditoría: recorremos los flujos actuales, conservamos lo que funciona y nombramos lo que atora a los usuarios. El rediseño extiende la lógica del propio producto en lugar de reemplazarla por novedad.

Nuestra interfaz necesita existir en español e inglés. ¿Son dos proyectos?

Uno. El estudio trabaja en ambos idiomas de forma nativa, así que el copy de interfaz se escribe dos veces, no se traduce una. El prototipo puede llevar ambas versiones, y ves dónde cada idioma tensiona el layout antes de que lo descubra el desarrollo.