designing apps for little fingers

58
GGM Tech Day Berlin, Germany July 13, 2013 Designing Apps for Little Fingers Kathryn Rotondo kathrynrotondo.com @krotondo Saturday, July 13, 13

Upload: kathryn-rotondo

Post on 08-May-2015

604 views

Category:

Design


1 download

DESCRIPTION

It’s amazing to watch a young child play with a touch device, they can seem to “get it” right away. But there are still special considerations to make when designing for young kids, to maximize their engagement and minimize their frustration. We’ll cover how to best connect with children using characters, audio and visual indicators, inactivity timeouts, and more. We’ll also discuss which gestures are the most and least intuitive for small fingers, and how the way children hold tablets affects where to place elements. Finally, we’ll explore what content to include for parents, and how.

TRANSCRIPT

Page 1: Designing Apps for Little Fingers

GGM Tech DayBerlin, GermanyJuly 13, 2013

Designing Appsfor Little Fingers

Kathryn Rotondokathrynrotondo.com

@krotondo

Saturday, July 13, 13

Page 2: Designing Apps for Little Fingers

Hello

Saturday, July 13, 13

Page 3: Designing Apps for Little Fingers

My kidSaturday, July 13, 13

Page 4: Designing Apps for Little Fingers

My appSaturday, July 13, 13

Page 5: Designing Apps for Little Fingers

Kid + Tablet = ?

Saturday, July 13, 13

Page 6: Designing Apps for Little Fingers

Age + AbilitySaturday, July 13, 13

Page 7: Designing Apps for Little Fingers

OrientationSaturday, July 13, 13

Page 8: Designing Apps for Little Fingers

HandsSaturday, July 13, 13

Page 9: Designing Apps for Little Fingers

Most IntuitiveGestures

Saturday, July 13, 13

Page 10: Designing Apps for Little Fingers

Tap✓Saturday, July 13, 13

Page 11: Designing Apps for Little Fingers

Draw✓Saturday, July 13, 13

Page 12: Designing Apps for Little Fingers

Swipe✓Saturday, July 13, 13

Page 13: Designing Apps for Little Fingers

Drag✓Saturday, July 13, 13

Page 14: Designing Apps for Little Fingers

Least Intuitive Gestures

Saturday, July 13, 13

Page 15: Designing Apps for Little Fingers

Pinch/Zoom✗Saturday, July 13, 13

Page 16: Designing Apps for Little Fingers

Tilt/Shake✗Saturday, July 13, 13

Page 17: Designing Apps for Little Fingers

Multi-Touch✗Saturday, July 13, 13

Page 18: Designing Apps for Little Fingers

Flick/Fling✗Saturday, July 13, 13

Page 19: Designing Apps for Little Fingers

Double Tap✗Saturday, July 13, 13

Page 20: Designing Apps for Little Fingers

Flow

Saturday, July 13, 13

Page 21: Designing Apps for Little Fingers

GreetingsSaturday, July 13, 13

Page 22: Designing Apps for Little Fingers

GuidesSaturday, July 13, 13

Page 23: Designing Apps for Little Fingers

Goal

Saturday, July 13, 13

Page 24: Designing Apps for Little Fingers

InstructionsSaturday, July 13, 13

Page 25: Designing Apps for Little Fingers

Interactive ElementsSaturday, July 13, 13

Page 26: Designing Apps for Little Fingers

TimeoutsSaturday, July 13, 13

Page 27: Designing Apps for Little Fingers

Wrong AnswersSaturday, July 13, 13

Page 28: Designing Apps for Little Fingers

Payouts

Saturday, July 13, 13

Page 29: Designing Apps for Little Fingers

FeedbackSaturday, July 13, 13

Page 30: Designing Apps for Little Fingers

MenuSaturday, July 13, 13

Page 31: Designing Apps for Little Fingers

Organization & ContinuitySaturday, July 13, 13

Page 32: Designing Apps for Little Fingers

End of PlaySaturday, July 13, 13

Page 33: Designing Apps for Little Fingers

UI Components

Saturday, July 13, 13

Page 34: Designing Apps for Little Fingers

ScrollingSaturday, July 13, 13

Page 35: Designing Apps for Little Fingers

Indicating “More”

Saturday, July 13, 13

Page 36: Designing Apps for Little Fingers

Iconography for Buttons

Saturday, July 13, 13

Page 37: Designing Apps for Little Fingers

Text

Saturday, July 13, 13

Page 38: Designing Apps for Little Fingers

Reading: Not Required!Saturday, July 13, 13

Page 39: Designing Apps for Little Fingers

HighlightingSaturday, July 13, 13

Page 40: Designing Apps for Little Fingers

FontsSaturday, July 13, 13

Page 41: Designing Apps for Little Fingers

CountersSaturday, July 13, 13

Page 42: Designing Apps for Little Fingers

Audio

Saturday, July 13, 13

Page 43: Designing Apps for Little Fingers

Concise

Saturday, July 13, 13

Page 44: Designing Apps for Little Fingers

TerminologySaturday, July 13, 13

Page 45: Designing Apps for Little Fingers

Interruptability

Saturday, July 13, 13

Page 46: Designing Apps for Little Fingers

Sound Effects

Saturday, July 13, 13

Page 47: Designing Apps for Little Fingers

Interactivity CuesSaturday, July 13, 13

Page 48: Designing Apps for Little Fingers

Background MusicSaturday, July 13, 13

Page 49: Designing Apps for Little Fingers

For Grown-Ups

Saturday, July 13, 13

Page 50: Designing Apps for Little Fingers

For ParentsSaturday, July 13, 13

Page 51: Designing Apps for Little Fingers

Baby GateSaturday, July 13, 13

Page 52: Designing Apps for Little Fingers

Parent TipsSaturday, July 13, 13

Page 53: Designing Apps for Little Fingers

Know What’s InsideSaturday, July 13, 13

Page 54: Designing Apps for Little Fingers

HelpSaturday, July 13, 13

Page 55: Designing Apps for Little Fingers

Registration/LoginSaturday, July 13, 13

Page 56: Designing Apps for Little Fingers

Questions?Saturday, July 13, 13

Page 58: Designing Apps for Little Fingers

AppsSuperwhy

Bobo Explores Light

Shapes & Puzzles

LEGO® DUPLO® Zoo

Magic Stickers

The Three Little Pigs

Casper Scare School

Monkey Preschool Lunchbox

Toca Kitchen

Spy Mouse HD

Toca Doctor

LEGO App4+

Bad Piggies HD

Pudding Monsters HD

Sprinkle Junior

Little Red Riding Hood

Peekaboo Trick or Treat

Make it Pop

The Monster at the End of this Book...starring Grover!

Sid the Science Kid Read & Play

Endless Alphabet

Interactive Alphabet

Toca Builders

Wee You Things

Saturday, July 13, 13