The Grossest Site on the Internet is an incredibly popular children's site.
In the year 2000, 99% of schools were connected to the Internet and already 20% of all digital media users were children. Two years later, 75% of children with computers at school went online regularly. One reason for this burst of Internet usage by younger demographics is due to both teachers and parents considering the Internet to be a primary developmental tool for their child's education. In fact, many teachers (66% to be exact) encourage extending learning outside the classroom by using the Internet as a vehicle for learning.
However, with increased Internet usage by children, new considerations have come to our attention for a very important reason: if a child cannot use a site, they cannot learn from a site. Children have less fun and learn much less when their interactions with the computer have more usability problems. Furthermore, it is very difficult to design one site that encompasses the entire age range of 3-12. Younger children have very different needs than a twelve-year old. While many children find using the Internet easier than many adults, there are still some important usability concerns to focus on when designing educational sites targeted at children.
Design to Your Target Audience
Every child has different needs, especially as the age gap widens between them. Creating a site that is “designed for children” is too broad a scope for your web project. It would be better to narrow down your goals, “The site is designed for boys between five years old and eight years old.” How do you decide who you are targeting and how to market to them? 4 sub categories can be defined to make designing easier:
3-5 years old: These toddlers are just starting to read and begin to explore the world in a more analytical way. These children can remember and apply what they have learned a day before. They don't understand the difference between fantasy and reality on the computer yet, and live in a preoperative world. Their attention span is only 8-15 minutes.
5-8 years old: These young children are starting to go to school In school they would be between the kindergarten and early grade 2. They are beginning to form their identities and are starting to learn to play cooperatively and are developing fine motor skills. They are learning to read and can handle short sentences a few at a time. At this time the world expands beyond their immediate surroundings. Sites targeted at this age group should consist primarily of images with sound alternatives to all text since some children may still have difficulty reading (but not interpretting voice.) Using familiar characters helps to keep content interesting and palatable for children.
8-12 years old: At this age children begin to think in abstract terms, and become more focused on their interactions with others. In school they would fall between grade 2 and grade 6. Since much development occurs during this stage (Though less common, puberty is possible late in this age bracket.) you may want to consider dividing this age group up further. For example, too much information on the screen makes the site difficult to use for children under the age of 10, but longer content is considered normal for older children who are 11 and 12 years in age.
Teenagers: While not the focus of this blog, teenagers do make up their own sub group of youth. Teenagers enjoy experimenting with new products and love to socialize with their peers. They place great importance on their peer image. They tend to like using the Internet, but statistics show they spend less time online than adults.
The age of a child is important in determining how you will market your site to them effectively. For example, younger children like larger fonts and lots of pictures to help guide them. The older children get, however, the more they associate large fonts and images with “little kid sites” and will be less likely to enjoy using sites that display similar features. Furthermore, special consideration should be taken when using advertising on children's Internet content. Ads distract children and diminish their ability to navigate the site. In particular, young learners are sometimes prevented from using sites that have pop-ups because they do not know how to close or move them. Many children click on advertisements and then are unable to independently navigate back to the original page. If you do decide to include advertisements on your site, be certain to include information about how you include ads in your policies section for parents. Parents will want to know how you have considered the age and maturity level of their children in your decision to include advertisements on your site.
Age, however, is not the only determining factor in how you will design your website effectively. In general males and females are equally active online but tend to be interested in different features that are available to them online. Males generally prefer more activity in general since they enjoy action. They like colourful pages with lots of sound and opportunity for interaction. They do not enjoy reading as much and will shy away from any pages with lots of text. Females, on the other hand, enjoy more social sites. They are attracted to sites that allow them to communicate with their friends or share their work with others of the same age bracket. Girls like reading more, and tend to leave pages after seeing text much less often than boys of the same age. They also enjoy creative activities like drawing, writing and creating. They still enjoy lots of colours, but sound and action are not as high on their priority list.
Navigating Children's Navigation
As with websites for adults, navigation in a website is very important. However, children tend not to understand the concept of search in the same way that adults do. Determining which pages are relevant is often the most challenging part of search. Kids cannot formulate search queries in the same way as adults and do not have the patience to sift through myriads of results, so being able to get to information by clicking around is essential.
The most important rule when considering menus for children is to keep it simple. The more information is on the screen, the easier it is for young learners to get confused. Keep your design straight forward and intuitive with highlighted, easily understood keywords instead of copious amounts of options. Keep in mind what language is commonly used by kids you know. Children are not likely to click on words like “almanac” to find information because it is unfamiliar. It is better to use more than one common word than it is to use one obscure word.
Another important detail to consider is the fine motor development of your audience. Sites using frames often require higher finesse in motor skills than sites without frames. These sites often place content on the right side of the page with navigation on the far left. Any content that requires scrolling will require the user to move the mouse back and forth across the screen many times to locate the content they want. Not only does such a requirement hinder younger users, it annoys older users as well.
A good way to aid children with your navigation is to include a vibrantly labeled help button at the top of the screen. Children understand the concept of help and are much more likely to use “help” functionality to explore your website than a search function.
Contain Your Content
The content itself plays a crucial role in educating children, but the location and organization of the content is also just as crucial. Children do not think to scroll through information at an early age even when reminded they may do so. That meant that anything located at the bottom of the page went unnoticed by most kids. Most young learners do not think to check the bottom of the page for information unless specifically instructed to do so.
The same reasoning applies to the length and volume of the content provided on websites. Since children often do not remember to scroll down a page, they assume that what they see on the screen is all that is there. To avoid having content that is never read, keep your information down to half a page of text or less. Too much information on the screen also has another effect. As I mentioned earlier, a high volume of information confuses children and influences how lost they feel.
Multimedia Can Enhance Usability
Most children prefer an interactive website where they are actively engaging in activities and learning. Active engagement has positive side effects such as increasing the attention span for learners. Children learn through all their senses, so often, reading text or hearing someone talk is not their chosen method for learning. As adults we are accustomed to learning from lectures and books, but children are not and require a different method of teaching.
Including multimedia can also give children the chance to customize their learning and pace so it suits them and their learning needs. Furthermore, multimedia allows for creative options which kids enjoy. Young learners love activities that allow them to have input on the site or leave a mark when they visit. By providing children with creative opportunities, a site both encourages learning and return visits from both a child and their friends.
Multimedia Can Hinder Usability
While multimedia is definitely an important component to creating an effective and engaging children's website, there are some trade-offs to consider when choosing activities to include on your site. One of the largest problems for children using the Internet by themselves is plug-ins. Any website that uses a plug-in is immediately less accessible because children surfing independently get stuck with no help from their parents or older siblings.
Take special care when including elements that knowingly force the user to wait. Introductions, animations that play before actions and controls rolling onto the screen that cannot be accessed until they have found their place are all examples of elements that make the user wait. Children may enjoy animation and movement, but they still have short attention spans and would prefer to be doing than watching. Furthermore, some computers are still technically incapable of handling such sites without significant performance reductions. If you are going to include animations that make users wait, the considerate option is to include a button to skip unwanted animations.
Along a similar trend, balancing load time with multimedia is very important for two reasons. First, children respond equally as poorly to long wait times as they respond well to rich interaction. More importantly, children learn through responses. When a young learner clicks an object and an action happens, they are stimulated and they learn. By contrast, when a young learner clicks an object and nothing happens, they may incorrectly assume that the object does not do anything. One way to allow for slightly longer wait times is to always include system status and feedback, but telling the user that the page is loading only goes so far. If the child is forced to wait too long, they most likely will not want to use that feature again.
Finally, an important aspect of multimedia is the focus. Maintaining a focused scope on interactivity and keeping with the theme of the page will help children learn more effectively. From a usability standpoint, having only one interactive panel displayed on the screen at once keeps the user focused and limits confusion. Another way to limit confusion is to ensure that all interactive portions of your site are directly focused at the top of the page where children will easily find it.
Catering to Adults
Children and parents often use educational websites together, particularly when children are younger. While the task of making a site both kid and adult friendly may seem difficult, it doesn't have to be. To begin with, consider all the previously established standards for usability that have already been proven to help. By adhering to both previously established standards for adults and newer standards established for children, you can create a site that is easy for parents and children to use. Testing with both parties is also essential to ensure that you have, in fact, created a usable product for each. Another important part of your site design for adults is a section specifically for them. Keeping a section for adults separate from the section for children helps maintain usability for each while still providing necessary information to the older visitors of the site. The adults section typically includes both a section for parents with privacy policies and site information as well as a section for teachers with activities and lessons that can used alongside the site.
In Conclusion
Observations show that children have less fun when they encounter more usability problems. Furthermore, the more usability problems children encounter, the less likely they are to learn from the site they are using. Fun, familiarity and usability are all high on the priority list for consumers of educational websites.
In summary, here is a short list of guidelines I have compiled for children's websites based on the material covered in this blog:
- Design according to the age and gender of your audience.
- Keep navigation simple.
- Use common language in navigation and content.
- Organize objects in a way that minimizes mouse skill requirements.
- Include a vibrantly labeled "Help" link.
- Place content at the top of the page.
- Keep content short and eliminate scrolling.
- Include creative and content-oriented interaction.
- Keep load times short.
- Maintain usability for both children and parents.
Read more on Webutainment usability...
- Best Practices for Designing Usable Websites for Kids
- Child Computer Interaction
- Children on the Internet
- Designing Appealing, Engaging Websites for Kids and Parents Alike
- Designing for Kids
- Designing Usable Sites for Children and Teens
- Designing Websites for Kids
- Evaluating the Usability of Educational Websites for Children
- How Young Children Interact with the Online Environment
- Interface Design, Web Portals and Children
- Kids Talk Back