Ruta Full Stack
0✦ 0
Glosario · Qué se vende · Fase 0

Interfaz

La parte de un programa con la que tratas tú: lo que ves y lo que puedes tocar para darle órdenes.

✦Apagada: responde bien la pregunta del final para encenderla

También lo verás como: interfaz de usuario · interfaces · UI · interfaz gráfica

Analogía

El salpicadero de un coche: volante, pedales, indicadores. No necesitas saber cómo funciona el motor; la interfaz es el punto de contacto entre tú y la máquina.

Dos tipos que vas a usar

Tipo Cómo se le habla Ejemplo
Gráfica (botones, menús, ventanas) con ratón o con el dedo una web, VS Code
De línea de comandos escribiendo la terminal, Claude Code

Y un tercer tipo, que no es para personas: la API, la interfaz por la que se hablan dos programas. La I de API es justamente interfaz.

UI y UX

  • UI (interfaz de usuario): cómo se ve y qué elementos hay.
  • UX (experiencia de usuario): cómo se siente usarla. Una interfaz preciosa donde nadie encuentra el botón de reservar tiene buena UI y mala UX.

Para qué sirve / cuándo aparece

  • El frontend es el trabajo de construir la interfaz.
  • Para el usuario, la interfaz es el producto: no ve nada más.
  • Describir bien un cambio de interfaz —qué elemento, dónde, cuánto— es la habilidad de la Fase 3.
Comprueba que lo entendiste

Una web tiene un diseño muy cuidado, pero los clientes no encuentran cómo reservar. ¿Qué falla?

Ver también

frontend · usuario · roles del equipo web · API