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

Proceso 01 · Desarrollo

Diseño frontend

Traducción de la interfaz aprobada a código: componentes, estados, grillas, tipografía y comportamiento responsivo, tomando el sistema de diseño como fuente única de verdad.

Herramientas

  1. 01.01

    Implementación de componentes

    Cada componente del sistema de diseño se construye una vez y se reutiliza en todas las pantallas.

  2. 01.02

    Revisión de fidelidad de diseño

    Comparación pantalla por pantalla entre el diseño visual de alta y lo implementado.

  3. 01.03

    Revisión de accesibilidad

    Contraste, foco visible, navegación por teclado, jerarquía semántica y textos alternativos.

    Reporte

Proceso siguiente

Framework →

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