Teenage Usability: Designing Teen-Targeted Websites

by Hoa Loranger and Jakob Nielsen on February 4, 2013

Summary: Teens are (over)confident in their web abilities, but they perform worse than adults. Lower reading levels, impatience, and undeveloped research skills reduce teens’ task success and require simple, relatable sites.


Teens are wired. Technology is so integrated with teenagers’ lives that creating useful and usable websites for them is more critical than ever. To succeed in a world where the next best thing is a click away and text message interruptions are the rule, not the exception, website creators must clearly understand what teens want and how to keep them on a site.

To understand the expectations of a generation that grew up with technology and the Internet, we conducted empirical usability studies with real teens to identify specific guidelines for how websites can be improved to match teenagers’ abilities and preferences.

Our research refutes many stereotypes, including that teens:

  • just want to be entertained online with graphics and multimedia,
  • are supremely tech savvy,
  • use smartphones for everything, and
  • want everything to be social.

Teens are not technowizards who surf the web with abandon. And they don’t like sites laden with glitzy, blinking graphics. Teens are often stereotyped as only wanting things that are bold and different. They’re also often viewed as being fearless about technology and constantly connected to some form of media. Although this might be partially true, it’s an oversimplification and letting this steer your design can lead to disastrous outcomes.

Teenagers use the Internet from many devices in various environments. For our research, we focused on web usability, mainly from desktop and laptop computers. We also looked at mobile website usability and how teenagers use mobile devices. Although teens spend endless time texting, Facebooking, etc., we didn’t focus on this because our goal was to derive design guidelines for mainstream websites, not to help build the next Facebook.

The Research

We derived 111 usability guidelines for engaging teens and keeping them on your site. These recommendations are based on observational studies using multiple methodologies. A total of 84 users between the ages of 13 and 17 participated in two rounds of research: 38 teens in the original study (8 years ago), and 46 teens in our new study. We triangulated findings across three methods:

  • Usability testing. We met with test participants one at a time and gave them tasks to perform, asking them to vocalize their thoughts as they attempted tasks. To keep the scenarios as authentic as possible, we matched the tasks with each teen’s actual interests and simulated real-world situations.
  • Field studies. We observed teenagers in their homes and at school. During these site visits, we didn't give users predefined tasks to perform, but simply watched as they used the web the way they normally would in these settings.
  • Interviews and focus groups. To gain further insight into their experiences and attitudes, we asked participants to offer stories and examples detailing how and when they use the web, and which sites they considered interesting and useful. We also solicited advice from teens on how to make websites appealing. Interviews were held before and after the other usability sessions, as well as during a focus group.

We conducted these studies in the U.S. and Australia, in cities and towns ranging from affluent suburbs to disadvantaged urban areas. We tested a roughly equivalent number of boys and girls on a total of 152 websites that covered a broad range of genres, including:

  • School resources (California State University, BBC Schools, SparkNotes)
  • Tourism/Arts & Entertainment (ExploreChicago.com, Kidspace Children's Museum, Lonely Planet)
  • Health (Australian Drug Foundation, KidsHealth, National Institute on Drug Abuse)
  • Informational/Reference ( Nature , Food Network, Scientific American)
  • News (CNN, Weather.com, BBC Teens, ChannelOne.com)
  • Entertainment and Games (MTV, Playlist.com, Cool Math Games, Disney)
  • E-commerce (American Eagle Outfitters, Apple, Volcom)
  • Corporate sites (Pepsi-Cola, The Principal Financial Group, Procter & Gamble, Samsung, Morton Salt)
  • Government (Australian Government main portal, California’s Department of Motor Vehicles, the U.S. White House, NASA)
  • Non-profits (Alzheimer’s Association, The Insite, World Food Programme, National Wildlife Federation)

As these examples show, we tested both specialized sites that explicitly target teenagers and mainstream sites that include teens as part of a broader target audience.

Teen Motivations for Using Websites

Teenagers access the web for myriad activities, including entertainment. Generally, they have a specific goal, even if that goal is just to keep themselves occupied for 10 minutes.

Although their specific tasks might differ from adults, teens are similar to adults in major ways: both groups expect websites to be easy to use and to let them accomplish their tasks. Like adults, teens are goal-oriented and don’t surf the web aimlessly; website usability is thus as important for them as for any other user group.

Teens in our studies reported using the web for:

  • School assignments
  • Hobbies or other special interests (including learning new skills or finding fun activities)
  • Entertainment (including music and games)
  • News (including sports, current events, and entertainment)
  • Learning about new topics
  • Talking to friends
  • Shopping

Even when teens don’t make actual purchases on websites, they do visit them to research products and build wish lists for the credit-card-carrying adults in their lives.

Good and Bad News

The good news: Teens are becoming more successful at navigating websites and finding what they need. The success rate for teens has improved 16% during the 8 years between the old and new studies, for an improvement rate of 2 percentage points per year. This is slightly better than the improvement rate of 1.7% per year for adults using websites over the past decade.

Note: The success rate indicates the portion of tasks users were able to complete. Anything less than 100 percent represents a design failure or loss of business for a site.

Teens success rate in usability studies 8 years ago vs now
Good news: Success increased by 16 percent in 8 years.

Are teens getting better or are websites getting better? Probably a bit of both. We observed many of the same bad user habits among teens in our new study as we saw 8 years ago. Thus, the improved performance obviously stems in part from improvements in website design. That said, even though teens in our original study were heavy web users, teenagers today have even greater access to the internet and spend more time using it — and thus have more chances to hone their web surfing skills.

The bad news: Teens are not as invincible as some people think. Although teens might feel confident online, they do make mistakes and often give up quickly. Fast-moving teens are also less cautious than adults and make snap judgments; these lead to lower success. Indeed, we measured a success rate of only 71% for teenage users compared to 83% for adults.

Teens perform worse than adults for three reasons:

  • Insufficient reading skills
  • Less sophisticated research strategies
  • Dramatically lower levels of patience

To improve your site’s usability among teens, you must consider all three factors.

Across different types of websites, teens had the most success on e-commerce websites, which often adhered to design standards and required little reading. Teens encountered the greatest challenges on large sites with dense content and poor navigation schemes. Government, non-profit, and school sites were the biggest culprits of poor usability.

Despite usability improvements, we observed users struggling with the same issues as in previous years — as well as new issues created by emerging features and design approaches. Thus, both traditional and new guidelines must be considered as technology and people continually evolve; our new report contains 110 guidelines total, compared with 61 in the first edition.

Many of the guidelines also apply to general audiences. For teens, however, these guidelines are even more important because the usability issues present bigger hurdles.

Write Well

Write for impatient users. Nothing deters younger audiences more than a cluttered screen full of text. Teens can quickly become bored, distracted, and frustrated.
Teenagers don’t like to read a lot on the web. They get enough of that at school. Also, the reading skills of many teenagers are not ideal, especially among younger teens. Sites that were easy to scan or that illustrated concepts visually were strongly preferred to sites with dense text.

Applying proper web writing and formatting techniques is crucial in communicating with teens. Display content in small, meaningful chunks with plenty of white space. Small chunks help students retain information and pick up where they left off after the inevitable interruptions of text messages and phone calls.

Help teens learn and stay focused by choosing your words wisely. Use words that teens understand. Write in short sentences and paragraphs. Teens generally have poorer reading and comprehension skills than adults. If your site targets a broad audience, aim to write at a 6th-grade reading level (or lower). Writing at this level will help audiences of all ages — young and old — quickly understand your content.

One surprising finding in this study: teenagers dislike tiny font sizes as much as adults do. We’ve often warned websites about using small text because of the negative implications for senior citizens (and even people in their late 40s, whose eyesight has begun to decline). We’ve always assumed that tiny text predominated because most Web designers are young and still have perfect vision, so we were surprised that small type often caused problems or provoked negative comments from our study’s teen users. Even though they’re sufficiently sharp-eyed, most teens move too quickly and are too easily distracted to attend to small text.

Avoid Boring Content — and Entertainment Overload

Teens complained about sites they found boring. Dull content is the kiss of death if your goal is to keep teens on your site. However, not everything needs to be interactive and fancy. Although teens have a strong appreciation for aesthetics, they detest sites that appear cluttered and contain pointless multimedia.

Beware of overusing interactive features just because you're designing for younger audiences. Multimedia can engage or enrage teens, depending on its usefulness. The best online experiences for teens are those that teach them something new or keep them focused on a goal.

What’s good? The following interactive features all worked well because they let teens do things rather than simply sit and read:

  • Online quizzes
  • Forms for providing feedback or asking questions
  • Online voting
  • Games
  • Features for sharing pictures or stories
  • Message boards
  • Forums for offering and receiving advice
  • Features for creating a website or otherwise adding content

These interactive features let teenagers make their mark on the Internet and express themselves in various ways — some small, some big.

The site type influences user expectations. For example, teens expect e-commerce and brand sites to look professional and informational sites to look simple and polished. For the latter sites, presenting interesting content in a clear manner is much more attractive than experimenting with new sophisticated features. Teens can learn and feel engaged without the nonessential enhancements.

Make It Snappy

A slow-loading website is a deal-breaker. Whatever you do, make sure your site loads quickly. Slow, sluggish sites are frustrating to anybody, but they’re especially offensive to young audiences who expect instant gratification.

Think twice before you develop that super-cool widget. If it’s slow or buggy, forget it. Teens won’t have the patience for it. Because teens often work on older, second-hand computers — and sometimes have slow Internet connections — fancy features might not work well. Teenagers like to do stuff on the Web. They dislike sites that are slow or that look fancy but behave clumsily.

Don’t Talk Down to Teens

Avoid anything that sounds condescending or babyish. The proper tone can make or break your site. Teens relate to content created by peers, so supplement your content with real stories, images, and examples from other teens.

Some websites in our study tried to serve both children and teens in a single area, usually titled something like Kids. This is a grave mistake; the word “kid” is a teen repellent. Teenagers are fiercely proud of their newly won status, and they don’t want overly childish content — one more reason to ease up on the heavy animations and garish color schemes that work for younger audiences. We recommend having separate sections for young children and teens, labeled Kids and Teens, respectively.

Let Teens Control the Social Aspects

Facilitate sharing but don’t force it. Teens rely on technology for social communication, but they don't want to be social all the time. They do want to control what they share and how they share it. Sites that force teens to register and then automatically make the profile public on the site violate trust. Parents and teachers teach teens to protect their privacy at a young age, and one of the things teens learn is to avoid nosey sites.

When offering sharing options, make sure to include email. Unlike college students, teens often prefer using email to share content as they’re more protective of their social accounts and cautious about who sees their activities.

Design for Smaller Screens and Poor Ergonomics

Many students access the web while sitting in awkward positions using portable devices with small screens, such as laptops, tablets, and mobile devices. The adoption of portable devices requires that you design a website in a way that doesn’t compromise usability. Thus, even though screens are getting bigger for business users, teens rarely get those top-end desktop computers.

Teens often work on laptops with track pads, making interactions that require precision — such as drop-down menus, drag-n-drop, and small buttons — difficult. Design elements such as rollover effects and small click zones are also problematic, if they’re usable at all. Small text sizes and dense text make reading difficult. Combine these elements with poor ergonomics and you have a prescription for fatigue and errors.

Media portrays teens as competent computer jockeys. In reality, teen overconfidence combined with developing cognitive abilities means they often give up quickly and blame the website’s design. They don’t blame themselves, they blame you.

Age Group Differences

The following table summarizes the main similarities and differences in web design approaches for young children, teenagers, college students, and adults. (The findings about children are from our studies with 3–12-year-old users; the findings about college students are from our study with 18–24-year-old users.)

  Hunting for things to click Tabbed browsing Scrolling Search Patience Animation
and
sound effects
Kids
(3–12)
yes no no no maybe yes
Teens
(13–17)
maybe maybe maybe no no maybe
College students
(18–24)
no yes yes yes no no
Adults
(25–64)
no maybe yes yes yes no
Key:  
yes Enjoyable, interesting, and appealing, or users can easily adjust to it.
maybe Users might appreciate it to some extent, but overuse can be problematic.
no Users dislike it, don't do it, or find it difficult to operate.

Clearly, there are many differences between age groups. The highest usability level for teens comes from designs that are targeted specifically at their needs and behaviors, which differ from those of adults and young children. As the table shows, this is true both for interaction design and for more obvious factors, such as topics and content style.

More information and complete usability guidelines for designing websites for teens in our full research report.


Share this article: Twitter | LinkedIn | Google+ | Email