Trading Sentimental Portal

Trading Sentimental Portal

Trading Sentimental Portal

Web Portal | User Research & Design | Collaboration Project | Jan-May, 2024

How Can We Design a Data-Heavy UI
That Minimizes Cognitive Load?

about the project

This project was a collaboration with STelligence to develop the Trading Sentimental Portal — a portal designed to automatically collect and analyze news data and its impact on oil prices from various sources.

How Can We Design a Data-Heavy UI That Minimizes Cognitive Load?

How Can We Design a Data-Heavy UI
That Minimizes Cognitive Load?

Personalize the view

  • Drag & Drop Column Customization

Optimize Browse & Search

  • Filter

  • Sorting

  • Recommended Search (History and frequently searched)

Personalize the view

Drag & Drop Column Customization

Crude

Imp/Exp

Prod.

Demand

See More

Country

US

Canada

Mexico

Columbia

Argentina

See More

Cancel

Apply

Category

Reset

Filter

Optimize Browse & Search

  • Filter

  • Sorting

  • Recommended Search (History and frequently searched)

Information
Information

Information

  • Information & Visual Hierarchy

  • Overview Charts & Summary

Typography

  • Readability, font size, and spacing

  • Consistent visual hierarchy

Color

  • High-contrast Dark Mode

  • Clear labeling — Sentiment indicators

  • High-contrast Dark Mode

  • Clear labeling — Sentiment indicators

Grouping

  • Content

  • Summary

  • Numerical data

Navigation

By using tabs

  • Overview

  • Table

  • Top picks

  • Compare news

Work flow analysis
Goal
Goal

Minimize user workload and processing time


Maximize capacity for news storage and processing.


easily create and reuse News Flow Data files.

Minimize user workload and processing time


Maximize capacity for news storage and processing.


easily create and reuse News Flow Data files.

Inputs
Inputs

Date

Key news content

Unit

This Period

Last Period

Changes

Country

Category

Date

Key news content

Unit

This Period

Last Period

Changes

Country

Category

Outputs
Outputs

top 3 most impactful news items

top 3 most impactful news items

This Week Outlook

This Week Outlook

Market Highlights

Market Highlights

Resources
Resources

News website

News website

User Flow Optimization

  • Add Filter ‘Today’ to match the user flow

  • Add ‘Compare news’ page

  • Add ‘Top Picks’ page

Key Takeaway
What I learned

  • In the real world, not all processes can be done perfectly like in theory or in order

  • Working mostly with developers, I’ve come to understand the reality that sometimes we need to work within certain feasibility constraints.

  • Agile method — repeat until it works!

Implementation

Ideation

Key Takeaway

What I learned

  • In the real world, not all processes can be done perfectly like in theory or in order

  • Working mostly with developers, I’ve come to understand the reality that sometimes we need to work within certain feasibility constraints.

  • Agile method — repeat until it works!

Implementation

Ideation

Work flow analysis

Goal

Minimize user workload and processing time


Maximize capacity for news storage and processing.


easily create and reuse News Flow Data files.

Inputs

Date

Key news content

Unit

This Period

Last Period

Changes

Country

Category

Outputs

top 3 most impactful news items

This Week Outlook

Market Highlights

Resources

News website

WORK
PLAY
About

Rujirekha

Rujirekha

© Rujirekha

© Rujirekha

00:02 GMT+9

神戸, Japan

神戸, Japan