[UX] Linder

BACKGROUND

An UX study on language learning podcast project. In this project, user research and user testing were carried out among language learners to solve and verify the frustration of juggling between learning and busy schedules.  It provides vocabulary and grammar explanation in a better user experience context for language learner.

Invision prototype

 

DISCOVERY

How Might We
improve language learning experience
for 
mid-level students
so that
 users have in-depth knowledge for their level to learn


User Interviews and Data Synthesis: Some of the user interviews were conducted remotely and I chose users who has been learning for more than 2 years by attending classes or self-learning as the app is targeted to users who have basic listening and reading skills. 

  • Some users stopped learning due to work commitments while others maintained a routine learning time. 
  • Users were more willing to find a wide range of materials to study such as Twitters or interest-related articles. 
  • Users who were attending class most likely stick to their textbooks.
  • Some users relied heavily on books as apps do not provide learning depth enough for them.

Competitive Analysis: For competitive analysis, besides language podcast related resources, I compared language teaching websites/apps in order to discover motivation and best practices in balancing content and fun elements in learning system.

Detailed competitive analysis can be viewed here.

Other methods: MoSCoW for feature prioritization and user flows 

0_FwD1M_Fue-KitULr.png

Process

The process that I had conducted for Linder

 

DESIGN

1. Key takeaways in Paper prototyping

  • Unclear buttons and switch: Some users confused and asked me what’s the buttons while some ignored the buttons.
  • User didn't get the meaning of “I want to study at _”: For first installation, the rate of user setting a study alarm was very low because user had not see other contents of the app and wanted to skip to the main content quickly.This page made little impact.
Change: Shifted alarm page to settings page and will prompt user of this alarm feature when user launch the app for a number of times.

 

2. Key takeaways in High fidelity prototyping

  • Card pattern: The state of app flow caused confusion among users. Users assumed the page navigation can be right or left-swiping to the next content where it should be navigated by scrolling vertically.
  • Users were still having problem in navigation.
Change: Discarded card pattern design. The use of solid and dotted line as a podcast progress indicator were taken out.

Read more usability test overview results here

 

3. Final design

Feel free to play with the prototype here: https://invis.io/H86WYUZUE

I made a major design change by taking out card design pattern as it always confused users. I decided to take time to explore Keynote, Invision and Sketch as they are very important to create the animation and enable users to have more feedbacks as they interact with it.
 

ENGAGEMENT

1. Tools that enhance podcast experience

I put a lot efforts in developing “clear” podcast buttons and standard design flow so that the learning curve of Linder use was lower by listening to users’ inputs and read about Apple UI standard guidelines.

2. Karaoke-style Text Display: Helped in reading while you are listening.

3. Rewards and Motivation: To encourage user continue their learning journey

4. Motion Transition: I added in motion transition to the podcast summary. Research showed that users understand better if they know what’s the content beforehand. When user scrolled down to read script, the navigation bar is hidden to give out more space for user to read. Motion transition was inspired from: http://bit.ly/1NmiDEO