Característica
Diseño receptivo al estilo de Gmail con navegación inferior en dispositivos móviles, paneles que se contraen automáticamente, cargadores de esqueleto y notificaciones emergentes. Revisar candidatos desde su teléfono.
Primera impresión
Carga al estilo de Gmail Carga
Cuando la aplicación se inicializa, se ve el logotipo Curriculo con una barra de progreso suave debajo. No hay pantalla blanca en blanco, no hay indicador de carga que gire para siempre. El estado de carga se siente pulido e intencional.
Logotipo + Barra de progreso
La pantalla de carga muestra el logotipo Curriculo centrado en un fondo limpio con una barra de progreso delgada y animada debajo. Comunica que la aplicación se está cargando y da 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 ha tomado prestado 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 de layout adaptativo
Reemplazo de panel
En pantallas estrechas (móviles y tabletas pequeñas), al abrir una vista de detalles de candidato, reemplaza la vista de lista en lugar de aparecer junto a ella. Esto da a cada pieza de contenido el ancho de pantalla completo. Navegue hacia atrás a la lista con un solo toque.
Barra lateral auto-colapsable
Cuando se abre un panel de detalles en pantallas medianas, la barra lateral se colapsa automáticamente para hacer espacio. En móviles, la barra lateral se convierte en la barra de navegación inferior por completo. Cada píxel se utiliza para el contenido con el que se está trabajando.
Móvil Navegación inferior
En móviles, la barra lateral de escritorio se reemplaza con una barra de navegación inferior de 5 pestañas, siempre visible, siempre a un toque de distancia.
InboxNew solicitantes y candidatos pendientes actionsStarredBookmarked para trabajo accessJobsAll activo y archivado listingsInterviewsUpcoming y programación de entrevistas pasadasLa pestaña “Más”
La quinta pestaña abre un menú “Más” con acceso a Configuración, Análisis, Administración de equipo, Facturación y otras características menos utilizadas. Esto mantiene la barra inferior limpia mientras garantiza que todo siga siendo accesible.
Móvil Marcas de tiempo
Visualización de fecha compacta 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óviles, las marcas de tiempo se comprimen a formatos relativos (“hace 2h”, “Ayer”, “15 de marzo”) para ahorrar espacio horizontal mientras se mantiene la información útil.
Cargadores de esqueleto y Notificaciones de 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 análisis muestra esqueletos en forma de gráfico. Esto elimina el desplazamiento de diseño y da la impresión de velocidad.
Notificaciones de toast
Cada acción del usuario produce una notificación de toast: “Candidato movido a Entrevista” (éxito, verde), “Falló al guardar nota” (error, rojo), “Entrevista programada” (información, azul). Las notificaciones de toast aparecen en la esquina superior derecha en escritorio y en el centro inferior en móvil, y se descartan automáticamente después de 4 segundos.
Próximamente
Modo oscuro Soporte
CSS Variables listas
Todo el UI está construido con CSS propiedades personalizadas (variables) para colores, fondos, bordes y sombras. Cambiar a modo oscuro es cuestión de cambiar los valores de las variables, la infraestructura ya está en su lugar.
Implementación parcial
Los componentes principales (barra lateral, encabezado, tarjetas, botones) ya tienen variantes de modo oscuro definidas. La cobertura completa de modo oscuro está en progreso y se lanzará como una configuración que el usuario puede activar en una actualización futura.
Detección de preferencias del sistema
Cuando se lance el modo oscuro, respetará la preferencia del sistema operativo del usuario (prefers-color-scheme: dark) de forma predeterminada, con un interruptor manual en la configuración para anularlo.
FAQ
Preguntas frecuentes
¿Hay una aplicación móvil nativa?
Curriculo ATS es una aplicación web receptiva, no una aplicación nativa 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 táctiles.
¿Puedo revisar a los candidatos desde mi teléfono?
Sí. El diseño móvil te da acceso completo a la lista de candidatos, vistas de detalles, vista previa del currículum, notas, acciones de canalización y programación de entrevistas. Todo lo que puedes hacer en el escritorio, lo puedes hacer en el móvil.
¿Cuándo estará disponible completamente el modo oscuro?
La infraestructura variable está en su lugar y los componentes principales tienen variantes oscuras. El modo oscuro completo está en la hoja de ruta y se lanzará como una configuración que el usuario puede activar. No hay una fecha específica todavía, pero se está trabajando en ello activamente.
¿Los cargadores de esqueleto afectan el rendimiento?
No. Los cargadores de esqueleto son elementos ligeros CSS-solo que se renderizan instantáneamente. De hecho, mejoran el rendimiento percibido al mostrar la forma del diseño mientras se carga la información, eliminando el cambio brusco de la pantalla vacía al contenido completo.
¿Puedo instalar la aplicación en mi pantalla de inicio?
Sí. Curriculo ATS funciona como una Aplicación Web Progresiva (PWA). En dispositivos móviles, puedes utilizar la opción «Agregar a la pantalla de inicio» de tu navegador para crear un icono similar a una aplicación que abre la experiencia de pantalla completa sin los elementos de la interfaz del navegador.