Transformar una aplicación web de pentesting, creada originalmente por ingenieros, en un producto moderno, usable y centrado en los usuarios.
Aqui abajo te cuento el caso de este proyecto con imágenes e información de investigación.
Explorar Prototipo
Puedes interactuar con los principales flujos de usuario en toda la solución de diseño.
Punto de partida
Fluid Attacks es una compañía especializada en ciberseguridad y pruebas de penetración (pentesting) bajo un modelo SaaS. Cuando llegué al proyecto en 2019, el Attack Surface Manager (ASM) era un producto técnico y rústico, sin pruebas de usabilidad, sin investigación de usuarios y sin sistema de diseño. El riesgo era claro: baja satisfacción, alto número de detractores, fricción en tareas básicas y aumento de tickets de soporte.
Indicador de éxito: NPS (Net Promote Score)
En febrero de 2020, la startup tenía un 56 % de clientes satisfechos, pocas respuestas y muchos detractores.
Aumento de clientes satisfechos a un 66%
En 2022, dos años después, aumentó al 66 % de clientes satisfechos y disminuyó el número de detractores. Logré mi objetivo: crear soluciones centradas en el usuario gracias al trabajo en equipo (CX y Development).
Declaración del problema - Puntos de dolor
La investigación de usuario que realicé duró 4 semanas. Decidí investigar problemas esenciales que tenían los usuarios porque tenían muchas frustraciones con el proceso de gestión de vulnerabilidades. La investigación reveló 6 problemas críticos:
Cierres forzados que interrumpían el flujo de trabajo
Sesión de usuario activa por tiempo limitado
Baja velocidad de descarga
Tiempos de carga frustrantes
Arquitectura de información confusa
Secciones duplicadas y tareas poco claras
Micro cambios constantes
Afectaban el aprendizaje de los usuarios
Falta de investigación de usuario
Decisiones de diseño aleatorias y sin sustento
Inconsistencia visual
Ausencia de un sistema de diseño
Mi rol - Cómo encajé
UX/UI Designer
Fluid AttacksMi proceso
Apliqué el Design Thinking para rediseñar la aplicación web:
Observación y análisis de la aplicación web. Investigación cualitativa con usuarios y personajes clave, con nivel de experiencia alto.
Creación de recursos de investigación, como User Persona, Mapas de Empatía, Definir tareas clave y simplificación de flujos de usuario y rediseñar mapa de arquitectura de información.
Mapa del sitio web y propuestas de flujos de usuario.
Diseño de prototipos interactivos. Diseño de sistema de diseño atómico con componentes modulares de Tachyon.
Pruebas de usabilidad con usuarios clientes de la plataforma, como también interesados del proyecto. Entrevistas moderadas y cualitativas.
La solución - antes y después
Resultados - Impacto en cifras
Satisfacción del cliente aumentó del 56% en 2020 al 66% en 2022.
Reducción del número de detractores y tickets de soporte.
Mayor alineación entre equipos de diseño, desarrollo y marketing.
Reflexión - Lo que aprendí
Trabajar como único diseñador en un entorno dominado por ingeniería me enseñó a defender la experiencia de usuario con datos, a prototipar rápido y a construir puentes de comunicación entre diseño y desarrollo.