01Escenario
Imagina un club estudiantil que necesita una página sencilla para registrar asistentes a un evento. El club, el evento y los nombres son sintéticos: esta actividad no pertenece a un cliente real.
Objetivo
Crea una interfaz clara que muestre qué ocurre cuando el formulario está vacío, contiene datos inválidos o está completo. Haz visible cómo una persona puede recorrerla con el teclado.
02Alcance y límites
- No uses un backend ni recojas datos personales reales.
- Usa únicamente nombres sintéticos y datos de demostración.
- Incluye los estados vacío, inválido y completo, además del recorrido con teclado y una vista estrecha.
03Pasos de creación
- 1
Define el evento sintético, los campos mínimos y los mensajes que necesitaría la persona usuaria.
- 2
Construye la interfaz y decide cómo se ven los estados vacío, inválido y completo.
- 3
Prueba el foco, el orden de tabulación y la legibilidad en una pantalla estrecha; anota los cambios.
- 4
Prepara los archivos, capturas y notas para explicar tus decisiones y límites.
04Evidencias de entrega
- Repositorio de Git o archivo de código.
- Capturas de los tres estados del formulario.
- Nota de las pruebas con teclado y en pantalla estrecha.
- README con decisiones y limitaciones.
05Pregúntate
- ¿Puede una persona entender cada estado sin adivinar qué debe hacer?
- ¿Qué decisión de accesibilidad cambiaste después de probar la interfaz?
- ¿Qué no demuestra este concepto porque no tiene backend ni datos reales?
06Fuentes y licencias
Usa código y materiales propios o materiales abiertos con una licencia adecuada. Registra el nombre de cada licencia y la URL de su fuente; no supongas que una imagen encontrada al azar en internet es de uso libre. Declara las contribuciones del equipo y cualquier apoyo de IA.
Guía para presentar tu trabajo con ética