JFJay Farfan
Volver al inicio
02CERTEZIA

Rediseñando un flujo de firma digital de alta fricción

Optimicé el flujo principal de Certezia, reduciendo la fricción en su momento más crítico: la interacción entre el teléfono y un documento físico. Validado con usuarios, el resultado fue una experiencia más clara, confiable y fácil de completar.

ROL:UX/UI Designer
Flow OptimizationNFC InteractionPrototypingDesign SystemAI-assisted Design
Rediseñando un flujo de firma digital de alta fricción
DATOS CLAVE
40%

Menos pasos en flujo crítico de firma.

User Testing

Validado con prototipo y ususarios reales.

8/10

NPS en pruebas con usuarios.

Certezia UI Kit

Base visual propia, lista para escalar.

01

Contexto

Certezia es una app que permite firmar documentos PDF de forma legal usando el DNI electrónico (DNIe) desde el celular.

El reto: hacer que un proceso técnico, físico y sensible funcione para usuarios no expertos.

02

El problema

El flujo inicial tenía tres problemas principales:

- El usuario debía ingresar el PIN mientras sostenía el DNI → se interrumpía el escaneo - Mensajes genéricos (“error”, “intentar nuevamente”) sin capacidad de recuperación - Demasiados pasos + UI sin sistema propio (librería Android)

Tres pantallas móviles que muestran los problemas de UX del flujo original de Certezia

Guía visual confusa

La posición en la animación dificultaba la lectura NFC.

PIN durante el escaneo

Interrumpía la conexión entre el DNIe y el teléfono.

Error genérico

No explicaba el problema ni cómo recuperarse.

03

Discovery

Trabajé junto al equipo de Certezia para entender el problema desde negocio, usuario y sistema: - Business Model Canvas - Arquetipos de usuario - Identificación de necesidades - Benchmark de soluciones similares - Análisis del flujo As-Is - Service Blueprint del proceso de firma

Esto permitió mapear dónde ocurría la fricción real.

04

Insights clave

El mayor problema no era técnico, era de diseño:

  • El sistema pedía información en el peor momento posible: durante la interacción física con el DNI.

05

Decisiones de Diseño

01

Reordenar el flujo

Se solicitan todos los datos antes del escaneo NFC.

02

Simplificar el proceso

Reducción de pasos y decisiones innecesarias.

03

Diseñar estados del sistema

Errores, advertencias y feedback claros y accionables.

04

Guiar al usuario

Onboarding contextual y ayudas en momentos críticos.

06

Rediseño

Rediseñé el flujo completo con un principio clave:

- Separar carga cognitiva de la interacción física.

Diagrama del flujo rediseñado de Certezia mostrando todas las pantallas y conexiones del proceso de firma
Nuevo flujo Certezia: Happy path de 4 pasos, Alternative Path, estados de error y advertencias.
07

Prototipo + Testing

Construí un prototipo interactivo completo del flujo crítico de Certezia. Con este, validé el nuevo flujo con usuarios reales:

  • Mayor claridad en el proceso
  • Menor fricción en escaneo NFC
  • Mejor percepción de control
Vista del prototipo interactivo de Certezia en Figma
Prototipado en Figma
Sesión de test de usabilidad de Certezia en Lookback
Test de Usabilidad en Lookback
08

Resultado

  • −40% pasos en el flujo crítico.
  • Menor fricción en interacción física con DNIe.
  • Mejor comprensión del proceso.
  • Mayor confianza del usuario.
09

Aprendizajes

  1. A.

    Diseñar para lo físico cambia completamente el UX.

  2. B.

    El microcopy es clave en sistemas complejos.

  3. C.

    Separar acciones reduce fricción más que simplificar visualmente.

  4. D.

    Un buen sistema de estados vale tanto como el flujo principal.

10

Flujo final

Flujo final del producto Certezia
Flujo final Certezia con Dashboard, 4 pasos, animación guía mejorada y pantalla de confirmación. También dos etapas diferenciadas: Fase Cognitiva y Fase Física.
11

IA en el proceso

Usé IA para acelerar el proceso sin perder criterio humano.

  • Investigación
  • Síntesis
  • Prototipado
  • Documentación

Siempre con validación humana y foco en el usuario.

JFJay Farfan
© 2026 Diseñado y construido por Jay Farfan