{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "news",
    "type" : "single",
    "title" : "Kids.gov – Usability Case Study |Digital.gov",
    "description": "Kids.gov – Usability Case Study",
    "home_page_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/","feed_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2014/04/02/kids-gov-usability-case-study/index.json","item" : [
    {"title" :"Kids.gov \u0026#8211; Usability Case Study","summary" : "Launched back in 2001, Kids.gov has the unenviable task of trying to keep pace with the rapidly changing online habits of youngsters.","date" : "2014-04-02T10:00:02-04:00","date_modified" : "2025-01-27T19:42:55-05:00","authors" : {"jonathan-rubin" : "Jonathan Rubin"},"topics" : {
        
            "design" : "Design",
            "usability" : "Usability",
            "user-experience" : "User experience"
            },"branch" : "bc-archive-content-3",
      "filename" :"2014-04-02-kids-gov-usability-case-study.md",
      
      "filepath" :"news/2014/04/2014-04-02-kids-gov-usability-case-study.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/bc-archive-content-3/content/news/2014/04/2014-04-02-kids-gov-usability-case-study.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/bc-archive-content-3/content/news/2014/04/2014-04-02-kids-gov-usability-case-study.md","slug" : "kids-gov-usability-case-study","url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2014/04/02/kids-gov-usability-case-study/","content" :"\u003cp\u003eFor a children’s site, \u003ca href=\"http://kids.usa.gov/\"\u003eKids.gov\u003c/a\u003e is pretty old — it was launched back in 2001. And it has the unenviable task of trying to keep pace with the rapidly changing online habits of youngsters. So in 2012, Kids.gov Director Arlene Hernandez thought her site was due a usability test with its two main audiences: kids and their parents.\u003c/p\u003e\n\u003cp\u003eHernandez already had a good deal of data on the current design based on Web traffic and emailed feedback. She and her team knew people weren’t clicking on the top menu items, and that all graphic content was expected to be interactive and clickable. And some tasks, like learning about George Washington, were difficult to complete.\u003c/p\u003e\n\u003ch2 id=\"kidsgov-version-1-8211-may-2012\"\u003eKids.gov Version #1 – May 2012\u003c/h2\u003e\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2014/03/Kids.gov-annotated-before-1-2.jpg\"\n    alt=\"Screenshot of kids.gov before their redesign\"/\u003e\u003c/div\u003e\n\n\n\u003cp\u003eRather than spend lots of time and money redesigning the site and then crossing their fingers that people would like it, Hernandez took a middle step: Creating a clickable wireframe of what the site might look like. Also known as a prototype, this in-between step would allow her to get feedback on large changes and on menu items before a single line of code was created. But more than that, she’d be making user experience decisions based on data, and not just opinion.\u003c/p\u003e\n\u003cp\u003eIn January 2012 Hernandez conducted what’s called “\u003ca href=\"http://www.usability.gov/how-to-and-tools/methods/first-click-testing.html\"\u003eFirst Click Testing\u003c/a\u003e” — a way to see where people click first when trying to complete a task. It’s an important thing to know—research has shown that users who get the first click right have an 87% chance to complete the task successfully.\u003c/p\u003e\n\u003cp\u003eLike many sites, Kids.gov has distinct audiences: young kids, teens, parents and teachers. To make sure the design was heading in the right direction, they tested the site with 4 members of each audience group. They collected data on their click paths and how they felt about their experiences. She found some areas of the site could be consolidated, and others deleted entirely.\u003c/p\u003e\n\u003ch2 id=\"kidsgov-version-2-wireframe-january-2012\"\u003e\u003cstrong\u003eKids.gov Version #2 (Wireframe): January 2012\u003c/strong\u003e\u003c/h2\u003e\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2014/03/Kids.gov-annotated-before-2-1.jpg\"\n    alt=\"Screenshot of a kids.gov prototype before their relaunch\"/\u003e\u003c/div\u003e\n\n\n\u003cp\u003eFinally, Hernandez had enough data to finish the design and test the final version. In March 2012 she and a contractor conducted remote usability tests on the earlier version of the new design. Then a year later, in April 2013, on \u003ca href=\"https://digital.gov/2013/04/26/how-to-do-usability-testing-with-kids/\"\u003eTake Your Kids To Work Day\u003c/a\u003e, they got permission to show the design to the children of their colleagues via a \u003ca href=\"https://digital.gov/2014/02/19/10-tips-for-better-hallway-usability-testing/\"\u003eHallway Usability Test\u003c/a\u003e. Each test had more than a dozen tasks and asked lots of open-ended questions.\u003c/p\u003e\n\u003ch2 id=\"kidsgov-version-3-launched-june-2012\"\u003e\u003cstrong\u003eKids.gov Version 3: Launched June 2012\u003c/strong\u003e\u003c/h2\u003e\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2014/03/Kids.gov-annotated-before-3.jpg\"\n    alt=\"Screenshot of kids.gov after their redesign\"/\u003e\u003c/div\u003e\n\n\n\u003cp\u003eThe results of the first round of testing on the new site were very encouraging—89% task completion rate with parents and an 82.5% success rate with kids. “They were able to find things easier on the redesigned site,” said Hernandez. Kids said they liked the bright colors and the large pictures on the new version. Traffic has also increased by 51% over the past year, to 2.69 million visits. The \u003ca href=\"http://kids.usa.gov/teens-home/index.html\"\u003eTeens home page\u003c/a\u003e also saw a 171% increase.\u003c/p\u003e\n\u003cp\u003eHernandez continues to add more video content and tweak the design based upon user feedback and requests. And that’s good, because video traffic for the top videos has increased more than 190%.\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eSee more Before and After case studies on our \u003ca href=\"https://digital.gov/resources/digitalgov-user-experience-resources/government-usability-case-studies/\"\u003eusability case studies\u003c/a\u003e page.\u003c/em\u003e\u003c/p\u003e\n"}
  ]
}