Designing Web Interfaces for kids is a very different thing from designing for adults. Kids have different mental frameworks and physical abilities and live in a different paradigm. They are playful, social and make lots of mistakes. And we need to consider this when designing web interfaces for them.

1. DESIGNING
WEB INTERFACES
FOR KIDS
@trinefalbe

3. ON 12. MARCH 1989
The browser accessed internet was born

4. ANALOGUE
PARADIGM

5. INTERNET PARADIGM

6. 7-12

7. LESS CRAP
MORE QUALITY

10. BRAIN DEVELOPMENT

11. 2 years
6 years
10 years
12 years

12. THE BRAIN IS
FULLY DEVELOPED
AT AGE 26(!)

13. THE ABILITY TO
THINK
ABSTRACTLY

18. WHAT IMPACTS
KIDS WHEN THEY
USE THE WEB?

19. MENTAL MODELS

20. LANGUAGE

23. MENTAL MODELS
LANGUAGE
MOTOR SKILLS
ABSTRACT THOUGHT

24. #1
SIMPLE DATA ENTRY

25. FINE MOTOR SKILLS AREN’T FULLY
DEVELOPED UNTIL AGE 10

26. #2
USE BUTTONS, NOT
TEXT LINKS
FOR NAVIGATION

30. #3
USE ICONS AND
IMAGES

34. #4
DON’T REPOSITION
KEY NAVIGATION
WHEN REDESIGNING

36. #5
USE VOICE-OVER
SOUND FOR SMALL
KIDS

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

39. #7
DESIGN FOR SOCIAL

42. #8
PROVIDE
INSTRUCTIONS
“ON DEMAND”

45. #9
DESIGN FOR PLAY

47. #10
TEST!
TEST!
TEST!

49. RESPONSIBILITY

51. THANK YOU
@trinefalbe

52. 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/