The instructor profile was underperforming on mobile, a rarely visited page that was just a poor representation of the web version. To be more specific .02% of users visiting the course page noticed and engaged with the instructor profile.
My goal with this redesign was to improve traffic, conversion and discovery.
This page is where instructors have an opportunity to tell more about themselves, this helps prospective students make a decision on whether or not the investment on the course is worth it.
This is the old design where on the course page, all you see under instructor is an excerpt of the instructor Bio, when you open it, more text. Not very compelling, especially when there are no guidelines as to what instructors should write, so you could get anywhere from credentials to personal life stories.
It wasn’t surprising that only .02% of users were visiting this page, and those few that did only found a cramped paragraph or two that was hard to read on mobile and provided little information to make a decision on the course at hand.
Looking no further, our website version had a much more compelling offering, there were some links to instructor pages, other classes taught by the instructor, the total number of reviews, number of students and total number of courses.
While this was an awesome place to start, I also looked at what the competition and other sites were doing to personalize profiles.
We tested a couple of options and I found the following information
Users responded well to seeing additional course taught by the instructor and their rating, this was associated with credibility
Displaying the total number of reviews for all courses combined did not add any value to users
Average rating provided a much more valuable insight for users and made instructors more conscious of their global rating score
Seeing the total number of courses was helpful in making a decision or at least showing more interest in what the instructor had to offer
Links to other pages related to the instructor adds to the instructor credentials
- The buy button on the instructor page did not increase conversion
Based on the findings, it was clear that a few things needed to happen.
- Make the profile preview on the course page more engaging
- Give users a glimpse of what this instructor has to offer. This provides enough information to let users make a decision or engage further with the profile.
Make the profile page look like profile page
Expand the image so it’s visible and dissect the information in a way that is easily digestible by users
Show all the courses that the instructor has on the platform and let the students explore before buying
Limit the size of the Bio to a preview and let students expand it if they wish to learn more.
- Let it be social
Add all the social accounts instructors have linked to their profile and allow students to explore without leaving the app
I optimized the designs to work on our iOS and Android apps, across devices. This seemed like an easy task to begin with; however, I had some challenges when adjusting for smaller devices like iPhone 5. It's easy to forget about older devices, specially when we are demanded to keep up with the latest technology; my original designs did not work on smaller screens, and this was a must as a great chunk of our users live in underdeveloped countries where the latest technology is not the norm. This forced me to make the necessary changes, achieving a more inclusive design.