LinkUp
Reconstruir el sistema de administración detrás de un buscador de empleo
LinkUp es un buscador de empleo que obtiene sus ofertas únicamente de los sitios web de las empresas. Eso las mantiene actualizadas y libres de duplicados, y depende de un equipo que mantiene miles de scrapers y los repara cuando cambia el sitio de empleo de una empresa. Este proyecto rediseñó el sistema de administración interno en el que ese equipo trabaja cada día.
El sistema existente había crecido enlace a enlace. Su página de inicio eran tres columnas de enlaces de texto, con herramientas operativas, informes y controles de servidor uno al lado del otro. Ofrecía poca visibilidad sobre el estado de la cola. Los usuarios tenían que salir del producto y volver a entrar para tareas menores, y tenían que abrir un registro completo para comprobar una sola cifra. Casi nada en pantalla indicaba qué se podía hacer a continuación.
Entrevistamos a usuarios diarios, expertos en la materia, ingenieros de soluciones, administradores y usuarios avanzados. Recorrimos paso a paso el flujo de trabajo de scraping, desde que una solicitud llega a la cola hasta que una extracción queda reparada, y registramos cada pantalla y herramienta por la que pasaba. También revisamos cómo estructuran herramientas similares otras plataformas de empleo y enumeramos lo que faltaba.
El rediseño parte del propio trabajo. Una solicitud entra en la cola, un analista abre la entidad, encuentra la extracción que falla, la corrige y pasa a la siguiente. Cada paso tiene una página, y cada página mantiene a la vista el paso siguiente.
Tres decisiones recorren todo el proyecto. La navegación y las acciones son explícitas y están etiquetadas. Un panel lateral reúne información y datos de referencia, de modo que comprobar un número ya no obliga a salir de la página. Y cada pantalla se construye con una única biblioteca de componentes, así que un patrón aprendido una vez sirve en todas partes.
La interfaz es neutra por diseño. El color marca el estado y la acción principal, y se deja que los datos destaquen.
El nuevo panel se abre con el trabajo en sí: la cola de solicitudes, ordenada y paginada, con las estadísticas de la cola y el historial reciente del propio usuario debajo. Un panel de información a la derecha reúne los recuentos que el equipo consulta todo el día, como el total de ejecuciones y las empresas con errores, y puede cerrarse cuando no se necesita.
El tablero de investigación sigue el recorrido real del especialista en scraping por el sistema antiguo, pantalla por pantalla, con notas sobre dónde se atascaba o salía del producto.
El recorrido rediseñado avanza en una sola línea: panel, solicitudes en cola, detalles de la entidad, detalle de la extracción, editor de código, prueba, resultados. Las ramas laterales cubren las comprobaciones que se hacen por el camino.
Solicitudes en cola
La cola es una pantalla dividida. La lista permanece a la izquierda; la solicitud seleccionada se abre a la derecha con sus notas, estimaciones de ofertas, alertas y etiquetas. Un control de estado en la parte superior permite pasar entre solicitada, en curso, terminada y el resto, cada una con su recuento. La columna de empresa permanece fija mientras las demás se desplazan, para que el analista siempre sepa qué fila está leyendo.
Todo lo que se sabe sobre una empresa está en una sola página, agrupado en paneles: información de la entidad, cambios en el número de ofertas, notas fijadas, alertas de extracción y etiquetas. Las pestañas de la parte superior cargan en el mismo lugar las notas, las extracciones, el registro de eventos y todas las ofertas. Un aviso en la parte superior señala una entidad que requiere atención y enlaza al motivo.
Dos controles eliminan la mayor parte de las idas y vueltas. Una búsqueda en el encabezado salta directamente a otra entidad de la cola. Un menú de acciones cambia el estado, envía extracciones a la cola o añade una nota sin salir de la página.
Los componentes se diseñaron en Figma y se documentaron en Supernova, y el equipo de ingeniería asumió la responsabilidad de la biblioteca. Abarca los fundamentos, como campos de entrada, tablas, pestañas y alertas, y los patrones propios de este producto, como el elemento de estado de las solicitudes en cola y el panel lateral.
El rediseño abarcó las páginas que el equipo más usa, en el tiempo disponible. La biblioteca de componentes es lo que permite que el resto del sistema siga el mismo camino.
¿Tiene un proyecto en mente?
Aceptamos un número limitado de proyectos cada trimestre. Cuéntenos en qué está trabajando.
Hablemos →