Learning app

End-to-end process

B2B

2023

Project overview

Minders is a startup providing professional educators with tools to help course participants maximize their learning.

When I joined, the company was developing a mobile app for learning experiences (LXP) to prevent knowledge decay from expensive courses. They want to create learning journeys with high engagement and completion rates using spaced repetition, active, and social learning. By focusing on social elements and critical thinking Minders sets itself apart from competitors.

I was tasked with the end-to-end design process of the complete app following a tight roadmap.

Product

B2B learning app published on App Store and Play Store.

Product

B2B learning app published on App Store and Play Store.

Product

B2B learning app published on App Store and Play Store.

Outcome

29% increase in user satisfaction and 63.5% completion rate of indicating high engagement rates.

Outcome

29% increase in user satisfaction and 63.5% completion rate of indicating high engagement rates.

Outcome

29% increase in user satisfaction and 63.5% completion rate of indicating high engagement rates.

Team

Me (UX Designer), COO, CTO, 3 engineers, and occasionally CEO.

Team

Me (UX Designer), COO, CTO, 3 engineers, and occasionally CEO.

Team

Me (UX Designer), COO, CTO, 3 engineers, and occasionally CEO.

Problem

Problem

Problem

Course participants
forget

75% in a week

This is especially true of complex information delivered in long, passive learning sessions. Interviews with customers supported they struggle to ensure course participants retain learned knowledge. Course participants expressed that “life takes over” and that finding time to practice between physical sessions and after a course is difficult.

Eventually, this results in costly knowledge getting lost.

Design

Design

Design

Designing spaced-repitition for bite-sized learning

Course participants needed a learning structure that fit their busy schedules while reinforcing learning. To support this, I designed learning journeys using spaced repetition, a proven method to combat memory decay. The learning journeys were a series of activities combining short texts, images, or videos and ended with interactive engagements to support active learning.

This gave participants flexibility, allowing them to complete tasks during short breaks in their day and reinforcing learning without overwhelming them.

Course overview

Gives course participants a quick overview of their all learning journeys and their progress.

Progress bar

Gives incentive to complete and makes it easier for users to revisit incomplete journeys in their own time.

Journey overview

Adjustable duration & notification to fit a busy schedule. Time constraints makes users more likely to act.

Visual completion indicators

Provides motivation and creates sense of progress

Color-coded activities

Reduces cognitive load and allows users to quickyl identify type of activity. Dimmed activities keeps users aware of upcoming activites without distracting from current task.

Activity

Mixed media learning content wihtout distraction from engagements.

Color-coded activities

Encourages users to start activity once they are done with learning content

Course overview

Gives course participants a quick overview of their all learning journeys and their progress.

Course overview

Gives course participants a quick overview of their all learning journeys and their progress.

Course overview

Gives course participants a quick overview of their all learning journeys and their progress.

Progress bar

Gives incentive to complete and makes it easier for users to revisit incomplete journeys in their own time.

Progress bar

Gives incentive to complete and makes it easier for users to revisit incomplete journeys in their own time.

Progress bar

Gives incentive to complete and makes it easier for users to revisit incomplete journeys in their own time.

Journey overview

Shows content, length, duration and notification time, the latter two they can adjust to their needs.

Journey overview

Shows content, length, duration and notification time, the latter two they can adjust to their needs.

Visual completion indicators

Provides motivation and creates a sense of progress

Visual completion indicators

Provides motivation and creates a sense of progress

Color-coded activities

Reduces cognitive load and allow users to quickly identify what kind of content they’re about to engage with.

Color-coded activities

Reduces cognitive load and allow users to quickly identify what kind of content they’re about to engage with.

Dimmed activities

Keeps users aware of upcoming content without distracting from current tasks. It also builds anticipation.

Time constraints

Makes users more likely to act.

Time constraints

Makes users more likely to act.

Dimmed activities

Keeps users aware of upcoming content without distracting from current tasks. It also builds anticipation.

Dimmed activities

Keeps users aware of upcoming content without distracting from current tasks. It also builds anticipation.

Activities

Mixed media learning content before starting acitivities.

Activities

Mixed media learning content before starting acitivities.

Action-oriented label

Encourages users to start activity once they are finished with the learning content.

Action-oriented label

Encourages users to start activity once they are finished with the learning content.

Avoiding endless flows

In an early iteration of the design flow each activity had a primary and a secondary action with the primary action prompting the user to begin the next activity and the secondary exiting to journey overview. This (of course) resulted in users continuing to the next activity. This caused to issues:

Before

After

Smiley engagement

A quick reflection allowing for fast feedback while keeping the momentum going

Smiley engagement

A quick reflection allowing for fast feedback while keeping the momentum going

Smiley engagement

A quick reflection allowing for fast feedback while keeping the momentum going

Scale engagement

Similar to smiley but more versatile use with custom labels.

Scale engagement

Similar to smiley but more versatile use with custom labels.

Scale engagement

Similar to smiley but more versatile use with custom labels.

Poll engagement

Shows previous answers to give participants perspective and a social proof.

Poll engagement

Shows previous answers to give participants perspective and a social proof.

Poll engagement

Shows previous answers to give participants perspective and a social proof.

Journal engagement

Gives user's a moment to think critically about their learnings and saves it to their journal.

Journal engagement

Gives user's a moment to think critically about their learnings and saves it to their journal.

Journal engagement

Gives user's a moment to think critically about their learnings and saves it to their journal.

Buddy engagement

User's share their reflections with their buddy groups establishing social commitment and collective learning.

Buddy engagement

User's share their reflections with their buddy groups establishing social commitment and collective learning.

Buddy engagement

User's share their reflections with their buddy groups establishing social commitment and collective learning.

Designing interactive features that drive user engagement and retention

I designed a range of interactive features that encouraged course participants to stay actively engaged with the content and made learning fun and personalized. Course participants were encouraged to relfect on and share what they learned, helping to reinforce their learnings.

By designing diverse engagement types I ensured that learning is active and varied, and kept users motivated.

Testing

Testing

Testing

Users were uncertain if they were sharing with buddies

I knew the designs were shipped too fast, and I was particularly concerned about the buddy engagement. During testing (in production), users responded positively to the buddy engagement as a feature and the variety in engagement types emphasizing some requiring less mental effort and others requiring deep reflection. However, some users were uncertain if their answers were being shared with others or kept private in their journals. Adding to the confusion, there were technical issues with lagging messages in the buddy chat.

This issue was cemented further when I did a co-design workshop, where most groups focused their work on the buddy engagement flow.

Lagging. I can't change the answers once it's saved.

Test user

Lagging. I can't change the answers once it's saved.

Test user

Lagging. I can't change the answers once it's saved.

Test user

Confusing regarding buddy vs. journal

Test user

Confusing regarding buddy vs. journal

Test user

Confusing regarding buddy vs. journal

Test user

I like the mix of quick and deep relfections.

Test user

I like the mix of quick and deep relfections.

Test user

I like the mix of quick and deep relfections.

Test user

Design

Design

Design

Diversifying buddy and journal engagement.

To resolve the lagging messages and the uncertainty around buddy vs. journal engagements, I kept both engagements within the activity screen avoiding the buddy chat altogether. I gave the engagements the same format but with distinct colors and labels making it easily distinguishable and accessible. Instead of using the minders bot message to confirm to the user where the answers are saved, I used a snack bar. A snack bar that is colored and moving is more likely to catch attention.

As a bonus, they could now see the activity content while typing with only a scroll, and the issue was resolved within a single sprint.

Retrospective

Interactive learning journeys that participants enjoy using

Working solo with tight deadlines, the engineering team was my closest allies. We collaborated closely and it gave me valuable understanding of how design decisions impact development time and product architecture.

If I could do something differently I would have tried to argue for more time on certain features. In the end it cost us more time and money fixing it down the road. Despite the tight dealines and changing demands, I made it work as best as i could, but I needed that time.

0

%

Completion rate

Free courses typically see between 5-15% completion rates, whereas corporate training typically sees between 30-60%.

0

%

Rise in satisfaction rate

This improved the overall user experience, directly contributing to the retention of course participants in a competitive market.

Proven engagement

Course participants engaged with all features including polls, journals, and buddy discussions, showing robust engagement across the app’s features.

Effective design

I created a design system in Figma using variables, reusable components, and variants for effective documentation and consistency in the design.

Retrospective

Interactive learning journeys that participants enjoy using

Working solo with tight deadlines, the engineering team was my closest allies. We collaborated closely and it gave me valuable understanding of how design decisions impact development time and product architecture.

If I could do something differently I would have tried to argue for more time on certain features. In the end it cost us more time and money fixing it down the road. Despite the tight dealines and changing demands, I made it work as best as i could, but I needed that time.

0

%

Completion rate

Free courses typically see between 5-15% completion rates, whereas corporate training typically sees between 30-60%.

0

%

Rise in satisfaction rate

This improved the overall user experience, directly contributing to the retention of course participants in a competitive market.

Proven engagement

Course participants engaged with all features including polls, journals, and buddy discussions, showing robust engagement across the app’s features.

Effective design

I created a design system in Figma using variables, reusable components, and variants for effective documentation and consistency in the design.

Retrospective

Interactive learning journeys that participants enjoy using

Working solo with tight deadlines, the engineering team was my closest allies. We collaborated closely and it gave me valuable understanding of how design decisions impact development time and product architecture.

If I could do something differently I would have tried to argue for more time on certain features. In the end it cost us more time and money fixing it down the road. Despite the tight dealines and changing demands, I made it work as best as i could, but I needed that time.

0

%

Completion rate

Free courses typically see between 5-15% completion rates, whereas corporate training typically sees between 30-60%.

0

%

Rise in satisfaction rate

This improved the overall user experience, directly contributing to the retention of course participants in a competitive market.

Proven engagement

Course participants engaged with all features including polls, journals, and buddy discussions, showing robust engagement across the app’s features.

Effective design

I created a design system in Figma using variables, reusable components, and variants for effective documentation and consistency in the design.

I can only give my highest recommendations to Ebru, who asks the right and difficult questions, thinks independently, works thoroughly, and delivers outstanding results. Ebru places great focus on understanding what the user thinks and does, and she takes on the task from start to finish. She takes on more responsibility than asked and isn’t afraid to dive into the deep end, tackling new challenges with confidence. She is well-liked by everyone, communicates clearly and on time, and isn’t afraid to step up to facilitate workshops or present new ideas and solutions, both internally and externally. If Minders hadn't closed, I would still be working with her! :)

Mikkel Gade Larsen

CEO & founder of Minders

I can only give my highest recommendations to Ebru, who asks the right and difficult questions, thinks independently, works thoroughly, and delivers outstanding results. Ebru places great focus on understanding what the user thinks and does, and she takes on the task from start to finish. She takes on more responsibility than asked and isn’t afraid to dive into the deep end, tackling new challenges with confidence. She is well-liked by everyone, communicates clearly and on time, and isn’t afraid to step up to facilitate workshops or present new ideas and solutions, both internally and externally. If Minders hadn't closed, I would still be working with her! :)

Mikkel Gade Larsen

CEO & founder of Minders

I can only give my highest recommendations to Ebru, who asks the right and difficult questions, thinks independently, works thoroughly, and delivers outstanding results. Ebru places great focus on understanding what the user thinks and does, and she takes on the task from start to finish. She takes on more responsibility than asked and isn’t afraid to dive into the deep end, tackling new challenges with confidence. She is well-liked by everyone, communicates clearly and on time, and isn’t afraid to step up to facilitate workshops or present new ideas and solutions, both internally and externally. If Minders hadn't closed, I would still be working with her! :)

Mikkel Gade Larsen

CEO & founder of Minders

Ebru is an absolute pleasure to work with, combining a sharp analytical mind with a strong aesthetic sense. She understands the details of complex user needs with an intuition matched only by her ability to actually explain it back to everyone involved. I’ve had the privilege of watching her tackle ambiguous, convoluted tasks and transform them into elegant, intuitive workflows and wireframes. Her attention to detail, meticulousness, and patience in the UX process result cannot be overstated, and the results speak for themselves. Not to mention the excellent communication with both technical and non-technical team members, keeping everyone aligned and on the same page. Beyond her technical and creative skills, Ebru brings a brightness and joy to any environment, making her a great member of any team.

Nimish Gåtam

CTO, Minders

Ebru is an absolute pleasure to work with, combining a sharp analytical mind with a strong aesthetic sense. She understands the details of complex user needs with an intuition matched only by her ability to actually explain it back to everyone involved. I’ve had the privilege of watching her tackle ambiguous, convoluted tasks and transform them into elegant, intuitive workflows and wireframes. Her attention to detail, meticulousness, and patience in the UX process result cannot be overstated, and the results speak for themselves. Not to mention the excellent communication with both technical and non-technical team members, keeping everyone aligned and on the same page. Beyond her technical and creative skills, Ebru brings a brightness and joy to any environment, making her a great member of any team.

Nimish Gåtam

CTO, Minders

Ebru is an absolute pleasure to work with, combining a sharp analytical mind with a strong aesthetic sense. She understands the details of complex user needs with an intuition matched only by her ability to actually explain it back to everyone involved. I’ve had the privilege of watching her tackle ambiguous, convoluted tasks and transform them into elegant, intuitive workflows and wireframes. Her attention to detail, meticulousness, and patience in the UX process result cannot be overstated, and the results speak for themselves. Not to mention the excellent communication with both technical and non-technical team members, keeping everyone aligned and on the same page. Beyond her technical and creative skills, Ebru brings a brightness and joy to any environment, making her a great member of any team.

Nimish Gåtam

CTO, Minders