Quizlet Β· Intern Hackweek Β· 2022

Let's get engaged πŸ’

Study streaks that live on the home screen β€” not buried in a tab.

Role
Product & Visual Design
Timeline
5 days Β· Aug 2022
Team
1 design Β· 2 eng Β· 1 data
Platform
iOS & Android
Status
Shipped
The streak widget animating on an iOS home screen
The final widget on iOS β€” streaks and recent sets, one tap from the home screen.

01 β€” Overview

Meet students where they already are

Quizlet's User Growth team had been chasing motivation for a while β€” streaks, badges, achievements. The research kept landing on the same thing: a streak only works if the goal feels reachable and stays in sight.

So for Hackweek I asked a smaller question. What's the most-present surface a student already has? It had been in their hand the whole time β€” the home screen.

02 β€” The problem

Streaks worked. Nobody saw them.

Students carry real stress and low confidence, and it quietly eats their motivation to study. The data drew the gap in sharp lines. For 2 in 3 users, the longest streak was a single day β€” and yet streaks, when they stick, drive 12M+ extra study sessions a year. The catch: they were buried in the profile tab, three taps deep.

A streak = consecutive days with at least one flashcard.

Out of sight, out of mind.

The existing streak UI buried in Quizlet's profile tab
Before: streaks were buried in the profile tab.

03 β€” The goal

Put motivation where they look

How might we push motivation past the app β€” onto the home screen students already check all day?

A few things had to be true. It had to show the interaction through motion, not copy; to motivate across the whole study journey, not just in-app; to celebrate the personal wins; and to reach Android 12+ and iOS 16+.

04 β€” Process Β· Journey

Where does motivation break?

I mapped the journey from sign-up to long-haul motivation, building on the research team's work. The pattern was clear: students are mostly happy β€” but streaks go unused, because reaching them means a detour to the profile tab.

User journey map from sign-up to long-term motivation
Journey map β€” satisfaction is high, but the streak touchpoint is buried late and deep.

05 β€” Process Β· Research

How others keep people coming back

I looked at who else does this well β€” Kahoot!, Khan Academy, and Duolingo inside learning; Headspaceand Apple's own widgets outside it, for craft.

Competitive audit of learning apps and native widgets
Competitive audit β€” widget patterns inside and outside the learning space.

06 β€” Decisions

What I cut, and why

Starting at the smallest widget size, I generated a dozen directions in a day β€” HIG and Material Design 3 as guardrails, the team's critiques as a filter. The hard part wasn't adding things. It was cutting them.

The flashcard displaywent first β€” it just doesn't work at widget scale. β€œRecent studiers” followed, since the native app can't support it yet (a great social-proof idea for later). And the β€œStill learning / Mastered” counts had to go too β€” a Quizlet Plus feature, so most users would just hit empty states.

The hardest part was subtraction.

Early widget iterations
A day of explorations at the smallest widget size.
Material Design 3 widget treatment
Translating the design to Material Design 3 for Android.

07 β€” The solution

One tap, back into studying

The widget leans on recently-studied sets. Tap one, and you're back in the cards β€” no app to open, no menu to dig through. It scales across sizes and both platforms.

Final widget designs across sizes
The final design across widget sizes.
The widget on multiple devices
On-device, across iOS and Android.
The widget animating in use
The widget in motion.

08 β€” What's next

From reminder to companion

The widget is a starting point. Next: student-set targets, course shortcuts, and deeper recently-studied integration β€” turning a streak nudge into a real study companion.

Future widget concepts
Concepts for where the widget could grow.

09 β€” Outcome

What difference did we make?

At the end of Hackweek it won β€œShip It Now” and β€œCrowd Favorite,” and entered the pipeline toward millions of users. The metrics we set out to move: time in app, time studying, and 1- / 7- / 28-day retention.

  • β€œI love how you and the team expanded on a proven motivation tactic for learners.”
  • β€œIt looks like a polished and professional product that will fit well into the Quizlet ecosystem.”
  • β€œIt looks ready to be used by our users.”

10 β€” Reflection

What I took away

Five days forces honesty. The lesson wasn't visual β€” it was designing inside real walls (platform APIs, data, a paywall) and leaning on my engineers to know what was actually buildable. Ship beats perfect.