UX Method
Diseño estratégicoArquitectura de la informaciónDiseño de interacciónDesarrolloMantención UXInvestigación UX
  1. Inicio
  2. /Diseño de interacción
  3. /Diseño visual

Proceso 02 · Diseño de interacción

Diseño visual

Capa visual sobre la estructura validada, construida y mantenida a través del sistema de diseño.

Herramientas

  1. 02.01

    Sistema de diseño

    Componentes, tokens y reglas que alimentan wireframes y diseño visual.

  2. 02.02

    Diseño visual de baja

    Primera capa visual sobre la estructura validada.

  3. 02.03

    Diseño visual de alta

    Interfaz final lista para desarrollo.

  4. 02.04

    Prototipos de diseño visual

    Navegables de alta fidelidad.

  5. 02.05

    Test de prototipos de diseño visual

    Investigación UX

    Reporte

Proceso anterior

← Wireframes

UX Method

Metodología de diseño centrado en el usuario: momentos, procesos y herramientas para construir productos digitales basados en evidencias.

Etapas

  • Diseño estratégico
  • Arquitectura de la información
  • Diseño de interacción
  • Desarrollo
  • Mantención UX

Transversal

  • Investigación UX
  • Glosario

Acerca

  • Metodología definida por Ayer Viernes
  • Autor: Jorge Barahona

© 2026 UX Method — Ayer Viernes

Diseño editorial · IBM Carbon

Edit with