WebVisions 2010 - Developing for Digital Kids
-
Upload
webvisions -
Category
Design
-
view
924 -
download
2
description
Transcript of 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 [email protected](206)378-0100
Tiffany YoungExecutive Creative [email protected](206)378-0100
Thank You!