So Easy a Child Could Do It: Designing Mobile Apps for Kids

57
So Easy a Child Could Do It Designing Apps for Little Fingers Kathryn Rotondo kathrynrotondo.com @krotondo Codemotion Milan, Italy Nov. 29, 2014

description

by Kathryn Rotondo - Young children can seem to “get” touch devices right away. Still, there are important guidelines to follow when designing for little ones, to maximize their engagement and minimize their frustration. Through a tour of apps currently on the market, we'll explore techniques such as using characters, audio and visual indicators, and inactivity timeouts. We'll also cover which gestures are the most and least intuitive for small fingers, how a child's grip of the device affects UI, and what content to include for parents (and for legal reasons) and how.

Transcript of So Easy a Child Could Do It: Designing Mobile Apps for Kids

Page 1: So Easy a Child Could Do It: Designing Mobile Apps for Kids

So Easy a Child Could Do It Designing Apps for Little Fingers

Kathryn Rotondo kathrynrotondo.com

@krotondo

Codemotion Milan, Italy Nov. 29, 2014

Page 2: So Easy a Child Could Do It: Designing Mobile Apps for Kids
Page 3: So Easy a Child Could Do It: Designing Mobile Apps for Kids
Page 4: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Kids

Page 5: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Small

Page 6: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Big

Page 7: So Easy a Child Could Do It: Designing Mobile Apps for Kids
Page 8: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Studio Proper Clumsy iPad Case

Page 9: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Gestures

Page 10: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Most Intuitive Gestures

Page 11: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Tap

Page 13: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Draw

Page 15: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Swipe

Page 17: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Drag

Page 19: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Least Intuitive Gestures

Page 20: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Pinch Zoom

Page 21: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Shake

Tilt

Page 22: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Multi- Touch

Page 23: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Flick Fling

Page 24: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Double Tap

Page 25: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Flow

Page 26: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Greetings

“Hello, Super You!”

Superwhy

Page 27: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Look over here!

Bobo Explores Light

Guides

Page 29: So Easy a Child Could Do It: Designing Mobile Apps for Kids

copy me

LEGO DUPLO Zoo

Instructions

Page 32: So Easy a Child Could Do It: Designing Mobile Apps for Kids

stickers

Monkey Preschool Lunchbox

Praise & Payouts

Page 33: So Easy a Child Could Do It: Designing Mobile Apps for Kids

“ooh, aah!”

Toca Kitchen

Feedback

Page 34: So Easy a Child Could Do It: Designing Mobile Apps for Kids

home & replay

Toca Doctor

End of Play

Page 35: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Text

Page 36: So Easy a Child Could Do It: Designing Mobile Apps for Kids

pictorial menu

Sprinkle Junior

No Reading

Page 37: So Easy a Child Could Do It: Designing Mobile Apps for Kids

standard symbols

Pudding Monsters HD

Button Icons

Page 38: So Easy a Child Could Do It: Designing Mobile Apps for Kids

sync with audio

Little Red Riding Hood

Highlighting

Page 39: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Zaner Bloser

Peekaboo Trick or Treat

Fonts

Page 40: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Audio

Page 41: So Easy a Child Could Do It: Designing Mobile Apps for Kids

“O-O-O-O-O”

Endless Alphabet

Sound Effects

Page 42: So Easy a Child Could Do It: Designing Mobile Apps for Kids

ambiance

Interactive Alphabet

Background

Page 43: So Easy a Child Could Do It: Designing Mobile Apps for Kids

turn page or wait?

Sid the Science Kid Read & Play

Interruptability

Page 44: So Easy a Child Could Do It: Designing Mobile Apps for Kids

For Grown-Ups

Page 45: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Toca Builders

Baby Gates

randomized

Page 47: So Easy a Child Could Do It: Designing Mobile Apps for Kids

badge = trust

Moms with Apps Know What’s Inside Program

Be Transparent

Page 49: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Resources

Page 50: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Sesame

Page 51: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Design for Kids

Page 52: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Apple Guides

Page 53: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Moms with Apps

Page 54: So Easy a Child Could Do It: Designing Mobile Apps for Kids

The Kids Want Mobile

Page 55: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Dust or Magic

Page 56: So Easy a Child Could Do It: Designing Mobile Apps for Kids

Tech with Kids