Financial Mobile App - Data visualisation

As part of a design task, I established a premium and clear UI direction and reimagined the screen’s experience, starting from a wireframe. Over the course of a week, I navigated the entire process from exploration and discovery to design and delivery. It was an exhilarating journey. Along the way, I encountered challenges, such as selecting the right qualitative colours for data visualisation. However, leveraging best practices informed my decisions and helped me overcome these hurdles effectively.

I identified areas in the wireframe that either broke or didn’t fully serve their purpose and made improvements. Initially, the wireframe suggested using pie charts, but the presence of numerous categories raised concerns. This prompted a decision point: should I follow the original suggestion or challenge it to better align with user needs? The core principles defined from my exploration provided guidance for the design direction.

I opted for the latter, presenting a more intuitive, linear approach. By using bar charts instead of pie charts, I enabled clearer comparisons and made the data easier to visually interpret, avoiding the confusion caused by an overload of pie chart colours. This decision was well-received and positively reinforced my user-centered design approach.

Some challenges involved evaluating the impact on various screens. Would this disrupt our established typography system? Could the locked components remain consistent and well-maintained? Along with a retrospective on the design outcome, some self made assumptions illustrated below.