designing web interfaces for kids (front-trends 2015)

52
DESIGNING WEB INTERFACES FOR KIDS @trinefalbe

Upload: trine-falbe

Post on 18-Jul-2015

3.375 views

Category:

Design


0 download

TRANSCRIPT

DESIGNING WEB INTERFACES

FOR KIDS

@trinefalbe

ON 12. MARCH 1989 The browser accessed internet was born

ANALOGUE PARADIGM

INTERNET PARADIGM

7-12

LESS CRAPMORE QUALITY

BRAIN DEVELOPMENT

2 years

6 years

10 years

12 years

THE BRAIN IS FULLY DEVELOPED

AT AGE 26(!)

THE ABILITY TO THINK

ABSTRACTLY

WHAT IMPACTS KIDS WHEN THEY USE THE WEB?

MENTAL MODELS

LANGUAGE

MENTAL MODELS

LANGUAGE

MOTOR SKILLS

ABSTRACT THOUGHT

#1SIMPLE DATA ENTRY

FINE MOTOR SKILLS AREN’T FULLY DEVELOPED UNTIL AGE 10

#2USE BUTTONS, NOT TEXT LINKS FOR NAVIGATION

#3USE ICONS AND IMAGES

#4DON’T REPOSITION KEY NAVIGATION WHEN REDESIGNING

#5USE VOICE-OVER SOUND FOR SMALL KIDS

#6SEARCH: USE AUTO COMPLETE AND VISUAL SEARCH FOR SMALL KIDS

#7DESIGN FOR SOCIAL

#8PROVIDE INSTRUCTIONS “ON DEMAND”

#9DESIGN FOR PLAY

#10TEST! TEST! TEST!

RESPONSIBILITY

THANK YOU

@trinefalbe

Phone: https://www.flickr.com/photos/philliecasablanca/

Typewriter: https://www.flickr.com/photos/rossaroni/

Letters: https://www.flickr.com/photos/jennifer-love/

PHOTO CREDITS:

Brain: https://www.flickr.com/photos/125992663@N02/

CC Licence agreements: https://creativecommons.org/licenses/

2 year old boy: https://www.flickr.com/photos/suraky/

6 year old boy: https://www.flickr.com/photos/66543362@N00/10 year old girls: https://www.flickr.com/photos/34547181@N00/

12 year old boys: https://www.flickr.com/photos/gtmnerr/

Kids on iPads https://www.flickr.com/photos/ticoneva/“I love you” sign language: https://www.flickr.com/photos/heymans/

Boy reading in chair: https://www.flickr.com/photos/alexragone/

Girls writing: https://www.flickr.com/photos/usag-yongsan/

Audio icon: https://www.flickr.com/photos/epublicist/