Cómo usar este sitio
Cada página documenta una pieza de la Intranet con su código real. Los tokens están en src/index.css y los componentes en src/components/wireframe/ del repositorio de entrega.
Introducción y filosofía
El Sistema de Diseño de la Intranet UAI existe para que cualquier pantalla nueva se resuelva con piezas ya decididas, se vea como el resto del producto y no obligue al usuario a reaprender la interfaz. Es una herramienta operativa que reduce la incertidumbre de diseño y acelera la implementación.
La Intranet vive dentro de Ellucian Experience. Todo lo que se diseña debe poder implementarse dentro de las tarjetas y vistas internas permitidas por la plataforma.
Objetivos del sistema
| Objetivo | Qué significa en la práctica |
|---|---|
| Un solo lenguaje de interacción | El usuario reconoce qué es clicable y qué no, sin importar el rol ni la sección. |
| Acceso en 1 o 2 clics | Toda tarea frecuente se alcanza desde el panel en un máximo de dos interacciones. |
| Escalar sin rediseñar | Agregar una sección se hace componiendo componentes existentes. |
| Consistencia entre roles | Estudiante, Docente, Administrativo y perfiles duales comparten patrones y jerarquía visual. |
| Compatibilidad con la plataforma | Todo diseño debe poder implementarse en Ellucian Experience. |
| Mantención barata | Un cambio de estilo se hace en un componente o token, no en decenas de pantallas. |
Principios de diseño
Cuando dos opciones parecen válidas, gana la que cumple el principio de más arriba.
| Prioridad | Principio | Consecuencia |
|---|---|---|
| 1 | Claridad antes que decoración | Ningún efecto compite con la lectura ni con la identificación de la acción. |
| 2 | Una sola acción principal por tarjeta | Un CTA sólido por tarjeta. El resto son acciones secundarias o terciarias. |
| 3 | El color comunica jerarquía, no categoría | El celeste indica acento institucional y acción. No distingue facultades ni áreas. |
| 4 | Contenido primero, contenedor después | Se elige el componente que mejor presenta el dato. |
| 5 | Evolución controlada | Se extiende un componente existente antes de crear uno nuevo; una pieza nueva se documenta aquí. |