designing apps for little fingers confoo montreal feb 2014

59
So Easy a Child Could Do It Designing Apps for Little Fingers Kathryn Rotondo kathrynrotondo.com @krotondo ConFoo Montréal, Canada February 27, 2014

Upload: kathryn-rotondo

Post on 14-Jul-2015

292 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Designing Apps for Little Fingers Confoo Montreal Feb 2014

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

Kathryn Rotondo kathrynrotondo.com

@krotondo

ConFoo Montréal, Canada February 27, 2014

Page 2: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Bonjour

Page 3: Designing Apps for Little Fingers Confoo Montreal Feb 2014
Page 4: Designing Apps for Little Fingers Confoo Montreal Feb 2014
Page 5: Designing Apps for Little Fingers Confoo Montreal Feb 2014

tap? double tap? swipe? undo? sound effects? animations?

Page 6: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Kids

Page 7: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Kids

Page 8: Designing Apps for Little Fingers Confoo Montreal Feb 2014

grow!!

Page 9: Designing Apps for Little Fingers Confoo Montreal Feb 2014
Page 10: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Resting Hand

Landscape Orientation

Studio Proper Clumsy iPad Case

Page 11: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Gestures

Page 12: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Most Intuitive Gestures

Page 13: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Tap

Page 14: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Draw

Page 15: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Swipe

Page 16: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Drag

Page 17: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Least Intuitive Gestures

Page 18: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Pinch Zoom

Page 19: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Shake

Tilt

Page 20: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Multi- Touch

Page 21: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Flick Fling

Page 22: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Double Tap

Page 23: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Flow

Page 24: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Greetings

“Hello, Super You!”

Superwhy

Page 25: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Look over here!

Bobo Explores Light

Guides

Page 27: Designing Apps for Little Fingers Confoo Montreal Feb 2014

copy me

LEGO DUPLO Zoo

Instructions

Page 28: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Distinct from Background

Magic Stickers

Interactivity

Page 31: Designing Apps for Little Fingers Confoo Montreal Feb 2014

stickers

Monkey Preschool Lunchbox

Payouts

Page 32: Designing Apps for Little Fingers Confoo Montreal Feb 2014

“ooh, aah!”

Toca Kitchen

Feedback

Page 33: Designing Apps for Little Fingers Confoo Montreal Feb 2014

go anywhere

The Monster at the End of this Book… Starring Grover!

Menu

Page 34: Designing Apps for Little Fingers Confoo Montreal Feb 2014

normal & boss levels

Spy Mouse HD

Continuity

Page 35: Designing Apps for Little Fingers Confoo Montreal Feb 2014

home & replay

Toca Doctor

End of Play

Page 36: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Interface

Page 37: Designing Apps for Little Fingers Confoo Montreal Feb 2014

side-to-side

LEGO App4+

Scrolling

Page 38: Designing Apps for Little Fingers Confoo Montreal Feb 2014

swiping & button

Bad Piggies HD

Showing “More”

Page 39: Designing Apps for Little Fingers Confoo Montreal Feb 2014

pictoral & standard

Pudding Monsters HD

Button Icons

Page 40: Designing Apps for Little Fingers Confoo Montreal Feb 2014

pictorial level menu

Sprinkle Junior

No Reading

Page 41: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Text

Page 42: Designing Apps for Little Fingers Confoo Montreal Feb 2014

sync with audio

Little Red Riding Hood

Highlighting

Page 43: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Zaner Bloser

Peekaboo Trick or Treat

Fonts

Page 44: Designing Apps for Little Fingers Confoo Montreal Feb 2014

to the side

Make It Pop

Counters

Page 45: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Audio

Page 46: Designing Apps for Little Fingers Confoo Montreal Feb 2014

instruction at end

The Monster at the End of this Book… Starring Grover!

Concise

Page 47: Designing Apps for Little Fingers Confoo Montreal Feb 2014

turn page or wait?

Sid the Science Kid Read & Play

Interruptability

Page 48: Designing Apps for Little Fingers Confoo Montreal Feb 2014

“O-O-O-O-O”

Endless Alphabet

Sound Effects

Page 49: Designing Apps for Little Fingers Confoo Montreal Feb 2014

knock knock

Peeakaboo Trick or Treat

Activity Cues

Page 50: Designing Apps for Little Fingers Confoo Montreal Feb 2014

ambiance

Interactive Alphabet

Background

Page 51: Designing Apps for Little Fingers Confoo Montreal Feb 2014

For Grown-Ups

Page 52: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Toca Builders

Baby Gates

randomized

Page 54: Designing Apps for Little Fingers Confoo Montreal Feb 2014

badge = trust

Moms with Apps Know What’s Inside Program

Be Transparent

Page 55: Designing Apps for Little Fingers Confoo Montreal Feb 2014

showing > text

Interactive Alphabet

Help

Page 57: Designing Apps for Little Fingers Confoo Montreal Feb 2014

ResourcesSesame’s Best Practices Guide for Children’s App Development !Moms with Apps Know What’s Inside Program !Developer Exchange Facebook Group !Apps Playground App Reviews Gesture Illustrations by Tomodachi

Page 58: Designing Apps for Little Fingers Confoo Montreal Feb 2014

Questions?