19 · El corazón del producto
Agenda y calendario
La pantalla que más se mira. Debe responder en un segundo: quién viene ahora, quién sigue, dónde hay un hueco y si algo se solapa.
Esta agenda es una ilustración con datos ficticios. Elige un hueco, pulsa «Agregar cita» y mira qué pasa si dos citas coinciden.
Martes 3 de noviembreDatos de ejemplo
Elige una hora de la lista.
Anatomía de una cita en la lista
9:00 a. m.Paciente Ejemplo AControl · 30 minConfirmada
- Hora
- A la izquierda, tabular, en semibold. Es lo primero que se busca.
- Paciente y motivo
- Nombre en peso normal, motivo debajo en gris cálido (15 px). Sin diagnósticos.
- Estado
- A la derecha, con ícono y palabra.
- Huecos libres
- Se muestran como filas vacías con «Libre» en gris: son información tan útil como las citas.
- Cita actual
- Se marca con una barra Solar a la izquierda y el texto «Ahora». El amarillo señala dónde estás, no un problema.
Calendario del mes
LMXJVSD
124 citas36 citas, hoy45 citas53 citas65 citas7894 citas106 citas112 citas125 citas133 citas1415161718192021222324252627282930
Noviembre de 2026, citas de ejemplo. Los días con citas muestran el número, no solo un punto de color. Hoy tiene un borde Solar y la palabra «hoy» para lectores de pantalla.
Gráficos
Los gráficos son simples, con el valor escrito sobre cada barra y sin leyendas lejanas.
Sí
- Valores escritos sobre las barras
- Un solo color de énfasis y grises para el resto
- Título que diga la conclusión: «Los jueves son el día más cargado»
- Una tabla accesible equivalente disponible
No
- Gráficos de pastel de más de tres porciones
- Colores rojo y verde como único contraste
- Ejes truncados que exageran diferencias
- Animaciones largas al entrar