Create perspective with power skills training.

Lepaya—Mobile App

 

User Research.

Qualitative Data.

— When I’m in the classroom session and the trainer asks me to put in my goal & rate the session I always struggle to find those two bites to open.

— It’s confusing to me that I can access the same bite through two different views (timeline view via learning path + to-do list via bite tab).

— When I’m accessing bites via the to-do list and I just wanted to have a look (and not complete them) they right away disappear from this list to the completed and I will forget about them.

— In order to actually do a bite I have to do quite a few clicks until I can see the content.

— Often I am overwhelmed with information on each screen and miss the call to action.

Quantitative Data.

Currently, only 52% of users are opening content, commenting, rating within one minute of launching the app.

#1 Challenge.

Find those two bites (small lessons) when in a classroom to put his goal and rate the session.

 Task flow analysis

The task analysis exercise helped us identify where opportunities to improve the user experience exist.

 

Solution

The task analysis exercise helped us identify where opportunities to improve the user experience exist.

 
classroom actions.jpg
 

#2 Challenge.

User is confused that he can access the same bite (small lesson) through two different views (timeline & to-do via bite tab).

Usability heuristic #4 — consistency & standards

Following external standards is so important. Users are used to seeing the first selected tab in the tab bar in any other app as the first screen they see. Here, in Lepaya’s app, the first tab is the ‘Learning Path’ but the screen that shows first is ‘Bites’.

 

Solution

Since a user can access the ‘To-do’ and the ‘Optional’ bites from each module (eg. Difficult Conversations), a quick solution is to remove the ‘To do’ tab from the Bites screen because this also confused me as a new user and I was overwhelmed with this long list and with those Bites from different modules but keep the ‘Completed’ and the ‘Favorites’ tabs. In the following sketch, I created an empty Bites screen for a new user where I added the same ‘Beyond’ illustration and wrote ‘Start your Beyond program to complete Bites.’

 
bite.jpg
 

#3 Challenge.

When I am accessing bites (small lessons) via to-do list and I just wanted to have a look (and not complete them) they right away disappear from this list to the completed and I will forget about them.

Actual behaviour

After investigating this issue, it looks like a Bite is marked as completed whenever a user spends around 20 seconds in the Bite content screen.

Expected behaviour

As a quick fix, a Bite should not be marked as completed until the user taps on ‘Mark As Complete’. This should be a quick fix from the dev team that doesn’t need any implementation of a new design.

 

#4 Challenge.

User is suffering from doing a few clicks until he can see the content.

 Task flow analysis

The task analysis exercise helped us identify where opportunities to improve the user experience exist.

 
lepaya - #4 challenge task flow.png

 Solution

With the proposed flow we can decrease the user’s cognitive load with less steps by adding a ‘Start bite’ button under each bite.

 
1*PKAykxpP9xjm6MnQFemhDw.jpeg
to-do a bite.jpg

#5 Challenge.

User is overwhelmed with information on each screen and miss the call-to-action.

The user thinks he’s missing the call-to-action because there’s too much information on each screen. But, the first reason I would like to investigate is the very low-contrast between the top banner and the call-to-action as well as the colour used for the button #00DBF8 which doesn’t even work on white. Another problem is that the main CTA is way far from the user’s thumb.

 
missed call to actions.jpg
 
bite details.jpg
Previous
Previous

Smashi Web & App Redesign

Next
Next

Wesalam - Hajj & Umrah Mobile App