Brenda ContrerasBrenda Contreras
Todos los casos
Product Design · Fintech2019

Evaluación Experta de Usabilidad para Infosel

Auditoría de usabilidad de la plataforma financiera Infosel para identificar fricciones críticas en el flujo de configuración de terminales y visualización de datos, fundamentada en psicología cognitiva y principios heurísticos.

Contexto

Infosel, una plataforma robusta de información financiera, presentaba retos de adopción debido a una interfaz saturada y flujos de navegación complejos. Como Product Design Manager, lideré una evaluación técnica para diagnosticar por qué los usuarios tenían dificultades al realizar tareas críticas como la creación de espacios de trabajo y la gestión de tarjetas de datos.

El reto

El sistema sufría de una sobrecarga cognitiva severa. Los usuarios se enfrentaban a una arquitectura de información densa que no respetaba modelos mentales estándar, lo que resultaba en errores de navegación, falta de retroalimentación en procesos clave y una visibilidad deficiente de las acciones principales.

Cómo lo abordé

  1. 1

    Simulación de rol de usuario experto para predecir errores en tareas típicas mediante criterios técnicos.

  2. 2

    Auditoría basada en los Principios Heurísticos de Nielsen, Tognazzini y las 8 Reglas de Oro de Shneiderman.

  3. 3

    Análisis de arquitectura de información y leyes de la Gestalt para optimizar la jerarquía visual.

  4. 4

    Evaluación de accesibilidad centrada en la deficiencia de visión de color (CVD) para un universo de 1,800 usuarios.

Lo que me llevé

La estética no es solo visual; en fintech, la simplicidad es una herramienta de reducción de riesgo. Mantener la consistencia con los modelos mentales externos (como los de Bitso o BIVA) permite que el usuario se enfoque en los datos financieros y no en aprender a usar la herramienta.

Metodología

  1. 01

    Entendimiento (Divergente)

    Exploración profunda de la plataforma tomando el papel del usuario para identificar puntos de dolor y áreas de confusión inicial.

  2. 02

    Definición de Metas

    Establecimiento de tareas críticas: Inicio de sesión, Crear nuevo espacio y Agregar tarjeta para medir la dificultad de navegación.

  3. 03

    Auditoría Heurística (Convergente)

    Aplicación de principios de Shneiderman y Nielsen para fundamentar técnicamente los errores detectados en la interfaz.

  4. 04

    Análisis de Accesibilidad y Gestalt

    Evaluación de contraste, ceguera al color y leyes de proximidad/continuidad para mejorar la legibilidad de datos financieros.

  5. 05

    Propuesta de Solución e Ideación

    Desarrollo de recomendaciones basadas en layouts de rejilla (grid), feedback inmediato y jerarquía visual dominante.

Hallazgos de investigación

  • Sobrecarga cognitiva en el login por exceso de información irrelevante ('What's New') que compite con la tarea principal.
  • Falta de retroalimentación (feedback) al intentar crear una tarjeta sin haber creado primero un espacio.
  • Bajo contraste y falta de legibilidad en botones de acción principales como 'AGREGAR TARJETA'.
  • Inconsistencia en modelos mentales: las ilustraciones y la navegación no corresponden a los estándares de la industria.
  • Riesgo de exclusión visual: el 8% de los hombres (el 80% de la base de usuarios) presenta algún grado de daltonismo.

Entregables

  • Reporte de Evaluación Experta
  • Análisis de Accesibilidad (CVD Simulation)
  • Guía de Recomendaciones UX/UI
  • Mapa de Arquitectura de Información Sugerida

Evidencia del proyecto

Lámina de análisis que incluye una captura de pantalla de la interfaz de login de Infosel, señalando un exceso de información en un recuadro de 'What's New?'.
Análisis de sobrecarga cognitiva en el login: el exceso de diálogos irrelevantes dificulta la tarea principal del usuario.
Análisis de usabilidad con una captura de la interfaz vacía, donde se señalan con flechas rojas la ambigüedad del mensaje central respecto a los botones de acción.
Diagnóstico de falta de prevención de errores: la interfaz no indica que se requiere un 'Espacio' antes de agregar tarjetas.
Lámina de evaluación que muestra una captura de la interfaz señalando problemas de bajo contraste en los botones y falta de estándares en la navegación inferior.
Evaluación de contraste y estándares: el botón principal carece de visibilidad y la navegación no sigue patrones comunes.
La lámina presenta una gráfica de pastel sobre la demografía de usuarios y cuatro capturas de pantalla que simulan cómo personas con diferentes tipos de daltonismo ven la interfaz.
Simulación de visión para usuarios con daltonismo (Protanopia, Deuteranopia) aplicada a los dashboards financieros.
Captura de una tabla de datos financieros de la plataforma BIVA donde se aplica visualmente la ley de continuidad mediante un corte en la parte inferior.
Aplicación de la Ley de Continuidad para mejorar el escaneo de tablas de datos financieros complejos.
La lámina muestra un diagrama técnico de una retícula (grid) y una captura de pantalla de la interfaz con una máscara de columnas rosadas para ilustrar el sistema de rejilla.
Propuesta de Responsive Layout Grid para centrar la atención en el contenido central y evitar ceguera en los bordes.
Una lámina que analiza la interfaz de creación de espacios usando leyes de Gestalt, con una captura de pantalla anotada con flechas que señalan proximidad, continuidad y semejanza.
Optimización del flujo 'paso a paso' aplicando leyes de Proximidad y Semejanza en la creación de espacios.
Dos capturas de pantalla de una interfaz de selección de tarjetas financieras puestas una al lado de la otra para comparar el flujo de usuario.
Benchmarking de 'olor de información': comparativa con Bitso para enfocar la UI en rutas familiares y automáticas.
Captura de pantalla del dashboard de Infosel con anotaciones que marcan el botón de acción principal (dominante), el grupo de tarjetas (unidad) y la barra inferior de valores (subo
Jerarquía visual final: definición de elementos Dominantes (acciones), Unidad (tarjetas) y Subordinados (datos secundarios).

Sigue leyendo

Data Strategy · Enterprise

Gobernanza de Datos C-Level: 172 KPIs convertidos en una narrativa ejecutiva

Diseñé la torre de gestión directiva en Power BI de una farmacéutica líder en LATAM: un solo tablero donde el comité lee la estrategia y decide.

Product Design · Fintech

Automatización Fintech: +75% de Productividad en Conciliación Contable

Lideré la transformación de la herramienta de conciliación de Enconta para pasar de un proceso manual en Excel a un flujo digital eficiente. Logramos aumentar la productividad de los contadores en un 75% mediante un diseño basado en evidencia y una alineación profunda con los stakeholders del negocio.

Product Design · Fintech

Arquitectura No-Code: Reducción de Carga Cognitiva en Flujos Complejos

Rediseño de la arquitectura y navegación de una plataforma 'no-code' para desarrollo a medida, enfocada en reducir la carga cognitiva de los usuarios mediante principios de Material Design y jerarquías visuales claras.

Conversemos

¿Necesitas escalar,
alinear o automatizar decisiones de diseño?

Agenda una sesión exploratoria de 30 minutos. Sin formularios largos: conversamos, diagnostico tu contexto y te propongo el siguiente paso.