Luis Silva
Volver a proyectos
01 Bolsa de Valores de la República Dominicana

Calculadora Bursátil

Rediseñando una herramienta financiera de referencia sin perder la precisión de la que dependen sus usuarios.

  • Mercado de Capitales
  • Renta Fija
  • Herramientas Financieras
  • 2024

Estado Publicado

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

  1. Aprender

    Comprender los flujos existentes y las fricciones recurrentes.

  2. Preservar

    Mantener la lógica financiera confiable y la familiaridad necesaria.

  3. Mejorar

    Resolver problemas de navegación, interacción y usabilidad.

  4. 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

  1. 01 Seleccionar el instrumento
  2. 02 Definir el escenario
  3. 03 Calcular
  4. 04 Interpretar resultados
  5. 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

  1. 01 Contexto del instrumento
  2. 02 Rendimiento y precios
  3. 03 Valores de la transacción
  4. 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

  1. Diseñar
  2. Validar
  3. Ajustar
  4. Implementar

Lo que cada ciclo tenía que responder

  1. Claridad financiera

    ¿Los usuarios podían seguir interpretando correctamente el cálculo?

  2. Usabilidad

    ¿El nuevo flujo era más fácil de navegar?

  3. 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

  1. 01 Necesidades de usuario
  2. 02 Diseño de producto
  3. 03 Validación
  4. 04 Front-end
  5. 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.

  1. Investigación

    Aprendizaje directo con usuarios de una herramienta financiera establecida.

  2. Diseño

    Reorganización de una experiencia de cálculo compleja sin eliminar el contexto financiero necesario para sus usuarios.

  3. Entrega

    Validación del rediseño y traslado de la experiencia hacia una implementación front-end responsive.