HowToRich

HowToRich

HowToRich

Web Portal | User Research & User Interface Design | Academic Project | 2022
Wee, Fah, Nene, Parn , Our team | Dr.Thippaya, Advisor
Web Portal | User Research & User Interface Design Academic Project | 2022
Wee, Fah, Nene, Parn , Our team
Dr.Thippaya, Advisor
about the project

Our investigation delved into identifying the barriers preventing students from grasping the concept of mutual funds. By conducting literature reviews, user interviews, and usability testing, we aimed to unveil the underlying challenges.

Our investigation delved into identifying the barriers preventing students from grasping the concept of mutual funds. By conducting literature reviews, user interviews, and usability testing, we aimed to unveil the underlying challenges.

Persona

Student Who Has Never Sought Mutual Fund Knowledge
Student Who Has Never Sought Mutual Fund Knowledge
Biography

Earns 8–9k baht/month. Saves, tracks spending, risk-averse.

motivation

Interest sparked by father and social media.

Goal

Wants to save more and grow money.

Frustration
  • Information hard to find, complex, overwhelming.

  • Worried about risk and lack of knowledge

Needs
  • Needs simple, accessible, trustworthy basics tailored for small funds.

Student Who Has Sought
Mutual Fund Knowledge
Biography
  • Earns 25k baht/month (family business).

  • Tracks expenses but spends impulsively, leading to low savings.

  • Invested previously, but stopped.

motivation
  • Motivated by family info; sees mutual funds as a suitable option to build future surplus.

Goal
  • Wants wealth, savings, and passive income for a desired lifestyle (buy without overthinking).

Frustration
  • Information is conflicting, hard to verify, and incomplete. Worried about losses, needs thorough risk understanding.

Needs
  • Needs reliable, updated, detailed content on fund selection, risk levels, and news.

Task-based Usability Testing

Meeting with UX Writer to choose the word choices that match guidelines and user needs considering Space, Communicate with Users, Align with the app and not confusing with Competitor used words

Analyze
User Journey Map
Affinity Map
Empathy Map
Affinity Map
Empathy Map
Analyze
User Journey Map
Research findings

Information Architecture

Information Architecture

Example: 'There is similar content
but it is not categorized together.'
Example: 'There is similar content but it is not categorized together.'

The solution organizes content using familiar, user-centric categories to enhance comprehension, aligning the system structure with real-world user expectations and needs.

Information Architecture
Major Issues
Major Issues
  • Difficult to return to home; too many clicks

  • Related content not grouped intuitively

  • Search icon didn’t auto-focus input field

  • Key info buried; poor visibility and too many layers

  • Vague labels; copy didn’t match content intent

Minor Issue
Minor Issue
  • Encountered content needed but couldn't recall

  • Symbols for page changes confused users on how to proceed

  • Confusion after using search or selecting options about where it led

Ideas
Ideas
  • Risk assessment questions seemed too minimal, causing uncertainty about their helpfulness and reliability

  • Some pages had extensive, unreadable content with small text and no color variation

  • Limited news articles for investors, advice suggesting only bank-owned funds

  • Lack of guidance on where to start

Bugs
Bugs
  • non-functional buttons related to content

Key Takeaway
What I learned

I gained a deeper understanding of UX/UI concepts by going through the full design process. From literature review, user interviews, and usability testing to creating personas, mapping user journeys, and designing information architecture, I learned how to identify and solve key issues. The project wrapped up with a working prototype and a comprehensive usability plan.

WORK
PLAY
About

Rujirekha

Rujirekha

© Rujirekha

© Rujirekha

00:02 GMT+9

神戸, Japan

神戸, Japan