Focal

Overview

Motivated by our own personal experience, my team and I wanted to investigate the lack confidence in financial literacy as an adult.

How might we?

How might we bridge the gap for users in financial literacy to help empower confident decision-making for personal finances? 

Skills/Tools

Figma, Miro, Design Thinking, User Research, User Interviews, Iterative Design, User Testing, Wireframing, Prototyping

Why Financial Literacy?

In our initial research, we scoured the internet for articles regarding personal finances and how people felt about it. Among the pack, we found that there exists a clear and overwhelming feeling towards understanding one's own finances.  

75% of American teens admitted to a lack of confidence in their knowledge of personal finance (Annuity.org,2023).

Initial Research

We conducted a series of research methods to gain better insights on who our target users are and how they feel about their own experience with financial literacy.

Once we synthesizes the feedback and results, we identified a few key findings to help us establish the list of solution and design requirements.

How we conducted research

Pulse check!
  • 3q’s administered to peers
  • Gut check validity of initial research direction
Surveys
  • 49 valid responses
  • Demographic and behavioral q’s about financial topics
Interviews
  • 14 participants from survey
  • Deeper dive into behaviors
Competitive Analysis
  • 12 competitors assessed
  • Educational, informational, and advising

Key findings from research!

1
Preference for human assistance
4
High variance in opinion on credibility
2
Lack of foundational knowledge
5
Distinction in education vs. advice
3
Financial topics are onerous and uninteractive

Design requirements based on findings

Must haves & should haves

  • Facilitate financial education
  • Facilitate long-term planning
  • Empower users/give sense of control
  • Expedient/accurate information

Could & will maybe have

  • Personalization
  • Share/engage with like minded people
  • Practice new knowledge
  • Balance breadth and depth
  • Interactivity/engagement

Testing & Iteration

During this phase of the project, we designed a lo-fidelity prototype and conducted a heuristic analysis, first-click test, and usability test to help inform our high-fidelity design decisions.

Heuristic Eval

Using Nielson-Norman’s 10 heuristics and a modified version of Deniese Pierotti’s Xerox checklist, each team member audited the app and compare responses and aggregate data on which heuristics posed the most significant points for consideration.

Due to the relatively lo-fi nature of the app and the possibility of registering “N/A” on questions that could have some future pertinence, team members additionally filled out a chart corresponding to Nielson-Norman’s 10 heuristics.

We determined the following design modifications for our next iteration:

  • Navigational patterns
  • Confirmation behavior
  • Flexibility
  • Other considerations were also integrated such as icons, labels, information architecture, etc.

First-Click Test

For the first-click test (FCT), there were 28 participants who completed the activity. We created seven prompts for this test that users would interact with by clicking on the screen where they believed was the appropriate location to complete the task. The images below are from the FCT that show some of the results of our findings.

Our key findings were on the dashboard and community pages. For both, users had varying interpretations when it came to identifying the "correct" place to go for given tasks, per these heat maps.

The following are a few of the key changes for the next design iteration:

Dashboard Page:

  • Differentiating the nuances between resources, courses, and news
  • Adding tags and more context on tiles

Community Page:

  • Better wayfinding
  • Call to action button for making a posts and more context on tiles

Usability Test

After iterating on the results of our unmoderated FCT, we conducted moderated, think-aloud usability testing, which provided us with a variety of insights which were implemented into modifications. These were largely related to accessibility, quick actions, and discoverability.

What we found:

  • Users had a hard time reading the text in the "Professional Insights" section. 
  • Users tried to edit their profile photo directly from the main Profile page instead of going to the "Personal profile" section.
  • Users expressed different preferences regarding the frequency of games during the learning session, without noticing they could adjust the game frequency on the Profile page.

What we implemented:

  • Enhancement of visual elements during the onboarding process, with particular emphasis on introducing the AI Buddy page.
  • Inclusion of "Other" and "Select All" options for onboarding queries pertaining to financial interests.
  • Implementation of informative prompts on the game and quiz page, elucidating users on the customizable nature of games and quizzes.
  • Integration of a feature within the preference/setting page allowing users to adjust the app's font size.

The Final Design Features!

1: Onboarding

Up first, the onboarding flow, which introduces users to the AI buddy, Zeke! Following the questionnaire, users are presented with a curated list of courses to select from based on the information they’ve provided.
User Onboarding Process:
  • Introduction to AI Assistant:Introduces users with our AI assistant - Zeke
User Onboarding Process:
  • Utilizing User Input: Tailors course suggestions based on collected data
  • Filter Options: Allows users to refine recommendations by relevance, views, and likes

2: Dashboard

Following onboarding, users are brought to their dashboard, which shows courses they’re enrolled in, relevant news, and relevant resources.

These news and resources are personalized based on both onboarding information and user interaction within the app. This tab furthermore acts as the home tab and landing page for returning users.
  • Enrolled Course Display: Showcasescourses the user is currently enrolled in
  • News and Resources: Offers additional resources beyond enrolled courses based on user’s interests
    - Customized news
    - Form filling instructions (tax form, OPT form, etc.)

3: Course Tab

When users want to see all courses in which they are enrolled, or all courses they have previously completed, they may do so via the courses tab.

Users can browse for new courses in this tab. Users may additionally apply filters to sort by likes, views, and relevancy, as well as filtering by topic, total time obligation, or relative difficulty level.
Enrolled and Completed CoursesTracking:
  • Enrolled Courses Display: Shows all courses in which the user is currently enrolled.
  • Completed Courses Archive: Stores a record of courses already completed by the user.
Course Exploration:
  • Browse New Courses: Allows users to discover and explore new courses. Offers filtering options by likes, views, and relevancy.

4: Learning Flow

The learning flow offers a vast selection of activities and capabilities such as browse videos, definitions, quizzes, and small games.

Users can also save notes and definition cards which can be viewed under the user's profile.
Interactive Learning Processes:
  • Video Lessons with Transcripts where users  can highlight and save notes directly within the transcripts.
  • DefinitionCards
  • Educational Games
Course Completion Rewards:
  • Achievement System: Recognizes user progress and completion with relevant achievements.
  • Personalized Feedback: Providesfeedback and encouragement based on user actions and performance within thecourse.

5: Profile Tab

Users can manage settings, view saved resources, track engagement metrics like learning streaks and completed courses, and see earned achievements. It provides a snapshot of their activity and accomplishments within the app
Settings and Activities:
  • Resource Management: Accesses saved resources across the app.
  • Preference Adjustment:Allows modification of preferences set.
  • Personal Information Editing:Enables users to update their profile details.
User Statistics:
  • Record statistics such as liked posts, learning day streak, completed courses, and forum contributions to boost user engagement
Achievements Showcase:
  • Course and Activity-BasedAchievements: Highlights accomplishments attainedduring app usage.

6: Community

The community feature facilitates users to share, post, discuss, and view real input from both community members and professionals!
Professional Insights:
  • Features posts by financial experts on various topics.
    - Users can like, save or reply to these posts, fostering engagement with professionals and fellow community members.
Forum Section:
  • Provides a platform for users to express thoughts and opinions on financial topics.
    - Users can post questions or thoughts, which can be liked and commented on by otherapp users, promoting open and engaging discussions.

7: AI-Buddy (Zeke!)

Lastly, is our AI-Buddy feature! Based on our research, we understand that each user has unique financial goals and preferences. Thus, by chatting with the AI Buddy, our system analyzes this data to provide recommendations that resonate with individual needs.

We also carefully considered the behavior of the AI-Buddy to avoid it overshadowing other app features. Boundaries were implemented to maintain balance. For instance, instead of always providing direct answers, our AI Buddy will direct users to features on our app such as community or course page.
Personalized Content Recommendations:
  • Utilizes User Preferences: Offers tailored content based on user's financial preferences and personal information.
Design Considerations:
  • Locatedin Navigation Menu for easy access
  • Balancing AI Integration: Strives to complement rather than dominate app usage
  • Controlled Interaction: Provides auto responses to user prompts

Impact of Focal

By providing a personalized educational platform that includes multiple ways of accessing information, we can best increase our users’ financial literacy fundamentals.

East financial stress
Plan for future growth
Gain confidence in financial stance


What's next for Focal?

1. Conduct further research and testing torefine our design and persona
2. Implement evaluative findings
3. Collaborate with financial professionals to refine educational content
4. Define technical specs
5. Monetization so that we our product can develop into a real business