Característica
Diseño responsivo estilo Gmail con navegación inferior móvil, paneles que se colapsan automáticamente, cargadores de esqueletos y notificaciones tipo toast. Revisa candidatos desde tu teléfono.
Primera Impresión
Carga Estilo Gmail
Cuando la aplicación se inicializa, ves el logo de Curriculo con una barra de progreso suave debajo. Sin pantalla blanca en blanco, sin un spinner que gira para siempre. El estado de carga se siente pulido e intencionado.
Logo + Barra de Progreso
La pantalla de carga muestra el logo de Curriculo centrado en un fondo limpio con una delgada barra de progreso animada debajo. Comunica que la aplicación se está cargando y proporciona una sensación visual de progreso. Una vez que la aplicación está lista, la pantalla de carga se desvanece suavemente.
Este patrón se toma de Gmail, Notion y Linear, aplicaciones conocidas por su experiencia de carga. Establece la expectativa de calidad antes de que el usuario vea el panel de control.
Diseño Adaptativo
Reemplazo de Panel
En pantallas estrechas (móviles y tabletas pequeñas), al abrir la vista de detalle de un candidato, se reemplaza la vista de lista en lugar de aparecer junto a ella. Esto le da a cada pieza de contenido el ancho completo de la pantalla. Navega de vuelta a la lista con un solo toque.
Barra Lateral que se Colapsa automáticamente
Cuando se abre un panel de detalle en pantallas medianas, la barra lateral se colapsa automáticamente para hacer espacio. En móviles, la barra lateral se convierte completamente en la barra de navegación inferior. Cada píxel se utiliza para el contenido con el que estás trabajando.
Navegación Inferior Móvil
En móviles, la barra lateral de escritorio es reemplazada por una barra de navegación inferior de 5 pestañas, siempre visible, siempre a un toque de distancia.
Bandeja de entradaNuevos solicitantes y acciones pendientesEstrellaCandidatos guardados para acceso rápidoEmpleosTodas las ofertas de trabajo activas y archivadasEntrevistasPróxima y pasada programación de entrevistasLa Pestaña “Más”
La quinta pestaña abre un menú “Más” con acceso a Configuración, Analítica, Gestión del Equipo, Facturación y otras características de uso menos frecuente. Esto mantiene la barra inferior limpia mientras asegura que todo siga siendo accesible.
Marcas de Tiempo Móviles
Visualización Compacta de Fechas en Filas de Solicitantes
En escritorio, las filas de solicitantes muestran marcas de tiempo completas (“15 de marzo de 2026 a las 2:34 PM”). En móvil, las marcas de tiempo se comprimen a formatos relativos (“hace 2h”, “Ayer”, “15 de Mar”) para ahorrar espacio horizontal mientras se mantiene útil la información.
Cargadores de Esqueleto & Notificaciones tipo Toast
Cargadores de Esqueleto
Cada página de la aplicación tiene un estado de carga de esqueleto: formas de marcador de posición grises que coinciden con el diseño del contenido que se está cargando. La lista de candidatos muestra esqueletos en forma de fila. La página de analítica muestra esqueletos en forma de gráfico. Esto elimina el cambio de diseño y da la impresión de velocidad.
Notificaciones tipo Toast
Cada acción del usuario produce una notificación tipo toast: “Candidato movido a Entrevista” (éxito, verde), “Error al guardar nota” (error, rojo), “Entrevista programada” (info, azul). Los toasts aparecen en la parte superior derecha en escritorio y en la parte inferior central en móvil, y se cierran automáticamente después de 4 segundos.
Próximamente
Soporte para Modo Oscuro
Variables CSS Listas
Toda la interfaz de usuario está construida con propiedades personalizadas CSS (variables) para colores, fondos, bordes y sombras. Cambiar a modo oscuro es cuestión de intercambiar valores de variables, la infraestructura ya está en su lugar.
Implementación Parcial
Los componentes principales (barra lateral, encabezado, tarjetas, botones) ya tienen variantes en modo oscuro definidas. La cobertura total del modo oscuro está en progreso y se lanzará como una configuración que el usuario puede activar en una futura actualización.
Detección de Preferencias del Sistema
Cuando se lance el modo oscuro, respetará la preferencia del sistema operativo del usuario (prefers-color-scheme: dark) por defecto, con un interruptor manual en la configuración para anular.
Preguntas Frecuentes
Preguntas Frecuentes Frequentemente
¿Existe una aplicación móvil nativa?
CurriculoATS es una aplicación web responsiva, no una aplicación nativa para iOS o Android. Funciona en cualquier navegador móvil (Safari, Chrome, Firefox) y está diseñada para sentirse como una aplicación nativa con navegación inferior, transiciones suaves y controles amigables con el tacto.
¿Puedo revisar candidatos desde mi teléfono?
Sí. El diseño móvil te da acceso completo a la lista de candidatos, vistas de detalle, vista previa de currículos, notas, acciones del pipeline y programación de entrevistas. Todo lo que puedes hacer en escritorio, lo puedes hacer en móvil.
¿Cuándo estará disponible el modo oscuro completo?
La infraestructura de variables CSS está en su lugar y los componentes centrales tienen variantes oscuras. El modo oscuro completo está en el plan y se lanzará como una configuración que el usuario puede activar. Aún no hay una fecha específica, pero se está trabajando activamente en ello.
¿Los cargadores de esqueleto afectan el rendimiento?
No. Los cargadores de esqueleto son elementos ligeros solo de CSS que se renderizan instantáneamente. De hecho, mejoran el rendimiento percibido al mostrar la forma del diseño mientras se carga el dato, eliminando el cambio brusco de pantalla vacía a contenido completo.
¿Puedo instalar la aplicación en mi pantalla de inicio?
Sí. CurriculoATS funciona como una Aplicación Web Progresiva (PWA). En móviles, puedes usar la opción “Agregar a la Pantalla de Inicio” de tu navegador para crear un ícono similar a una aplicación que abre la experiencia a pantalla completa sin elementos del navegador.