Simplifying Lengthy Chapters into Bite-Sized Info Chunks.
Made learning experience better for NEET aspirants on Physicswallah app
2,00,000 +
Physics Wallah
01
Quick Preview of Project
02
Understanding the Pain Points
03
Key Points to Solve (HMWs)
04
Solutions of HMWs
05
Nuggets Inspiration
06
Screen Walkthrough
07
Prototype
08
The Solution, aka ‘The Screens’
09
Design System
10
Moment of Truth: The Impact
11
Future Scope and Learning
Contents of this project
Deck Overview
Problem Statement
This project aims to enhance the learning experience on the app for students who feel the problem of not being able to keep up with the teaching pace and want to learn/revise the whole chapter quickly.
Things we decided to do
Created diverse content pieces aka nuggets to induce better learning.
Content was organized in specific sequence for better learning.
Used gamification and a reward system to encourage user engagement.
Customized learning for specific chapters or topics.
Drawing inspiration from the teaching methods of a private tutor
Teaching
Learning
Questioning
What we actually made
13 Types of special nuggets
Ancillary features to make navigation easy.
Quick Preview
01
Understanding the Pain Points
02
Key Points to Solve
Create personalised learning experiences for diverse learning speeds ?
How might we
How might we
How might we
Because users feel the absence of self paced learning .
Create sustained engagement amidst competing alternatives ?
Mitigate the reliance of users on external resources ?
Because business wants to make users keep using their product rather than others.
Beacuse users can’t find topic specific practice/learning content, hence explores other platforms.
03
Our Gamble
Create personalised learning experiences for diverse learning speeds
Solution
Create two separate learning modes:
Learning mode
Revision mode
Create progress report so that users can get a performace summary and can practice accordingly.
Create a notes taking feature which can help in creating better cognition and learning.
Create sustained engagement amidst competing alternatives
Solution
Implement gamification techniques to create intrinsic motivation factor in the user.
Usage of XP system can be done to reward user for every correct answer.
Use timer in quiz based nuggets so that should be some variability in XP earning.
Mitigate the reliance of users on external resources
Solution
Provide practice/learning content for all the chapters in topic wise format at one place so that user can acces it on the app.
Break down content in chunks of information i.e nuggets.
Nuggets can be in form of text, audio, video, image, quiz, games etc
04
Nuggets Inspiration
Key Takeaways
Bing's quick, topic descriptions aid user participation in polls effectively.
Brainly's 'guess the answer' feature fosters recall and memorization.
Duolingo's 'fill in the blank' questions helped me to get understanding of different states.
Khan Academy provides topic-related videos alongside questions for deeper understanding of topic.
Duolingo's learning path structure is user-friendly and easy to navigate.
Quizzes on other apps helped me to explore standard states and edge cases efficiently.
05
A few online platforms
Physics wallah’s
books
Walkthrough
This is the happy flow of ‘Fundoo’ (for the k-10 version) same product will be converted into ‘Pitara’ which will be in core app’s theme when it is used for different cohorts.
06
The Prototype video contains representation of
following screens/ actions-
Subject and Topic Selection
Mode Selection (practice or revision mode)
Nuggets (main screen)
Ancillary Feature (notes, index)
Report Summary
Resetting of Progress
Prototype
07
Nuggets screen
Note Nugget
Relevant for Summaries, Descriptions and Notes of content/topic.
XP Meter
To make this experience rewarding, xp meter is introduced. Every correct answer give positive points and vice-versa.
Image Nugget
For visual learners there is image nugget. It is relevant for Diagrams, Experimental setup, Reaction mechanisms, mindmaps etc.
08
Video Nugget
Short clips of the particular topic is there with/without description.
Timer
To make things gamified and bit challenging, a timer is made. XP score also depends on time left. This keeps variability in xp.
Quiz Nugget
Multi select and single select quiz nuggets are made to test the learning.
Nuggets screen
next
screen
09
True & False Nugget
Combination of text and image can be added to the question.
Fill the Blank Nugget
Long paragraphs can be converted to FIBs by eliminating keywords.
Label the Image Nugget
This is basically an image based Fill in the blank. The user can place chits to their respective markers.
Nuggets screen
on
scroll
10
Match the column Nugget
Just another classic way of content representation. Also it was in pw’s book so it was a good idea to make it digital.
Table Nugget
It can be used for Comparison Tables, Experimental Results, Statistical Data.
Nuggets screen
next
screen
11
Mode Bottom Sheet
There are two modes:
Experience mode
Revision mode
(In revision mode all nuggets are open)
Index Sheet
To give user a bird view of the nuggets.
Incase of revision mode user can even jump on any nugget.
Ancillary screen
12
Utility Bottom Sheet
Text Note: user can write a self note.
Audio Note: User can record a voice note
Share nugget with friends
Report an issue
Reset Progress
User can reset it progress if the want to practice again in experience mode.
Ancillary screen
13
Progress Report
Basic matrices such as how many nuggets a user solved and amount of time he spent in one session is shown here in brief.
Question Summary
User can see a brief visual representation of attempted nuggets wether it is correct , incorrect or
skipped.
Question Report
User can see detailed evaluation (how many xp he/she earned) in this report card
table.
Report card screen
14
Style Guide
Setting up some ground rules (Just a glimpse)
Typography
Aa
Balsamiq Sans
Bold
Regular
For Display and Headings
Aa
Roboto
Bold
Semi Bold
Medium
Regular
Strike through
Underline
For Subheadings and Body
Visual Style
Neo Brutalism
(Fun, Playful, Gamified and Impactful for things we want to emphasize
As this product can be easily plugged in with our core design system so it’s new components needs to be made accordingly, so that it can look consistent and is developer friendly when mapped in pw’s design system.
Other Components
More than 20 comps and multiple states
1
John Dalton
Right Atrium
1.
Taj Mahal
Tap to continue
1/7
Solution
Will be distracted by the readable content of a page when looking at its layout. Many Desktop Publishing packages and web page.
"You are doing amazing, keep it up"
Coal and Petroleum
19.2k XP
1.
Right Ventricle
Colour Palette
*These are values for 500
#24b770
Success
#CA5243
Error
#B28D72
Primary
#E4B22F
Warning
#5C7CD0
Link
2
0
+
C
o
m
p
o
n
e
n
t
s
2
0
+
C
o
m
p
o
n
e
n
t
s
Buttons
Primary
Primary
Primary
Primary
Primary
Primary
Secondary
Secondary
Secondary
Secondary
Secondary
Secondary
Tertiary
Tertiary
Tertiary
Tertiary
Tertiary
Tertiary
Low Focus
Low Focus
Low Focus
Low Focus
Low Focus
Low Focus
Just glimpse of major states i.e. active and disabled state
15
4.23 Million
Nuggets completed by 2,32,596 students
averaging 52 nuggets/student.
10000+
Students have completed more than 100 nuggets.
20 mins
Average time spent by user while solving nuggets.
Impact
16