{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "news",
    "type" : "single",
    "title" : "Delivering on 21st Century IDEA: A case study from the GSA SmartPay team (Part 3) |Digital.gov",
    "description": "Delivering on 21st Century IDEA: A case study from the GSA SmartPay team (Part 3)",
    "home_page_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/","feed_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2023/11/29/part-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team/index.json","item" : [
    {"title" :"Delivering on 21st Century IDEA: A case study from the GSA SmartPay team (Part 3)","summary" : "A GSA SmartPay product owner shares her experience designing user-centered, accessible content for multiple audiences.","date" : "2023-11-29T08:04:00-05:00","date_modified" : "2025-01-27T19:42:55-05:00","authors" : {"rebekah-knouse-perillo" : "Rebekah Knouse Perillo","ryan-johnson" : "Ryan Johnson"},"topics" : {
        
            "accessibility" : "Accessibility",
            "content-strategy" : "Content strategy",
            "customer-experience" : "Customer experience",
            "digital-service-delivery" : "Digital service delivery",
            "plain-language" : "Plain language",
            "product-and-project-management" : "Product and project management"
            },"primary_image" : { "uid" : "three-gsa-smartpay-screens-part-3", "alt" :
  "Three screenshots of GSA SmartPay websites overlap each other against a green and blue gradient background. From rear to front, the sites are: 889 Representations Search, Complete Your GSA SmartPay Training, and the main GSA SmartPay homepage.", "width" :
  "1200", "height" :
  "628", "credit" :
  "", "caption" :
  "", "format" :
  "png" },"branch" : "bc-archive-content-3",
      "filename" :"2023-11-29-part-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team.md",
      
      "filepath" :"news/2023/11/2023-11-29-part-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/bc-archive-content-3/content/news/2023/11/2023-11-29-part-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/bc-archive-content-3/content/news/2023/11/2023-11-29-part-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team.md","slug" : "part-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team","url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2023/11/29/part-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team/","weight" : "1","content" :"\u003cdiv class=\"box \"\u003e\n  \u003cp\u003e\u003cem\u003eThis is Part 3 in a three-part series with the U.S. General Services Administration (GSA) Center for Charge Card Management (CCCM) about building their new, open-source \u003ca href=\"http://smartpay.gsa.gov\"\u003eprogram\u003c/a\u003e and \u003ca href=\"http://training.smartpay.gsa.gov\"\u003etraining\u003c/a\u003e websites, and the new \u003ca href=\"https://889.smartpay.gsa.gov/\"\u003eSection 889\u003c/a\u003e web app.\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eFor this post, Ryan Johnson, a content strategist on the GSA Service Delivery team, chatted with product owner, Rebekah Perillo. Rebekah is a lead business management analyst with CCCM.\u003c/em\u003e\u003c/p\u003e\n\n\u003c/div\u003e\n\n\n\n\n\n\n\n\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n        src=\"https://s3.amazonaws.com/digitalgov/three-gsa-smartpay-screens-part-3.png\"alt=\"Three screenshots of GSA SmartPay websites overlap each other against a green and blue gradient background. From rear to front, the sites are: 889 Representations Search, Complete Your GSA SmartPay Training, and the main GSA SmartPay homepage.\"/\u003e\u003c/div\u003e\n\n\n\u003cp\u003e\u003cstrong\u003eRyan Johnson\u003c/strong\u003e: \u003cem\u003eHi Rebekah! Thank you for joining me to talk about our work together to modernize GSA SmartPay’s websites.\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRebekah Perillo\u003c/strong\u003e: Thanks so much, Ryan!\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRyan Johnson\u003c/strong\u003e: \u003cem\u003eCan you tell us about your role at the Center for Charge Card Management and how you became involved with the GSA SmartPay website modernization effort?\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRebekah Perillo\u003c/strong\u003e: I serve as a Team Lead on the communications side of the house within the Center for Charge Card Management (CCCM). My colleagues and I work on tasks involving customer outreach, social media, training (including our yearly forum), and our websites. Several months into the website project, I was pulled in to help vet, reduce, and standardize content for the new program and training websites. When they approached me, little did I know or understand what that involved.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRyan Johnson\u003c/strong\u003e: \u003cem\u003eWhen you joined the website projects, our team (\u003ca href=\"https://github.com/GSA/service-delivery\"\u003eService Delivery\u003c/a\u003e) had completed a content audit of the main GSA SmartPay website. What were your initial thoughts about the content audit?\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRebekah Perillo\u003c/strong\u003e: First, I was amazed by the sheer amount of content that was residing on the program website. There were over 500 pages, PDFs, and spreadsheet reports. That’s a lot of content! Second, the corresponding \u003ca href=\"https://digital.gov/topics/analytics\"\u003eanalytics\u003c/a\u003e showed that most of that content really wasn’t being viewed by users. By examining the results of the content audit, it started to tell the story of the current state of our website and where we needed to go.\u003c/p\u003e\n\n\n\n\n\n\n\u003cdiv class=\"quote-block \"\u003e\n    \u003cblockquote\u003e\n      \u003cspan class=\"quote-block__quotation-mark\"\u003e“\u003c/span\u003e\n      By examining the results of the content audit, it started to tell the story of the current state of our website and where we needed to go.\n      \u003cspan class=\"quote-block__quotation-mark\"\u003e”\u003c/span\u003e\u003c/blockquote\u003e\n  \u003c/div\u003e\n\u003cp\u003e\u003cstrong\u003eRyan Johnson\u003c/strong\u003e: \u003cem\u003eAs our teams worked together on web content, it was evident there were inconsistencies in program terminology, which led to the development of a content style guide. Can you tell us about the challenges and benefits of that process?\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRebekah Perillo\u003c/strong\u003e: On our legacy program site, many different people over the years created and posted content. Everyone had their own style and preferences on how to refer to common parts of the program. By reworking our content for the new program website, it finally gave us the chance to be consistent—which is one of my favorite words and things—by leveraging the GSA style guide to create a program-specific \u003ca href=\"https://github.com/GSA/smartpay-website/wiki/GSA-SmartPay%C2%AE-%7C-Style-Guide-for-the-Website-and-Training-Platform\"\u003estyle guide\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eSeveral CCCM team members and I got together to discuss and document how to represent standard terminology within our program. And, the beauty of it, is that the guide can be used for all of our communications materials, not just for the websites. It was a bit challenging to agree on standards for some of the items, but finding the time in our busy schedules to sit down together to create the guide was the most difficult part of it.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRyan Johnson\u003c/strong\u003e: \u003cem\u003eYou were instrumental in consolidating content and removing ROT (redundant, outdated, trivial) information, ultimately reducing the main website’s content volume by 75%. How did you go about doing that?\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRebekah Perillo\u003c/strong\u003e: Really, the content audit led the way, along with our direct knowledge from working with our customers. We used this information to narrow down the major topics that needed to be covered on the program website. Then, once we started to edit each topic’s content, we tried to ensure that the content was to the point, current, and readable.\u003c/p\u003e\n\u003cp\u003eRyan, you taught me that users come to our website to complete a task, so let’s make it easy for them! We want users to quickly find what they need and complete the task, so they’re able to focus on other valuable work.\u003c/p\u003e\n\n\n\n\n\n\n\u003cdiv class=\"quote-block \"\u003e\n    \u003cblockquote\u003e\n      \u003cspan class=\"quote-block__quotation-mark\"\u003e“\u003c/span\u003e\n      Users come to our website to complete a task, so let’s make it easy for them!\n      \u003cspan class=\"quote-block__quotation-mark\"\u003e”\u003c/span\u003e\u003c/blockquote\u003e\n  \u003c/div\u003e\n\u003cp\u003e\u003cstrong\u003eRyan Johnson\u003c/strong\u003e: \u003cem\u003eReducing content on any website or digital product can be a difficult task and often requires buy-in from others in the program. How did you build support in the program for the content work?\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRebekah Perillo\u003c/strong\u003e: Management gave me the freedom to reduce content as I saw fit. Pain points still exist though…even now, after launch. We’re still working to spread the message internally that the user’s needs trump our own opinions about content and supersede our previous content practices. Our goal is to continue to be mindful about what content is changed or added to the sites from here on out.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRyan Johnson\u003c/strong\u003e: \u003cem\u003eAfter you streamlined the content, we worked together on a new information architecture for the website. What were your thoughts on that process?\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRebekah Perillo\u003c/strong\u003e: It was a great opportunity to take a look at all of the newly updated content and organize it in a thoughtful way. We participated in a \u003ca href=\"https://methods.18f.gov/validate/card-sorting/\"\u003ecard sorting\u003c/a\u003e exercise where each piece of content was listed on a card. Then, we were asked to group the content that we thought belonged together. Lastly, we named each grouping based on a theme. It proved to be an excellent starting point to reorganize the website that we further refined with \u003ca href=\"https://methods.18f.gov/validate/usability-testing/\"\u003eusability testing\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRyan Johnson\u003c/strong\u003e: \u003cem\u003eAccessible content design was a big focus of our work together. Has that focus on accessibility changed the way the program thinks about web content going forward? If so, how?\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRebekah Perillo\u003c/strong\u003e: My big take away was that accessibility is so much more than 508 compliance. For example, if you provide alt-text to an image, you’ll be considered 508 compliant, but you may not truly be accessible if the alt text doesn’t fully describe all pertinent aspects of the image.\u003c/p\u003e\n\u003cp\u003eSo, in addition to our extensive automated testing, we also conducted manual accessibility testing to make sure our websites weren’t just compliant, but also user-friendly for people using assistive technologies.\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://digital.gov/topics/accessibility/\"\u003eAccessibility\u003c/a\u003e and \u003ca href=\"https://digital.gov/topics/diversity-equity-and-inclusion/\"\u003einclusion\u003c/a\u003e are everyone’s job, and should be a main consideration when creating content. We want all users to have the same experience on our websites.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRyan Johnson\u003c/strong\u003e: \u003cem\u003eYou had a lot of responsibilities in your role as product owner on these projects. How did you balance the content work with all of your other responsibilities?\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRebekah Perillo\u003c/strong\u003e: Thankfully, I shared many of the day-to-day product owner responsibilities with my colleague, Andrew Lee. However, the content work was my task to complete. Management gave me the space and time to examine and thoughtfully work on content, making it a priority. I’m grateful they understood that many of my other job responsibilities had to be put on hold until the content work was completed. Content work can really be a full-time job – it requires quiet, concentration, and thoughtfulness to get it right.\u003c/p\u003e\n\n\n\n\n\n\n\u003cdiv class=\"quote-block \"\u003e\n    \u003cblockquote\u003e\n      \u003cspan class=\"quote-block__quotation-mark\"\u003e“\u003c/span\u003e\n      Content work can really be a full-time job – it requires quiet, concentration, and thoughtfulness to get it right.\n      \u003cspan class=\"quote-block__quotation-mark\"\u003e”\u003c/span\u003e\u003c/blockquote\u003e\n  \u003c/div\u003e\n\u003cp\u003e\u003cstrong\u003eRyan Johnson\u003c/strong\u003e: \u003cem\u003eDo you have advice for other government programs who want to get a hold of their website content and make it more \u003ca href=\"https://digital.gov/guides/hcd/\"\u003euser-centered\u003c/a\u003e?\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRebekah Perillo\u003c/strong\u003e: My advice is a resounding \u003ccode\u003eDo it!\u003c/code\u003e. In my opinion, over the years, so many government program websites have become overgrown with content. Rather than judiciously choosing what to display, they continue to add more content. With so much content on a site, it’s difficult to make sure it’s all current, working, and accessible. So, if they’re given the opportunity to update their content to resonate with users, I hope they jump at the opportunity, even though it’s a lot of work.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRyan Johnson\u003c/strong\u003e: \u003cem\u003eThe new GSA SmartPay websites launched in early October. How’s it going so far?\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRebekah Perillo\u003c/strong\u003e: So far, so good! It’s been very boring—we haven’t discovered many bugs or had significant complaints from users—which is the biggest compliment to the team. Customers seem to be happy! They’re able to access content and training to do their jobs. And, now that the MVP (minimum viable product) is launched, we’re focusing on how to build the websites to further meet user needs.\u003c/p\u003e\n\u003chr\u003e\n\u003cp\u003e\u003cem\u003eRead \u003ca href=\"https://digital.gov/2023/11/28/part-1-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team/\"\u003epart 1\u003c/a\u003e and \u003ca href=\"https://digital.gov/2023/11/29/part-2-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team/\"\u003epart 2\u003c/a\u003e for more information about the GSA SmartPay project.\u003c/em\u003e\u003c/p\u003e\n"}
  ]
}