FX Dashboard

Financial Services

Feb 2020
UX/UI Design

Interactive Prototype
Foreign Exchange Prototype

Challenge

Money talks, right? Unfortunately, it doesn’t...otherwise my team and I could have simply just listened to it. Global Bank clients needed a way to visualize and conduct data analysis on current loans. To develop a dashboard that will help Global Bank clients visualize and conduct data analysis on current loans taken from foreign banks, flag loans with high foreign exchange risk, then escalate those within the dashboard to a decision-making.

My Role

UX Research, UI Designer

Project Time

2 Weeks

Tools

Sketch, Jira, Miro, Lucidchart

Design Thinking Map with Double Dimond Process

Discover

Customer needs

Rip The Brief

What is the purpose of the tool? To help foreign exchange managers make better decisions.
Who am I designing for? Financial Institutions
What is the primary goal? Track loans made by international banks
Who is the user? Foreign exchange managers
What is the timeframe? two weeks

Planning Example with Jira

Planning

Every team is different and used different tools, but that’s not a problem, because I just love learning new management tools. If it were actual tools like hammers and screwdrivers, I definitely wouldn’t be as adept - just ask me about the half built set of shelves in my garage. Not good. Thankfully, in this case, we decided to use a tool called JIRA.

Example of Cluster Topics

Cluster Topics

Because this is my first project in financial services, the next step was to identify the requirements and expectations of the product owner. The good news was that the product owner had no interest in my lack of carpentry skills (and subsequently didn’t want me to store anything in my non-existent garage shelving either).

Many people use Excel to create sophisticated calculations, but from a business perspective, Excel sheets won’t get the job done by itself. Having a dashboard is essential to collect, track, analyze and predict data. It’s like a nice sports car - it may look OK without the dashboard - but it really needs one for you to get the most out of it.

My client wanted to convert data into resourceful information that helps managers predict losses on existing loans. Losses = not good, so the project I was working on had to be good. For this project, I have an Excel sheet to understand how portfolio managers analyze their investments using false accounts.

Primary Research

At this point, I needed to learn more about what precisely a Foreign Exchange is, and after research, I found that Foreign Exchange is the precise conversion of one country's currency into another. For example, one can swap the U.S. dollar for the euro. Foreign exchange transactions can take place on the foreign exchange market, also known as the Forex Market.

The forex market is the largest, most liquid market in the world, with trillions of dollars changing hands every day. There is no centralized location, rather the forex market is an electronic network of banks, brokers, institutions, and individual traders (mostly trading through brokers or banks).

Once I knew more about FX, my first thought was “Wow, a million yen sounds like it would be a lot of money...but it’s really not. Hey, at least I’m a yen millionaire!” My next step was to analyze the spreadsheet that was provided by the client to understand essential aspects when monitoring foreign loans. To do this, I played with data visualization in Excel to have a picture of how information can be displayed based on hierarchy. This was much more fun than actually trying to play with the data. It couldn’t catch a ball very well.

Secondary Research

FX Dashboard Competitor

After this, I analyzed competitors to see what data visualization they used to display information. To my surprise, I noticed that the donut chart was popular. I do like tasty donuts. But unfortunately, a donut chart is a wrong graph, especially when dealing with sophisticated loans, as users focus on proportional areas of the slices to one another and the chart as a whole. Now that’s taking a bite out of a donut, for real.

Define

Specific customer problems

Problem Statement

Develop a dashboard that will help Global Bank clients visualize and conduct data analysis on current loans taken from foreign banks, flag loans with high foreign exchange risk, then escalate those within the dashboard to a decision-maker for action.

FX Persona

User Story

User:
Treasury and FX Risk Analyst within international banks.

Goal:
Understand the already calculated foreign exchange risk items and flag for higher up/decision-maker review.

Needs:
I need to know what impacts the foreign exchange risk score has on the loans in the portfolio. 

Case study
A hypothetical portfolio with five international bank loans in different currencies and terms within Global Bank’s Treasury investments portfolio. 

Develop

Potential solutions to customer problems

Six Mind Process

Six Minds

When we think about user experience design, we’re often thinking about the way an experience feels to a user and the decisions it prompts a user to make. But, argues UX psychologist John Whalen, these represent only two of the driving forces behind a user’s experience. There are four other “minds” that contribute to whether or not a design is effective.

“Language, wayfinding, emotion, and memory are all things that are sort of in the middle of cognition, but aren’t as obvious as the decision that people will be making or what exactly is going to be on the screen,” Whalen said. “That middle section is currently underserved in books and in the way we describe experience design.”

A UX team already did the primary research; all I have to do was to put their findings together to have a better idea of who the users are. Thanks UX team, super helpful - I was kind of busy with those donuts anyway.

FX User Flow Example

User Flow

There are many different pathways a user can take when interacting with the dashboard. A user flow is a visual representation of the many avenues that users take when using my hypothetical dashboard. The creation of a user flow allows me to evaluate and optimize the user experience. Some say “go with the flow,” I say “create the flow.”

Hand Draw Sketches

User Flow

While sketching seems straightforward, there are specific ways to do it efficiently. The main idea of sketching is to come up with the best solution to a problem. When sketching before wireframing begins, it allows me to try out a multitude of ideas and iterate them before settling on one. It’s like sketching in a notebook - except this professional sketching has a lot less doodles, scribbles and tic tac toe games.

Deliver

Feasible and viable solutions

Testing

I had the opportunity to conduct five usability tests to find issues in the design. Most of the FX Risk Analysts found the tool extremely helpful as they didn’t have to see boring Excel sheets anymore. By having data automate and display in one easy to use dashboard, they were able to identify risk and escalate issues to their managers all within one tool. Not boring + effective = awesome.

Some of the feedback from the FX Risk Analysts were:

Hidden Footnotes

Hidden footnotes
To clarify the meaning of a value.

Color Risk Score

The use of colors in the risk score is not explicit. Therefore, a description was needed to explain the meaning.

Bank Names in a Canlesticks

Users wanted to see bank names display in the candlestick for better recognition.

Prototype

Foreign Exchange High Fidelity Prototype

Take Aways

What I learned from this project

In the end, I converted an Excel sheet into a dashboard that displays live data to help FX Risk Analysts to make predictions when conducting data analysis. The most challenging part of this project was to find more FX Risk Analysts for usability testing. Nevertheless, I was able to work closely with five managers that helped me understand their complex Excel calculations. I was also lucky because some of the UX research was already done and provided to me including preliminary interviews, and personas, I just had to finish the research to translate the findings into a clean data-driven solution.   Now that the real work is done, it’s time to get back to using some different tools to try and fix those shelves in the garage.