Cien funciones que caben en cinco tarjetas.
María Mulata es el sistema de talento humano y nómina de la Gobernación del Atlántico. Cinco módulos, más de cien funciones y una nómina pública completa —del árbol organizacional a los embargos judiciales— resueltos con un lenguaje visual construido pieza por pieza a lo largo de quince meses.
- Cliente final
- Gobernación del Atlántico
- Contratante
- Tecnosystems IT S.A.S.
- Producto
- María Mulata · Gestión para el Talento Humano y Nómina
- Rol
- Diseño de interfaz de usuario · contratista independiente
- Periodo
- Abril de 2014 a julio de 2015
- Dedicación
- 480 horas contratadas · unas 20 horas semanales
- Alcance
- 20 requerimientos funcionales documentados en informes firmados
- Herramientas
- Illustrator, HTML y CSS
El contexto
Una nómina pública no es un sistema de recursos humanos común: es un cuerpo de reglas legales con interfaz.
En marzo de 2014, Tecnosystems IT contrató servicios de diseño de interfaces digitales por 480 horas repartidas en seis meses. El encargo principal terminó siendo el sistema de talento humano y nómina de la Gobernación del Atlántico.
El proyecto se llamó María Mulata, por el ave negra y ruidosa que es emblema del Caribe colombiano. Su silueta se convirtió en el logotipo del sistema, acompañando al escudo de la Gobernación en la cabecera roja de cada pantalla.
A partir de septiembre de 2014 la relación cambió de forma: dejaron de ser cuentas de cobro sueltas y pasaron a ser informes de actividades numerados, uno por mes, que enumeran requerimiento por requerimiento lo entregado. Es la evidencia más precisa que sobrevive del alcance real.
- PG · Administración y Seguridad
- HV · Hoja de vida
- NM · Nómina y Prestaciones
- DC · Cargos y Organigrama
- EGH · Consulta WEB
Cada tarjeta lleva su sigla en la esquina porque los usuarios internos ya nombraban los módulos así, y la interfaz no iba a corregirlos.
El reto
El volumen de funciones no cabe en una navegación normal. El módulo de Nómina y Prestaciones por sí solo contiene once tipos de parámetros —incapacidades, primas, seguridad social, vacaciones, indemnización, planilla integradora, tipos de nómina— más un bloque entero de transacciones: captura de novedades en tres modalidades distintas, administración de prórrogas, días no trabajados, embargos. Un menú lineal habría tenido cien entradas.
Cada función la usa un perfil distinto. El liquidador entra a preliquidación una vez al mes. El de talento humano vive en hoja de vida. El funcionario raso solo quiere su recibo de nómina. Un mismo sistema tenía que servir a los tres sin obligar a ninguno a aprender los caminos de los otros.
Los conceptos son ley, no producto. Compensación flexible, grupos base de liquidación, certificado de ingresos y retenciones, planilla integradora, cesantías parciales: nada de eso se puede renombrar por claridad. La interfaz tenía que hacer legible un vocabulario que no era negociable.
Decisiones de diseño
Cinco puertas, no cien
La pantalla de inicio no muestra funciones: muestra cinco módulos en tarjetas de color, ordenadas en un degradado que va del gris al ámbar. Todo lo demás está una capa más abajo.
Un sistema de cien funciones se presenta como uno de cinco.
El buscador antes que el menú
A la izquierda de las tarjetas, un campo de búsqueda con una instrucción desarmadamente simple: «Escriba un módulo para empezar».
Es la salida para el usuario experto. Quien sabe que va a Captura Rápida de Novedades de Nómina no debería atravesar dos niveles de navegación para llegar.
El menú sirve a quien explora; el buscador, a quien ya sabe. Convivir era más barato que elegir.
Atajos a lo que se hace de verdad
Bajo los módulos, tres columnas —frecuentes, herramientas y ayuda— agrupan los accesos que se usan de verdad, saltándose la jerarquía: preliquidación, liquidación definitiva, revocatoria de vacaciones, recibo de nómina, reporteador, manual de usuario.
Es una confesión útil: la jerarquía formal del sistema y su uso real no coinciden, y la portada elige servir al uso.
Un icono por función
El entregable menos visible y más laborioso fue la iconografía: más de cien piezas, una por cada función del sistema, cada una nombrada con la función que representa.
Todas comparten el mismo trazo: línea negra sobre fondo claro, sin relleno, sin color. El color pertenece al módulo, no al icono. Así una pantalla con veinte funciones se lee como un conjunto y no como un tablero de veinte colores compitiendo.
Ese conjunto es lo que convierte una lista de parámetros legales en algo escaneable con la vista.
La versión anterior, y por qué cambió
El archivo conserva una generación previa llamada Gestión de Nómina, presentada como «Servicio de Intranet»: menú vertical de cinco botones rojos —Empresa, Cargos, Hoja de Vida, Árbol, Credenciales— sobre una tabla simple.
Funcionaba mientras el sistema tuvo cinco secciones.
La navegación no falla cuando está mal diseñada: falla cuando el sistema creció y la navegación no. María Mulata es la respuesta a ese crecimiento, no una mejora estética.
Los veinte requerimientos
Los informes de actividades de octubre, noviembre y diciembre de 2014 los enumeran uno por uno. Transcritos literalmente:
REQ002 Documentos asociados · REQ014 Reporte de familiares · REQ027 Contratos · REQ028 Cuentas de empleados · REQ031 Histórico de sueldos · REQ032 Novedades de nómina · REQ035 Ausentismos y sanciones · REQ036 Incapacidades · REQ037 Reporte de entidades · REQ080 Parámetros de detalles específicos · REQ092 Tipos de nómina · REQ093 Centros de pago · REQ094 Generación de periodos · REQ095 Periodos de liquidación · REQ096 Calendarios · REQ097 Motivos de ausencia · REQ098 Conceptos · REQ099 Grupos base de liquidación · REQ131 Listado de compensación flexible · REQ132 Compensación flexible.
«Generación de maquetados para requerimientos funcionales y otros elementos de diseño e interacción para las no funcionales. Realización de tema de estilo y apariencia general, apoyo a la conversión al formato compatible HTML + CSS, apoyo de escritorio al equipo de desarrollo en la integración.»
Dos expresiones valen la pena: las reuniones eran «teleconmutadas» —mitad presencial, mitad remoto, en 2014—, y el trabajo no terminaba al entregar la maqueta: seguía sentado al lado del desarrollador mientras la montaba.
El resultado
La captura más tardía del sistema en funcionamiento está fechada el 3 de febrero de 2015, con una funcionaria autenticada y los cinco módulos activos. El proyecto siguió recibiendo trabajo de diseño hasta julio de 2015.
En el registro interno de trayectoria aparece bajo su nombre corto: Gestión de Talento Humano: MaMulata.
Hasta el error tiene diseño
La página 404 del sistema conserva el ave y el tono del conjunto. En un sistema que se usa ocho horas al día, la pantalla de error no es un descuido tolerable: es una de las que más veces se ve.
Del árbol organizacional a los embargos judiciales, sin que el usuario tenga que saber dónde vive cada cosa.
Otros casos: el backoffice de comparenderas, Caminantes de la Salud y la planta de ESWindows.
Ver el portafolio