webvisions 2010 - developing for digital kids

1601 2nd Avenue, Suite 900Seattle, WA 98101www.smashingideas.comtwitter.com/smashingideas

Barbara PritchardExecutive Producer

Tiffany YoungExecutive Creative Director

Developing for Digital Kids

2

Overview

Creating engaging digital experiences for kids of different ages

StatisticsKids These DaysGeneral ConsiderationsUsabilityUser TestingExamples/Case StudiesBeyond the Browser

Tiffany Young, Executive Creative DirectorBarbara Pritchard, Executive Producer

3

Introduction

Smashing Ideas, founded in 1996, has become one of the leading digital media studios by creating immersive, interactive content that transforms consumer driven brand experiences in a digital world. ‐

Some of the clients we’ve created kid content for include: American GreetingsCartoon NetworkDisneyHasbroMattelNeopetsNickelodeonNick Jr. NintendoPBS KidsPokémon

Smashing Ideas is based in Seattle, with offices in Portland and in the UK.

Learn more about us online at http://www.smashingideas.com/.

4

Kids These Days

Sources: Norton Online Living 2009, Kaiser Family Foundation

5

Kids These Days

Sources: Norton Online Living 2009, Kaiser Family Foundation

Kids of Varying Ages and Skills

• Preschool – ages 3-5Kids this age have limited hand-eye coordination. Using a mouse and keyboard at the same time can be difficult. Most can’t read.

• Kids – ages 6-9Kids in this range are mastering the mouse and keyboard, but get frustrated easily and have varied attention spans. Hand-eye coordination varies enormously between a 6-year-old and a 9-year-old.

• Tweens – ages 10-12Kids this age are online superstars. They’re surfing, watching, playing and exploring. They’re also starting to learn the ropes on social networks.

• Teens – ages 13-17Teens are quick to share info, but may not understand privacy concerns or consequences.

6

7

General Considerations

• COPPA Considerations – Keep kids safe. Don’t gather information about them that you don’t need. http://www.coppa.org/comply.htmThe FTC will host a COPPA Rule Review Roundtable on June 2, 2010. Visit http://www.ftc.gov/bcp/workshops/coppa/index.shtml for more information.

• Log-in/Sign Up – Keep username/password creation and authentication as simple as possible. Don’t lose kids before they even sign up.

• Chat Considerations – If you include chat functionality use canned chat or a filtered dictionary that auto fills in word options. Screen user-generated content before posting for other kids to see.

• Popular Buttons – Kids tend to click “games” navigation buttons more than anything else, followed by “videos.”

• The Fold – Keep the important stuff above the fold. It’s not easy for a 3-year-old to scroll.

8

General Considerations

• User-Generated Content – Decoration activities, video mashups, profile personalization and more.

• Appointment Gaming – Much like appointment TV in the past, websites can create repeat visits by scheduling new games or content to go “live” at the same time each week or by scheduling special online events.

• Collectibles – Keep kids engaged in site content by letting them earn pieces as they go. Missions, tasks and quests also help progression through difficult material.

• Reward Systems – Visual rewards kids can keep in a virtual trophy case, with new rewards released over time, can help kids stay engaged and entertained.

9

Usability

The younger your audience, the simpler your content needs to be.

• Controls should be simple

• Buttons and hit areas need to be large/generous

• Click/Stick/click/drop VS. Click/hold/drag/drop

• Instructions should be brief (and use should be intuitive)

• Avoid copy - voiceover if at all possible with visual cues

• Give feedback (visual, audio) regularly; be encouraging

• Provide hints and time out cues

• Always allow for success

10

Usability

As kids get older, content can ramp up in difficulty and complexity to keep kids engaged, but the fundamentals remain.

• Keep copy to a minimum

• No one reads help screens; Keep usability intuitive

• Collections, awards/rewards and currencies

• Standard navigation plus promos

• Sharing, socializing, ranking/rating

• Fun, surprising, engaging visual effects/audio sfx

11

User Testing

• Plan ahead

• Just because they’re a kid doesn’t mean they’re your audience

• Where to put them?

• Don’t ask questions; ask them to show you how to do X or Y

• Avoid trying to help them

• Ask them to rate the app on a numeric scale of 1 to 10

12

Games as Learning

• Define a clear curriculum objective first. Ensure your team understand the objective.

• Smaller games with focused curriculum will go further than large games that try to cover too much.

• Don’t lose the fun factor! Kids know the difference between a game and a lesson.

13

Games as Learning

Tutorials – Consider creating a brief animated tutorials at the start of the game

Voiceover cues – Don’t forget prompts when writing your script.

Hint structures – Tiered voiceover cues to help the child that’s struggling.

Rewards/Payoffs - Plan your animated and SFXs payoff points.

14

Case Study: Reward Systems/Quests

15

Case Studies: Awards

16

Case Studies: Collectibles

Planet 51

17

Case Studies: CollectiblesPlanet 51 – Character Cards

On first visit

On rollover

On click with no cards found

18

Character Rollover

Case Studies: CollectiblesPlanet 51 – Character Cards

Character Collected

Persistent UI updated

19

Beyond the Browser

Another trend we’re seeing and something for you to consider…Find ways to take what’s offline online, and what’s online offline.

• Can your application include something to print that takes the experience offline?

• Can you create an application that takes something tangible from the real world and adds value to it in the digital world?

• Can you encourage kids to do something in the real world by tying it to something they love to do online?

Some examples….

20

Beyond the BrowserPrintables

21

Beyond the BrowserPokewalker example

Players can wirelessly transfer any one of their Pokémon from one of the two

games to the Pokéwalker and walk them through virtual routes as the player

walks around in real life. By walking, players earn Watts, which are used

within the Pokéwalker to encounter and catch wild Pokémon or search for

hidden items, and can be transferred into Pokémon HeartGold and SoulSilver

Versions to unlock new routes. There are even special versions of certain

Pokémon that can only be found within routes on the Pokéwalker, giving

players added incentive to keep their Pokémon with them wherever they go.

22

Beyond the BrowserThe Big Help

23

Beyond the BrowserToys with Codes

Coming Soon…TRULY Interactive Toys: Offline, real-world toys track interaction and award you

points/status online.

24

Favorite Projects/Missed Opportunities

HIT: Created a game that unlocked a new level each week for four weeks. Nickelodeon traffic on the game passed any other launch that time frame.

MISS: Scheduled a large group of kids to test out a new application for Nickelodeon and then discovered none of them were allowed to watch TV and few were allowed on the computer.

HIT: Games and Awards – 10+ games with site and integrated award system is proving to be a big hit with girls 5-9.

MISS: Usability – Power & aim was too difficult of a game mechanic for 5-9 year olds.

HIT: Visual/Audio Feedback – Nintendogs site had great audio assets and fun visual style. Often kids are even more “aspirational” than I anticipate.

MISS: Client’s need to capture data involved complicated sign-up process including parent email and password creation with special characters . This became a huge drop-off point for kids.

25

Questions?

Barbara PritchardExecutive Producerbarbarap@smashingideas.com(206)378-0100

Tiffany YoungExecutive Creative Directortiffanyy@smashingideas.com(206)378-0100

Thank You!