Cómo subimos la conversión del pago un 41% quitando campos

Rediseño de la pantalla de pago: el día que dejamos de perder dinero en el último clic

19 de septiembre de 2026

Vamos a hablar de algo que casi nadie quiere tocar: la pantalla de pago. Ese último paso donde tu usuario ya decidió comprar, ya metió la tarjeta mentalmente, ya se imaginó usando lo que sea que vende tu app… y de repente se va. Se va sin decir adiós. Y tú, mirando los logs, te preguntas por qué.

Hoy te cuento cómo rediseñamos esa pantalla en una app móvil, qué métricas movimos y por qué el resultado me tiene todavía bastante contenta. Spoiler: no fue magia, fue quitar estupideces.

El punto de partida: una pantalla que parecía un formulario del siglo pasado

La pantalla original tenía siete campos visibles de golpe. Siete. Nombre, apellidos, email, teléfono, dirección, código postal, y un checkbox de "acepto términos" con letra de 9px. Todo en un solo scroll infinito que en móvil parecía un castigo divino.

El botón de "Pagar" estaba al final, claro. Pero para llegar ahí tenías que pelearte con el teclado, que tapaba medio formulario, y con una validación que solo te avisaba de los errores cuando pulsabas el botón. Un clásico: rellenas todo, pulsas, y te sale "el email no es válido" en rojo. ¿Dónde? Arriba. Sube tú a buscarlo.

Métrica de partida:

• Conversión del 41% en la pantalla de pago.
• Tiempo medio de finalización: 2 minutos 47 segundos.

Es decir, más de la mitad de la gente que llegaba ahí se iba. Y los que se quedaban tardaban casi tres minutos en algo que debería ser cuestión de segundos.

Lo que hicimos: menos campos, más contexto, feedback inmediato

El rediseño se apoyó en tres ideas muy simples. Tan simples que da rabia no haberlo hecho antes.

1. Dividir en pasos cortos. En lugar de un scroll eterno, dos pantallas. La primera solo pide identificación (email y nombre). La segunda, pago y confirmación. Cada paso tiene su propio botón de avance. El cerebro humano odia los muros de campos; prefiere escalones.

2. Validación en vivo. Mientras escribes, el campo te dice si va bien o mal. Sin esperar al botón. Sin rojos sorpresa. Si el email está mal, lo sabes al instante y lo corriges sin perder el hilo.

3. El botón de pagar siempre visible. En móvil, el botón vive pegado abajo, en una barra fija. No tienes que buscarlo. Está ahí, esperándote, como debe ser.

Y un detalle que parece tonto pero mueve agujas: mostrar el resumen del pedido en todo momento. Lo que vas a pagar, cuánto, y qué incluye. La gente necesita recordar por qué está metiendo la tarjeta. Si le haces dudar, se va.

Los números después del rediseño: aquí está la chicha

Vamos a lo que importa. Medimos durante cuatro semanas antes y cuatro después, con el mismo tráfico y sin campañas raras de por medio.

• Conversión: del 41% al 68%. Sí, has leído bien. Veintisiete puntos porcentuales. No es un typo.
• Tiempo medio de finalización: de 2:47 a 1:12. Menos de la mitad.
• Tasa de abandono en el primer campo: del 34% al 11%. La gente ya no huye al ver el formulario.
• Errores de validación por sesión: de 1.8 de media a 0.4. La validación en vivo hace su trabajo.
• Tickets de soporte relacionados con pagos: bajaron un 62%. Menos gente perdida, menos gente cabreada escribiendo al chat.

¿Todo esto por cambiar una pantalla? Sí. Y no me cansaré de decirlo: la pantalla de pago es donde se gana o se pierde el dinero. Puedes tener el mejor onboarding del mundo, la mejor app, el mejor producto. Si el último paso es un laberinto, se acabó.

Lo que aprendimos (y lo que me cabrea del sector)

Hay una cosa que me revienta: la cantidad de equipos que dedican meses al diseño de la home y cero minutos a la pantalla de pago. Cero. Como si el dinero apareciera solo. Como si el usuario fuera a aguantar cualquier cosa porque "ya está decidido".

Mentira podrida. El usuario no está decidido. Está a un paso de irse. Y ese paso es tu pantalla de pago.

Otra lección: no hace falta reinventar la rueda. No metimos animaciones 3D ni inteligencia artificial predictiva ni nada de eso. Quitamos campos, ordenamos la información y dimos feedback inmediato. Eso es todo. El 80% de la mejora vino de hacer lo obvio que nadie había hecho.

Y una más, que me parece clave: medir antes de tocar. Teníamos los números de partida. Sin ellos, no habríamos sabido si el rediseño funcionaba o si estábamos celebrando una casualidad. Las métricas no son burocracia; son la diferencia entre mejorar y creerte que mejoras.

Por qué esto te afecta aunque no tengas una app de pagos

Aunque tu app no cobre directamente, el patrón se repite en mil sitios. Formularios de registro, procesos de configuración, cualquier flujo donde el usuario tiene que completar algo para obtener valor. La regla es la misma: divide, valida en vivo, muestra contexto y no escondas el botón.

El tiempo de finalización no es una métrica de vanidad. Es frustración medida en segundos. Cada segundo que tu usuario pasa peleándose con tu interfaz es un segundo que está pensando en cerrar la app.

Y la conversión no es un número abstracto. Es gente real que quería comprar y no pudo porque tú se lo pusiste difícil.

Cierre

Rediseñar la pantalla de pago no es glamuroso. No sale en portadas. No te lo van a pedir en una reunión con inversores. Pero es, probablemente, la intervención con mejor retorno que puedes hacer en tu producto. Duplicar la conversión de un flujo crítico con cambios que caben en una tarde de trabajo no pasa todos los días.

Así que te lanzo la pregunta: ¿cuándo fue la última vez que miraste de verdad tu pantalla de pago? No la de un vistazo. De verdad. Con cronómetro, con métricas, con un usuario real delante.

Si no recuerdas cuándo, ya sabes por dónde empezar mañana.