Codecademy committed to building the best learning experience inside and out by taking advantage of web technology, to build the education the world needs.
The predefined scope was leaning toward a more personalized way to set up users' learning goals. But the inconsistent logic compares with our prior Streak experience on mobile native app added on too much complexity and that's why we decided to rescope and focus on what's the most intuitive way to introduce the feature to our users.
For all the popular learning services you can see below, design the incentives to create the behaviors for habit formation is the key to successful learning.
The majority of the popular learning services apply gamification in their learning experience, and now this approach became pretty common in learning.
We've thought about to introduce it in the onboarding flow to the first time users, and celebrate the first win on the dashboard when the return users just come back to continue the learning. But we eventually decided to make the introduction more natural and fit into the context as I shared below.
A non-interruptive approach to introduce Streak is the main focus in this user experience design, no pause for coach mark and tooltips to "showcase" this new feature, instead, we ensure it shows up at the correct time and space with the right context.
After users complete the first learning material of the day, we celebrate the first win they've got in their daily learning with a toast.
Few other design options are not as explicit as the toast notification with the ease-in animation. The movement stimulates the excitement.
I've tried numerous designs just to display the Streak without distracting users when they check their learning progress in the dashboard, it turns out the simplicity is the best choice
There is an existing badge design in notification/toast that can't be changed, so I have to accommodate the old visual style when I design the Streak toast for the cases that more than one toasts show up in the same time.
The best result of this project was that we were able to track more user data than code submission times, and to encourage users to come back and learn daily.
The next project is another critical piece for learning habit formation as the "cue", and we were able to dive into the reason behind the learning behavior, and to help the users achieve their goal.