Calculadora Bursátil
Rediseñando una herramienta financiera de referencia sin perder la precisión de la que dependen sus usuarios.
La Calculadora Bursátil es una herramienta de referencia utilizada dentro del mercado de valores dominicano para evaluar instrumentos de renta fija mediante precios, rendimientos, montos transados y flujos proyectados. El reto consistía en modernizar un producto establecido preservando la precisión y confianza esperadas de una herramienta financiera profesional.
- Organización
- Bolsa de Valores de la República Dominicana
- Año
- 2024
[ Visual 01 ]
Producto final
[ recorte desktop amplio ]
[ Visual 01 ]
Producto final
Vista amplia de la Calculadora Bursátil rediseñada mostrando los datos de entrada y la información financiera resultante, incluyendo contexto del instrumento, resultados de precios y flujos proyectados.
Usar la captura pública auténtica de la calculadora. Pensada para ser una de las imágenes más grandes de la página.
01 Contexto
Más que una calculadora
La Calculadora Bursátil forma parte de un flujo de trabajo financiero profesional. Los participantes del mercado la utilizan para evaluar escenarios de instrumentos de renta fija y traducir variables como rendimiento, precio, valor nominal y liquidación en valores y flujos que pueden utilizar dentro de su trabajo.
Su importancia generaba una restricción particular de diseño: no se trataba de un producto nuevo que pudiera reinventarse sin consecuencias. Los usuarios ya dependían de la calculadora y comprendían su lógica financiera. La oportunidad estaba en mejorar la experiencia alrededor de esa lógica sin comprometer la familiaridad, precisión o credibilidad de la herramienta.
Lo que la interfaz comprime
Entrada
Rendimiento
Precio
Valor nominal
Monto transado
Liquidación
Cálculo
Resultado
Precio limpio
Precio sucio
Cupón corrido
Monto transado
Flujos
02 La experiencia anterior
Una herramienta establecida con fricciones acumuladas
La calculadora anterior se había convertido en una herramienta familiar para sus usuarios, pero esa familiaridad no eliminaba sus problemas de usabilidad. Problemas de navegación, funcionalidades rotas o inconsistentes y oportunidades para incorporar nuevas capacidades se habían acumulado alrededor de una experiencia que necesitaba evolucionar.
Como los cálculos financieros subyacentes ya contaban con la confianza de sus usuarios, el rediseño no podía limitarse a reemplazar todo lo existente. El trabajo requería separar la lógica financiera esencial del producto de los problemas de interacción que habían crecido a su alrededor.
[ Visual 02 ]
Calculadora anterior
[ vista amplia del producto ]
[ Visual 02 ]
Calculadora anterior
Captura o material público de la experiencia anterior de la calculadora. Mostrar el producto como punto de partida del rediseño sin modificar ni inventar su funcionalidad.
Mantener reservado hasta que exista material público utilizable. No reconstruir la interfaz anterior de memoria.
03 Entendiendo a los usuarios
Partiendo de cómo los profesionales utilizaban realmente la herramienta
Antes de rediseñar la experiencia, hablé directamente con usuarios de la calculadora existente para comprender cómo la herramienta encajaba dentro de su trabajo, qué partes generaban fricción y qué necesitaban de una nueva versión.
Las conversaciones ayudaron a separar problemas cosméticos de aquellos que afectaban el flujo de trabajo real. También aportaron contexto para decidir qué partes de la experiencia existente debían conservar su familiaridad, qué interacciones necesitaban cambiar y dónde nuevas capacidades podían generar valor real.
El objetivo no era rediseñar el producto alrededor de usuarios teóricos. Era comprender cómo una herramienta financiera establecida ya estaba siendo utilizada y mejorarla a partir de esa realidad.
Lo que las conversaciones dejaron claro
-
Aprender
Comprender los flujos existentes y las fricciones recurrentes.
-
Preservar
Mantener la lógica financiera confiable y la familiaridad necesaria.
-
Mejorar
Resolver problemas de navegación, interacción y usabilidad.
-
Extender
Incorporar capacidades que apoyen la evolución del flujo de trabajo.
El objetivo no era simplificar las finanzas. Era simplificar la interacción alrededor de ellas.
04 Dirección de diseño
Preservando la complejidad sin crear fricción innecesaria
Una calculadora financiera profesional no puede ocultar las variables que determinan sus resultados. Rendimiento, precio, valor nominal, monto transado y liquidación son elementos relevantes.
Por lo tanto, el reto de diseño no consistía en eliminar complejidad indiscriminadamente. Consistía en establecer una relación más clara entre lo que proporciona el usuario, lo que calcula el sistema y lo que necesita interpretar después.
La experiencia rediseñada separa la interacción en una progresión más explícita: identificar el instrumento, definir el escenario de cálculo, calcular, interpretar los resultados y explorar los flujos resultantes.
La progresión que la interfaz hace explícita
- 01 Seleccionar el instrumento
- 02 Definir el escenario
- 03 Calcular
- 04 Interpretar resultados
- 05 Explorar flujos
05 Definiendo el escenario
Haciendo explícito el estado del cálculo
El cálculo comienza estableciendo el instrumento y las variables que definen el escenario. En lugar de tratar estos valores como una colección de campos independientes, la interfaz rediseñada los agrupa como las entradas que determinan el estado del cálculo.
Esto crea una separación más clara entre lo que controla el usuario y lo que devuelve el sistema, facilitando comprender por qué los resultados cambian cuando se modifica una variable.
[ Visual 03 ]
Definiendo el cálculo
[ recorte vertical o dividido ]
[ Visual 03 ]
Definiendo el cálculo
Recorte enfocado de la calculadora rediseñada mostrando la selección del instrumento y las principales variables del cálculo: rendimiento, precio, valor nominal, monto transado y fecha de liquidación.
Se recortará de la captura auténtica del producto final.
06 Interpretando el resultado
Convirtiendo un cálculo en información que puede utilizarse
Calcular un valor es solamente una parte del trabajo. El resultado necesita exponer suficiente contexto financiero para que los profesionales comprendan el escenario que acaban de crear.
El área de resultados reúne la información del instrumento y los valores calculados para que los usuarios puedan pasar de la entrada a la interpretación sin perder contexto. Resultados como rendimiento, precio limpio, precio sucio, monto transado y cupón corrido se presentan junto con la información del valor que les proporciona significado.
[ Visual 04 ]
Resultados — anatomía de información
[ 16:9 ]
[ Visual 04 ]
Resultados — anatomía de información
Recorte anotado del área final de resultados. Utilizar marcadores numéricos discretos para identificar contexto del instrumento, resultados de precios, valores de la transacción e información de cupón corrido.
Leyenda de marcadores debajo. Sin flechas sobre la interfaz.
Leyenda de marcadores
- 01 Contexto del instrumento
- 02 Rendimiento y precios
- 03 Valores de la transacción
- 04 Cupón corrido
07 Más allá del resultado
Haciendo visible el futuro del instrumento
Para el análisis de renta fija, el resultado principal no representa el final de la experiencia. Los profesionales también necesitan visibilidad sobre cómo se comporta el instrumento a través del tiempo.
La calculadora rediseñada mantiene la información de cupones y flujos proyectados conectada al resultado del cálculo, permitiendo pasar de un escenario de precio puntual hacia la secuencia de pagos que existe detrás de él.
[ Visual 05 ]
Flujos proyectados
[ 3:2 ]
[ Visual 05 ]
Flujos proyectados
Recorte enfocado del producto mostrando el calendario de cupones o pagos generado por el cálculo. Mantener suficiente contexto del área de resultados alrededor.
Usar la tabla real del producto. No construir un gráfico sustituto.
08 Validación
Validando el rediseño con quienes dependían de la herramienta
La experiencia rediseñada fue validada con usuarios clave antes de convertirse en la nueva experiencia del producto.
La validación era especialmente importante porque las mejoras de usabilidad no podían producirse a costa de la comprensión financiera. Los cambios debían facilitar la navegación de la calculadora preservando la terminología, relaciones y resultados que los profesionales esperaban de la herramienta.
Los comentarios obtenidos durante estos ciclos de validación sirvieron para realizar ajustes antes de finalizar la implementación.
Cómo se comprobó el rediseño
- Diseñar
- Validar
- Ajustar
- Implementar
Lo que cada ciclo tenía que responder
-
Claridad financiera
¿Los usuarios podían seguir interpretando correctamente el cálculo?
-
Usabilidad
¿El nuevo flujo era más fácil de navegar?
-
Familiaridad
¿El rediseño preservaba los conceptos en los que los usuarios ya confiaban?
09 Experiencia responsive
Llevando una herramienta financiera de escritorio más allá del escritorio
El rediseño también incorporó una experiencia responsive. Adaptar una herramienta financiera densa a pantallas más pequeñas requería algo más que reducir la interfaz de escritorio: la prioridad de las entradas, el orden de lectura y la relación entre cálculo y resultados debían seguir siendo comprensibles a medida que cambiaba el espacio disponible.
[ Visual 06 ]
Calculadora responsive · Desktop
[ 16:10 ]
[ Visual 06 ]
Calculadora responsive · Mobile
[ 9:16 ]
[ Visual 06 ]
Calculadora responsive
Vistas desktop y mobile de la calculadora rediseñada mostrando cómo las entradas, acciones y resultados del cálculo se adaptan a pantallas más pequeñas.
Mantener reservado hasta que existan capturas responsive auténticas.
10 Del diseño al código
Reduciendo la distancia entre la interfaz y el producto
Mi participación continuó durante la implementación front-end. Llevar la calculadora rediseñada a producción implicaba trabajar con las entradas, resultados y comportamiento reales del backend financiero, en lugar de diseñar una representación aislada de la experiencia.
Esa cercanía con la implementación permitió evaluar las decisiones de diseño frente a restricciones reales del producto y mantener la interfaz final alineada con la experiencia que había sido validada con los usuarios.
Dónde estuvo el trabajo
- 01 Necesidades de usuario
- 02 Diseño de producto
- 03 Validación
- 04 Front-end
- 05 Motor financiero existente
El motor de cálculo ya existía. El front-end rediseñado se integra con él.
11 Resultado
Modernizando la experiencia sin perder lo que hacía valiosa a la herramienta
La calculadora rediseñada se convirtió en la nueva experiencia pública de una herramienta de referencia dentro del mercado de valores dominicano, resolviendo limitaciones de usabilidad y navegación mientras incorporaba una forma más moderna y responsive de trabajar con el mismo rigor financiero del que dependían sus usuarios.
Para mí, el proyecto reforzó una lección importante sobre el rediseño de herramientas profesionales: avanzar no siempre significa reducir la complejidad. En ocasiones, una mejor experiencia consiste en preservar la complejidad que los usuarios realmente necesitan mientras se elimina la fricción que no necesitan.
-
Investigación
Aprendizaje directo con usuarios de una herramienta financiera establecida.
-
Diseño
Reorganización de una experiencia de cálculo compleja sin eliminar el contexto financiero necesario para sus usuarios.
-
Entrega
Validación del rediseño y traslado de la experiencia hacia una implementación front-end responsive.