# Reglas UX/UI unificadas

Estas reglas se aplican a backend, web y app para mantener consistencia y usabilidad.

## 1) Lenguaje y tono

- Todo el copy en espanol claro y directo.
- Botones con verbos de accion: `Publicar`, `Guardar`, `Reintentar`, `Cancelar`.
- Errores orientados a solucion: explicar que corregir y en que campo.

## 2) Jerarquia visual

- Un CTA primario por pantalla.
- Titulos cortos y consistentes por modulo.
- Espaciado base de 8px (8/12/16/24).

## 3) Formularios

- Validacion en cliente antes de enviar.
- Mostrar errores por campo y error global si aplica.
- Bloquear boton durante submit y mostrar estado `Guardando...`.
- Evitar pedir datos tecnicos al usuario final cuando no son necesarios.

## 4) Estados de UI

- Cada vista de datos debe contemplar: `loading`, `empty`, `error`, `success`.
- Error con accion de recuperacion (`Reintentar`).
- Exito con feedback visible (toast, snackbar o alerta inline).

## 5) Navegacion

- Estructura predecible: titulo, contenido, acciones.
- En web, breadcrumbs o boton volver en formularios.
- En app, no mezclar multiples estilos de cabecera en un mismo flujo.

## 6) Accesibilidad

- Contraste suficiente y tamanos tactiles minimos de 44-48dp.
- Labels claros para inputs, botones y acciones icon-only.
- No depender solo del color para indicar estado.

## 7) Reglas API y backend para UX

- Respuestas de error JSON normalizadas (`message` + `errors` por campo).
- Estados de negocio traducidos en frontend (`pending`, `resolved`, etc).
- Mantener idempotencia en acciones sensibles (ej. postular duplicado).

## 8) Consistencia entre plataformas

- Misma semantica de estados y nomenclatura en web y app.
- Mismos pasos por flujo clave: Auth, Publicacion, Soporte, Pago, Mensajeria.
- Misma priorizacion visual: CTA principal + acciones secundarias.