Designing watchlists for a financial data provider

Improving the subscriber experience and unlocking new user insights to internal teams

Overview

During the process of resolving reported pain points from subscribers about applying complex filters on data analyses, my design team also identified related issues from other stakeholders. Working through technical constraints, we produced a new watchlist feature and updated the homepage. Subscribers can save their filtered analyses and access them quickly via the new homepage. Internal teams also gained access to subscriber insights through a new user analytic source created with this feature.

Contribution

User research (proxy)
Interaction design
UI design

Team

1 Product manager
1 Front-end SWE
& more

Duration

4 weeks
2019

Platforms

Web

Product preview

Save, name, and organise complex analyses with a tap of a button

Access one or multiple saved analyses with a click of a button

Background

Interactive data analyses to inform business decisions

The company provides data sets on consumer card transactions, which can be used to discover and track trends on consumer spending habits at specific companies, brands, and entities. Hedge fund managers, private equity managers, and market data analysts are examples of subscribers that use this data to support their investment or business theses.

The web portal grants subscribers access to interactive charts which they can edity to display specific segments or time periods. These charts are updated daily as new card transactions are added to the dataset, which will need to be updated.

Example of an analysis page (data is not real).

Target users

Subscribers to this product are specialists in data analysis, financial modeling and forecasting. They use the data to support their proposals, such assessing the risk of investments, or providing evidence of the potential of a new business direction.

Problem

Repetitive, frustrating client experiences with complex analyses

A subscriber shared a pain point with our client success manager: to access a complex analysis, he has to type and select more than 20 company names each time. Other client success managers and support managers also received corroborating feedback, including some subscribers resorting to using browser bookmarks.

Example of the selection that a subscriber might have needed to make.

Limited information on how users use the product

Through stakeholder discussions, the product and data analysis creation teams noted that they do not know how subscribers were cross-referencing the different analyses available in the product. This was because subscribers were reluctant to divulge their methods, hence client success managers were cautious to engage users for product discovery.

Design process

Understand +
Define

User research (via proxy)
Contextual research

Ideate +
Refine

Wireframing
User flow analysis
Stakeholder feedback
Design system integration

Deliver +
Follow-up

Hi-fidelity mockups
Setup usage analytics

Research insights

Due to company policy, the design team did not have direct access to users. We spoke to client success managers and client support managers in lieu of the subscribers. Through their past experiences with the subscribers, we learnt that:

Finding #1

Subscribers can apply many filters for an analysis, which becomes a cumbersome task when repeated.

Approach #1

Set up a convenient method to save and load complex filters settings.

Finding #2

Subscribers check various analyses (with filters) routinely for a thesis.

Approach #2

Enable subscribers to access all their customised analyses with minimal clicks.

Finding #3 (internal)

Usage analytics showed how subscribers used each analysis, but not how they use multiple analyses.

Approach #3

Set up new analytics source(s) that provide insight into how subscribers use multiple analyses.

Objective

Enable subscribers to save and quickly access the customised analyses they are following

With the intended approaches in mind, the goal is to provide a way for subscribers to take 'snapshots' of the analyses they have customised, and provide an avenue to access these 'snapshots' that will always be up-to-date.

Ideation and refinement

Collaborating with stakeholders

We worked with client success managers and client support managers that served as user proxies to assess the odds of user acceptance of our concepts, and then with other software engineers to ensure that the concepts were feasible within the project timeframe.

From flows to the fine details

Through review sessions with other designers, design decisions were made with consideration of existing features and future plans. This was done to maintain consistency in the product experience, whether it is in navigating the site or the icons used to represent functionality.

Design outcomes

Save and name what you see

Once subscribers load the charts they want to track, they can save and name it in matter of seconds.

Animation (~30s) depicting the steps of saving an analysis to a watchlist.

New homepage feature

Replacing a previous 'design' that was mostly irrelevant, introducing the watchlist feature on the homepage provides greater visibility and encourages user adoption. Due to technological constraints, the best solution was to enable subscribers to open all their saved analyses in a group at once as new tabs with a click of a button.

New homepage design.

Manage and edit watchlists

A new page for subscribers to modify their watchlists. Subscribers can re-arrange, rename, and delete their watchlists and items here.

New watchlist page with its management features.

Improved dynamic filter settings

Time-sensitive filters now come with the option of rolling periods, providing accurate data without the hassle of frequent edits.

Get in touch for the full story


Next

Re-designing a courier services app for Indonesia