Data Visualization on Mobile App
Finding a solution that merges data visualization and mobile-first design is crucial for optimal user experience,
as traditional chart solutions often fail to meet mobile app design requirements
Addressing the Challenge of Harmonizing Data Visualization with Mobile First Design
When it comes to mobile app design, traditional chart solutions often fall short due to unclear diagrams and tiny axes. In addition, mobile app users are accustomed to certain interactions such as swiping and scrolling. To address these requirements, a suitable solution must be found that harmonizes data visualization and mobile first design. The following examples showcase solutions to this challenge.
Quick overview
Enhancing User Decision-Making with Gallery Components
In order to provide users with a more comprehensive overview of company branches and facilitate their decision-making process, we have incorporated gallery components into our design approach. By utilizing these components, we can effectively visualize the relevant KPIs for each branch, compare them, and provide users with the ability to seamlessly navigate to the next level of sub-industries for further investigation.
Product Comparison
Solving the Challenge of Displaying Multiple Products and Enabling Easy Comparison
In order to address the need to display multiple products on a single page and allow for easy comparison between them, we utilized collapse-expand cards that display relevant key performance indicators (KPIs) for each product. When collapsed, users can quickly compare KPIs between products, while expanding the card provides a more detailed view of each individual product.
Investigate & Compare
Efficient Product Comparison and Investigation using Switch-View Functionality
The challenge was to allow users to compare products and investigate each one independently. To meet this requirement, we employed the switch-view functionality as we were dealing with only four products. The first view allowed users to compare products in one view, while the second view enabled them to elaborate on each product independently, resulting in efficient product comparison and investigation.