We have received 16 reports of learners having trouble entering the lesson. They reach the Lessons tab in the topic screen, and then don't know what to do. Here is some representative feedback from the learner feedback team:
When she got to the Lessons tab, she didn’t know what to do. I had to explain to her how to navigate into a lesson. She didn’t know what to do, I had to walk her through so she could tap and access the lesson chapters. She kept scrolling and looking for a pointer or button to access the chapters. She said she didn’t see a ‘Go’ button. She said that we should add a Go button.
The student thought that the chapter list was a series of questions she needed to answer, not a list of chapters she needed to work on to complete the topic she was studying.
In the lessons tab, the student still couldn't figure out how to get to chapter 1.
Here are some suggestions provided by facilitators with ideas for how we might address this (though you don't necessarily need to follow them):
Incorporate a description of the lessons that is readable and understandable by the students. Learners need to have a full understanding of the lessons before starting.
"Stories you can play" can be replaced with a call to action instructing the learner to select a chapter to start learning. I would recommend “Select Chapter to start Lesson”
Put a title on the lessons tab, similar to "Start learning from Chapter 1".
Add a space below the title ‘Stories You Can Play’. This space will explain in short and engaging phrases that below are the chapters to a story called "Matthew Visits The Bakery" which is about a boy named Matthew as he learns about Fractions.
Consider having the lessons tab show the "story theme" information (rather than leaving it to the next screen, i.e. the screen that shows up when you click the story header).
Consider labelling the chapter list (Chapter 1: What is Ratio?) with a right chevron (>) to indicate that you can click a chapter to move it to another location.
There should be a button that says ‘Click to access Chapter’. This will help kids who are already used to needing directions for almost every task. Seeing the button will be clearer than just having a task list.
There should be a ‘View’ button beside the individual chapters.
Perhaps merge the lessons tab with the page that arises when clicking on the story title. Instead of a drop down list, organize chapters in tabs with illustrations and descriptions. The arrangement of the chapters in the story could be the same as the arrangement of the topics in the home page.
Increase the size of the drop down icon and move it up (closer to the lesson title) so that learners know it's clickable. The very little dropdown icon wasn't easily noticeable.
The aim of this design issue is to propose an updated design for the Lessons tab that addresses the above issues. This design should be tested and validated with learners (via interactive prototypes) before being sent for implementation. Ideally, the validation would also allow the proposed and existing designs to be compared, and the proposed design should show a clear improvement over the existing design in the above aspects.
Context for the request
This is an update to an existing screen (the Lessons tab).
Link to PRD
N/A
Information about deadlines/priorities
This can be worked on at the usual priority.
DESIGN APPROVAL CHECKLIST -- DO NOT EDIT.
[ ] UX Design approved (Android mocks should include dark mode)
[ ] UX Writing approved
[ ] Design Systems Team approved
[ ] Product approved
For a design project to be completed, it needs approval from UXD, UXW, DS and PM. Please tag the following reviewers when your project is ready (at least one reviewer for each of the 4 bullet points below):
Platform Oppia Android
Describe the request
We have received 16 reports of learners having trouble entering the lesson. They reach the Lessons tab in the topic screen, and then don't know what to do. Here is some representative feedback from the learner feedback team:
Here are some suggestions provided by facilitators with ideas for how we might address this (though you don't necessarily need to follow them):
Incorporate a description of the lessons that is readable and understandable by the students. Learners need to have a full understanding of the lessons before starting.
"Stories you can play" can be replaced with a call to action instructing the learner to select a chapter to start learning. I would recommend “Select Chapter to start Lesson”
Put a title on the lessons tab, similar to "Start learning from Chapter 1".
Add a space below the title ‘Stories You Can Play’. This space will explain in short and engaging phrases that below are the chapters to a story called "Matthew Visits The Bakery" which is about a boy named Matthew as he learns about Fractions.
Consider having the lessons tab show the "story theme" information (rather than leaving it to the next screen, i.e. the screen that shows up when you click the story header).
Consider labelling the chapter list (Chapter 1: What is Ratio?) with a right chevron (>) to indicate that you can click a chapter to move it to another location.
There should be a button that says ‘Click to access Chapter’. This will help kids who are already used to needing directions for almost every task. Seeing the button will be clearer than just having a task list.
There should be a ‘View’ button beside the individual chapters.
Perhaps merge the lessons tab with the page that arises when clicking on the story title. Instead of a drop down list, organize chapters in tabs with illustrations and descriptions. The arrangement of the chapters in the story could be the same as the arrangement of the topics in the home page.
Increase the size of the drop down icon and move it up (closer to the lesson title) so that learners know it's clickable. The very little dropdown icon wasn't easily noticeable.
The aim of this design issue is to propose an updated design for the Lessons tab that addresses the above issues. This design should be tested and validated with learners (via interactive prototypes) before being sent for implementation. Ideally, the validation would also allow the proposed and existing designs to be compared, and the proposed design should show a clear improvement over the existing design in the above aspects.
Context for the request This is an update to an existing screen (the Lessons tab).
Link to PRD N/A
Information about deadlines/priorities This can be worked on at the usual priority.
DESIGN APPROVAL CHECKLIST -- DO NOT EDIT.
For a design project to be completed, it needs approval from UXD, UXW, DS and PM. Please tag the following reviewers when your project is ready (at least one reviewer for each of the 4 bullet points below):