Yoga E-learning platform: Practice with frequency and motivation — UX Case Study

In the third week on the Ironhack UX/UI bootcamp, I was asked to create an MVP for an online learning platform for a company called YogiPeople.

André Giacomucci
Dec 2, 2019 · 7 min read

In this post I’m going to show the process I went through in order to create a solution for it.

In summary, the process is divided into seven steps:

  1. Briefing & Challenge
  2. Research: the learning experience in yoga
  3. Defining the user and problem
  4. The solution
  5. Prototyping & testing
  6. Next steps
  7. Key learnings

1. Briefing & Challenge

The client

YogiPeople is a school founded in 2014 that offers in-person yoga classes.

After 5 years of improving their services, they decided it’s time to provide an engaging online experience for students that cannot attend in-person classes.

The assignment

To create an online learning platform that will transform the in-person learning experience into a 100% digital experience.

The scope

5 days to research, create and test a mid-fidelity interactive prototype and create one hi-fidelity screen. This was an individual project.

The goal of the project

Create an engaging learning experience for Yoga students. For that, I had to learn what are the pain points and their key drivers while practicing Yoga. This is personally a nice and interesting challenge! I have never practiced Yoga but I want to start doing!😃


2. Research: the learning experience in yoga

I started the research by wondering how Yoga students perceive their learning experience and the difference between in-person and online classes.

To investigate how people understand online Yoga classes I used two methods: online surveys and interviews. After having all the data, I created an affinity diagram to be able to organize all the findings into related groups so I can find design opportunities.

Let’s see what I found from each research method:

Surveys

I gathered some very interesting data from an online survey with 57 people, here are the most important ones:

50,9% of people are not practicing Yoga currently but they are interested in doing so.
This shows that we have a potential market to work with.

58,6% of people see Yoga as a spiritual experience where they can connect with themselves through the movement.
This shows that yoga is not just a physical activity and people understand that there is a depth to this practice.

Relieve tension and reduce anxiety, improve posture and body flexibility are the reasons why someone would do yoga classes.
People see emotional and physical benefits to practice Yoga.

The pain point of practicing Yoga online: People don’t know if they are making the positions correctly. The instructor/professor usually is the one that helps the student in this case.

Interviews

After doing the survey I needed to go deeper on understanding how people learn Yoga, what keeps them motivated and how the instructor/professor helps in the learning process. So I interviewed 6 Yoga students.

By investigating that, I found two great insights:

  1. The need to have constant contact with Yoga
    “I want to be connected to Yoga, always.”
    People told me that to be able to see Yoga beyond a physical exercise, it is necessary to know why you do what you do and what are the benefits.
  2. Teacher help
    Not only to confirm that people are doing the right posture but also to have a mentor that motivates them to find more information about the world of yoga.

After that, I felt confident to move forward in the process and define the user persona and the problem to be solved.


3. Defining the user and problem

At this point, my goal was to create a clear view of who is the primary user of this new platform their problem.

User persona

The user persona reflects the most prominent characteristics found in the research.

Problem Statement

This sentence represents the problem that Paula has, and by consequence, what we need to solve.

Yoga beginners need a way to practice Yoga autonomously because they want to be connected to Yoga all the time.

How might we…

I love how a simple change in point of view can help us to start to imagine possible solutions.

By taking the problem statement and creating a “how might we…” sentence makes me comfortable to start ideating possible solutions:

How might we help Yoga beginners to practice autonomously to ultimately stay motivated and committed to Yoga in their daily routine?


4. The solution

Before defining the solution, I ran concept testing with users to understand if the idea was relevant and would add value to people. By using the concept testing I was able to compare two business models for YogiPeople: the subscription plan and the one-time class. As Yoga is a constant practice it made more sense to work with the subscription plan. Also, after running the concept testing I could see the main features I need to work on the MVP.

The proposed solution is based on two pillars:

1) Yoga content in addition to classes

As previously discovered, people want to learn more about Yoga and one thing that is missing in almost every competitor on online Yoga classes is additional content — they are mostly focused on classes. YogiPeople will provide videos about history, philosophy, Buddhism, Hinduism, spirituality, eating, etc.

2) Frequent meetings with teachers

YogiPeople will have several subscription plans depending on the frequency a student needs to meet with a teacher of their choice via video call or chat. That way we can give closer assistance to the beginner student with more frequent meetings and a better price for an expert student that will need fewer meetings with teachers.

At this point, I knew where I wanted to go with the MVP and to represent the idea I made a quick sitemap and user flow.

The user flow I proposed reflects a common scenario: Paula (user persona) attends an online yoga class and after finishing the practice she has some doubts about it and wants to talk to the teacher. She books an online meeting and talks with the teacher.


5. Prototyping & testing

By the time I was confident with the low fidelity prototype I worked in Sketch to create a mid-fidelity prototype and made it interactive using inVision.

The last deliverable of the project was a hi-fidelity prototype and I chose to work on the homepage as the value proposition is better reflected on this particular screen. This was a first approach to visual design for the MVP and the idea was to create a delicate and sober look and feel using purple color and a mix of serif (Adobe Caslon Pro)and sans-serif (Motiva Sans) typography.


6. Next steps

Onboarding

It would be good to have a quick survey to understand user preferences and objectives to be able to offer more relevant classes for each user.

Smart algorithm

Use an algorithm to mix practical activities and theoretical classes to generate more interest in the subject.


7. Key learnings

I’m learning a lot every week of the bootcamp, and at the end of the week is very useful to look back and see what it could be done better and the key learnings.

Card sorting

I didn’t mention before but I tried to do an open card sorting to understand how to group and label the filters for the classes. To be able to find standards I would have to make an extensive card sorting and it was non-viable since I had only 5 days to work on the MVP.

The closed card sorting, instead, allowed me to confirm that the filter options I proposed would work.

Low fidelity wireframe

It was very important to create better messages and make the product intuitive. With low-fi prototypes I could learn more about the user and how to present the value proposition.


That’s all for now! I hope you liked to learn about my journey.

It’s a long post due to a long week. 😃

See you all in the next.

Namaste!

Thanks to eli domínguez •

André Giacomucci

Written by

👋 Hello! I’m a UX/UI Designer with a background in branding, graphic and web design. I’m very interested in the design process as a business tool.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade