top of page

Learner's Jam

Empowering your self-learning journey through curated learning pathways with community support.

Timeline:

Dec 22 - May 23

Team Member:

Simran(Product Designer)

Ronny, Regan(UX Designer)

Responsibilities

UX Research, Ideation, User Interviews, Usability testing, UI Design, Prototyping

The Problem

Most online courses follow a fixed schedule for its lessons, or if you use platforms like YouTube, you set your own schedule, relying on generic calendar tasks, without catering to the unique learning needs of self-study.

The Solution

A self-learning system focused on task planning, motivating learners constantly, utilizing chunking methods, and creating a community of mentors that is financially accessible and reliable. Users should be able to reach out and access other people's self-learning pathways.

Click to navigate to that section

The Process

Empathize

Ideate

Design

Test  

Prototype

We conducted interviews with student peers and teachers using online and in-person surveys. Our curiosity delved into their learning organization, sources of motivation, reasons for losing motivation, and the resources they found helpful.

Uncover gaps in learning processes

1. Empathise

KEY POINTS

What is their learning style?
  • No specific timetable/ task list

  • Follow other's learning pathways

​What would motivate them?
  • Supervision & Competitive spirit can boost learning

  • Success indicators like Certificates

Who do they ask for help?
  • Peers, friends and Teachers

  • Find it difficult to approach senior professionals

Which platforms they use?
  • YouTube

  • Cousera, Udemy, EDX

Understanding the market

To understand what’s out there that helps with time management, task organization, online learning, goal tracking and finding peer learners. We laid out screen captures in Figma and shared thoughts on the positives and negatives of applications like Forest, Cold turkey, Asana, Any.do, Chronus, Focus@Will, Google Primer. Doing this helped lay out my thought process on what makes for a great experience for task management.

​Competitive Analysis of the various platforms helped us understand the features we can focus on and problems we can iterate on. This was done by analyzing them on the scale of similarities and uniqueness, and strengths and weaknesses. 

A great progress visualization on the Forest app gives users ways to customize trees build in a little forest by completing tasks.

Platforms that feature organization of tasks have a very minimalistic user friendly UI with quick action buttons.

Most task management platforms provide a timed focus feature using pomodoro technique.

KEY POINTS

2. Ideate

After the research, we employed affinity diagrams to define product requirements, and started ideating on the features based on the user pain points, needs and wants.

Understanding user requirements

KEY POINTS

Hindrances
  • Time management

  • Absence of help and supervision

  • Measurable success

Community group
  • Community of learners

  • Ranking of learners

  • Virtual money

Systems for motivation
  • Progress visualization

  • Certificates for courses completed

  • Peer learners

Self-directed learning
  • Set your own course tasks

  • Import courses available online

  • Library of courses

Breaking down the bigger picture

We collaboratively listed out our findings and research analysis. We numbered the factors that affected self-directed learning and came up with ways we could improve the experience for users. 

A data visualization showcasing progress and success indicators boosts motivation.​

A goal tracking system aids learning by enabling users to set self-paced learning pathways.
Incorporating a mild competitive spirit through a ranking system will help motivate users.
Being able to reach out to peers on similar learning journey will help in quantifying their progress and answer their questions.

KEY POINTS

​Empathy Mapping

We were curious to know more about our users day to day self learning journey. We used empathy mapping to point out the issue through their eyes, and empathizing with their feelings. 

​User Persona

​To zone in more into the user from empathy maps, we created a user persona.

​From here on, I was working solo for the rest of the project to ensure we create 3 different prototypes. 

3. Design

​User Flow Diagram

KEY FEATURES 

Self-directed curriculum pathways that allows users to create their schedules and explore others'.

A goal tracking system that aids learning by using daily motivational content.

Community feature with weekly ranking(1,2,3), blog posts, and chats. 

Achievement Visualization that is customizable (Lego, rubix cube, puzzles) and engaging.

Creating test flows

​​I created low-fidelity mockups and prototypes for user testing. The flow of prototype focused on introducing the following screens: Home, Progress, Profile, My Courses, Course Calendar (with Month, week, day view),  Add your course, Community Rankings, Community chats and Explore public courses, 

There were two flow tasks I wanted to test: 
Can users add their own course?

Can they find public courses and navigate around the Course Calendar?

Since our app is related to user behavior, I first met our testers in person to give them a basic tutorial and see if they have any problems with the app. Then, I let them explore the app on their own. After each period of time(weekly/monthly), I tracked our testers feedbacks. I aimed to not completely expose the problem statement or drive them to the solution. The Ecosystem of Wicked Problem was helpful to identify focus areas to narrow down problems.

4. Test

​User Testing Plan

What are you trying to test?

Functionality

What all can you understand from Home screen?​

Navigation

Is the user flow logic clear? Can users complete tasks?

Motivation of involvement

How many times would you have opened the app daily/weekly/monthly?

Feature importance

How does it help you in terms of achieving your goals?/or not

 

Connection

Does home screen have all necessary  components? Do other main screens? What's missing?

Functionality

How helpful do you think the app is?

​User Testing Results

The feedback revealed issues like unclear icons, a focus on public courses over personal ones, unclear naming conventions, and a less intuitive flow.

A design heuristics evaluation helped me solve these problems by employing principles like Recognition over recall, Match between system and real world, Hick's law and Consistency and standards.

Based on user testing results, high-fidelity mockups were developed, adhering to design heuristics. Refinements were made to enhance the user experience, ensuring clarity, efficiency, and intuitive navigation.

5. Prototype

UI Design