Concepto independiente · B2B, comparación

CIFRA

Presupuestos que no se pueden comparar a simple vista: uno pide menos al empezar, otro entrega antes, otro no tiene cuota. CIFRA deja elegir el criterio y el plazo, y enseña cuándo cambia la opción más barata.

CIFRA, vista de escritorio
CIFRA, vista móvil
Tipo
B2B, comparación
Mi papel
Diseño de producto, interfaz y desarrollo
Alcance
Comparador, gráfico de coste y resumen de decisión
Estado
Concepto independiente · marca y datos ficticios

El reto

Qué problema intenta resolver.

Una empresa pequeña recibe varios presupuestos por el mismo trabajo. Cada uno combina de forma distinta pago inicial, cuota mensual y plazo, y el más barato el primer día no es siempre el más barato al cabo de un año.

La pregunta de diseño: ¿cómo mostrar la comparación sin imponer qué importa más, y sin hacer creer que la herramienta decide por la persona?

Decisiones de diseño

Cuatro decisiones, a la vista.

Cada una se puede comprobar en la demo.

Comparación ordenada por pago inicial

El criterio lo elige la persona

Coste acumulado, pago inicial, plazo de entrega o más revisiones. Al cambiar de criterio, la propuesta destacada y la frase que lo explica cambian con él.

Gráfico de coste acumulado con el punto de cruce

El plazo cambia la respuesta, y se ve

El plazo va de 1 a 60 meses y un gráfico dibuja el coste acumulado de cada propuesta. Debajo, en palabras: A es la más barata hasta el mes 10, B del 11 al 20 y C desde el 21.

Editor con una cuarta propuesta

Tus propuestas, no las del ejemplo

Se pueden nombrar, añadir y quitar propuestas, de dos a cinco, con límites claros y errores que dicen qué corregir. La comparación se guarda en el navegador y en un enlace que se puede compartir.

Resumen de decisión con lo que se deja de lado

Cerrar con una decisión que se pueda explicar

Elegir una propuesta abre un resumen con lo que dejas de lado (por ejemplo, que otra sale más barata a 24 meses), preguntas antes de firmar, una nota opcional y «Copiar mi decisión».

Qué puedes probar

Un recorrido de cuatro pasos.

Para ver las decisiones funcionando, en este orden.

  1. Mueve el plazo de 12 a 24 meses y mira cómo cambia la más barata.

  2. Añade una cuarta propuesta con tus propios importes.

  3. Elige una propuesta y lee lo que dejas de lado.

  4. Copia el enlace y ábrelo en otra pestaña.

Detrás de la interfaz

Lógica aparte

El cálculo vive en quote-model.js, separado de la interfaz, e incluye los tramos de meses en que cada propuesta es la más barata. Pago inicial de 0 a 1.000.000 €, cuota de 0 a 10.000 €, plazo de 1 a 365 días.

  • HTML, CSS y JavaScript, sin dependencias externas.
  • Revisado sin errores de consola ni desbordes horizontales a 1440 y 390 px.
  • Marca, imágenes y datos ficticios. Ninguna cifra procede de usuarios reales.

Con más tiempo

Qué comprobaría con personas.

Son hipótesis para una prueba que aún no he hecho, no resultados.

  • ¿Eligen el criterio antes de leer la tabla, o al revés?
  • ¿Entienden el gráfico sin leer la frase de debajo?

¿Hablamos del puesto?

Puedo explicarte cómo llegué a cada decisión de este concepto.