Nick Jr. site redesign
Header image for Nick Jr.
©2023 Viacom International, Inc.

Objectives:

User goals: To put kids ages 2-5 in charge of programming and gaming, thus creating deeper relationships with customers.

Business goals: To reinforce the Jr. brand affinity by educating users on other Nick Jr. products (apps and connected devices) to collect data for the launch of a subscription-based product for under 5's.

Timeline: 4 months

My role:

I created journey maps, wire flows, prototypes and design specs, reporting to the Web Platform Lead. I collaborated with engineering to ensure that updates in the future would be less time-consuming.

I led a micro-animations team for iOS and Web, to create clear and consistent navigation patterns and engagement.

Success metrics: Decrease of bounce rates on mobile, due to lighter page and stable code base.

The personas

Persona 1 for Nick Jr. Yazi, 5 Avid gamer
She enjoys gaming with Nick Jr. properties she considers to be her "friends". She aspires to play Nick games, like her older brother.

Yazi can game for up to 20 minutes at time, and can read simple words.

Persona 2 for Nick Jr. Jakey, 3 TV consumer & gamer
He loves to watch his favorite characters, even if the shows are on repeat. He watches short clips, as his attention is limited.

He plays car-related games, but becomes frustrated if a game skews too old for him.

Customer insights

We conducted customer research to drive our planning phase

Consumer insights
Findings:
Lean back & lean forward

The primary segments are customers that watch spoon-fed clips and kids that activly control what they watch.

Repetitive consumption

The delight factor is high when consuming favorite clips and sounds.

Nick Jr. knows you

Parents and kids expect Nick Jr. to know them and serve personalized recommendations / passive engagement.

Kids are extremely active

Kids are using hand-me-down devices, and engage with content while moving quite a bit.

Wire flow

Avid gamer

Researchers observed 12 families during "family time" in situ (in their homes) for 90 minutes. Kids ranged from ages 3 to 6, boys and girls. The patterns from our research showed that live network TV, even streaming Netflix is background "wallpaper".

Kids under 6 mainly interact with a hand-me-down tablet or smartphone for games or YouTube.

The default mode for kids is to thin-slice their attention on their chosen screen. They switch contexts moment to moment (game to game to video to game). We worked through many user flows for the "happy path" for Yazi, who enjoys gaming.

Nick Jr. wire flow for gamer-mobile version

Nick Jr. knows you

Understanding & solving for kids' content consumption

Even though a typical adult Netflix member loses interest after 60 to 90 seconds of choosing, kids seemed to spend on average 3 minutes searching for content of interest if they noticed that games were available.

We attended an all-day workshop with kids, finding that they expected the site/app to know them personally via profiles and recommendation algorithms. The session reflected children’s desire for personalization.

Nick Jr. engineers developed a recommendation engine to follow common watch patterns during day and nighttime video "snacking" and game playing. This would be a passive selection effort for kids, so that if users primarily watched shows that had, for example, animals, magic or cars, content that is related to that subject matter would be offered.

Mobile Nick Jr. main and game end level ages Mobile Nick Jr. Blaze property page

Solving for repetitive consumption

We were well aware that kids enjoy repetition, whether it be repeating sounds or funny clips. We conducted an A/B test for Watch Again, in order to see whether kids understood the concept. There was a lift in usage, so this feature was implemented.

Playlists were displayed as a stack of cards, with no text, and kids would select a video listing that would be tailored to their watch and gaming habits. For instance, the subject matter could be "animals", "vehicles" or "magic". There was a lift in usage, and was implemented as well.

Mobile Nick Jr.-test for Watch Again Mobile Nick Jr.-test for Playlists

How we solved for distracted users

We learned that kids under 5 are remaining active while using our products, even sitting upside-down on a sofa while using a phone! We conducted tests in family living rooms in order to see how parents and children played with our products. Our solution was to design simple pages with no text, to use large tap targets and 3-d buttons.

Kids under 5 have underdeveloped dexterity, so all navigation and content blocks were designed and tested rigorously with kids and parents. Kids loved to browse games and videos while watching, reinforcing the "lean-back & lean-forward" philosophy, so we planned for a picture-in-picture experience while they are watching.

Tablet video and game end level for property Nick Jr. Blaze property page

Adding delight without distraction-Web site

Reinforcing brand affinity with interaction

With a decline in domestic household TV reach, encouraging kids to explore the category of Nick Jr. offerings was at the forefront of our business goals for Web. Our team experimented with different ways to feature properties that children might not be aware of.

After ideating with an engineer on the Web team, we added piano sounds to the nav, much like a children's toy. After A/B testing, we found more click-throughs to new Properties. Kids didn't necessarily explore more after this, but they spent time browsing the new Property page.

The results

After many design iterations & 4 rounds of testing

Game loads per visit: Were down before the redesign and have closed the gap since.
Character navigation bar click-throughs: Increased on Desktop.
Continue watching: No increase in usage or retention.
Page load time on mobile: -20 secs.
Bounce rates on home page: Decrease of bounce rates on mobile, due to lighter page, more stable code base.
Short form starts per visit: In-line with LY’s progress post redesign.
Full episodes: Time spent on Desktop declined YoY with the redesign, but saw an increase on mobile.
View the site