{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "news",
    "type" : "single",
    "title" : "Making GSA's public art collection more accessible |Digital.gov",
    "description": "Making GSA's public art collection more accessible",
    "home_page_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/","feed_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2023/12/08/making-gsa-public-art-collection-more-accessible/index.json","item" : [
    {"title" :"Making GSA's public art collection more accessible","deck" : "A case study on how we updated art.gsa.gov","summary" : "GSA’s Fine Arts team recently leveraged modern product development practices to launch the new collection website.","date" : "2023-12-08T23:30:00-05:00","date_modified" : "2025-01-27T19:42:55-05:00","authors" : {"jenn-noinaj" : "Jenn Noinaj"},"topics" : {
        
            "design" : "Design",
            "software-engineering" : "Software engineering",
            "user-experience" : "User experience"
            },"primary_image" : { "uid" : "screen-at-fda-by-doh-ho-suh-library-of-congress-photo-carol-m-highsmith", "alt" :
  "A colorful screen made up of thousands of molded miniature plastic figures is seen on one of the four wall panels of the Screen at FDA sculpture installation.", "width" :
  "1200", "height" :
  "630", "credit" :
  "Photograph by Carol M. Highsmith [LC-DIG-highsm-25031].", "caption" :
  "Screen at FDA (detail) by Doh Ho Suh. Library of Congress, Prints & Photographs Division", "format" :
  "jpg" },"branch" : "bc-archive-content-3",
      "filename" :"2023-12-09-making-gsa-public-art-collection-more-accessible.md",
      
      "filepath" :"news/2023/12/2023-12-09-making-gsa-public-art-collection-more-accessible.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/bc-archive-content-3/content/news/2023/12/2023-12-09-making-gsa-public-art-collection-more-accessible.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/bc-archive-content-3/content/news/2023/12/2023-12-09-making-gsa-public-art-collection-more-accessible.md","slug" : "making-gsa-public-art-collection-more-accessible","url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2023/12/08/making-gsa-public-art-collection-more-accessible/","weight" : "1","content" :"\u003cp\u003eImagine if the Louvre’s vast collection of masterpieces was hidden away from public view, or the museum was accessible to only 5,000 visitors a year! The GSA Fine Arts Program faced this very challenge: How do you share one of the largest U.S. public art collections with the world without them having to visit every federal building?\u003c/p\u003e\n\u003cp\u003eFollow along on our journey to make one of the oldest and largest public art collections in the United States on \u003ca href=\"https://art.gsa.gov/\"\u003eart.gsa.gov\u003c/a\u003e \u003cstrong\u003eaccessible to all\u003c/strong\u003e.\u003c/p\u003e\n\n\n\n\n\n\n\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n        src=\"https://s3.amazonaws.com/digitalgov/screen-at-fda-by-doh-ho-suh-library-of-congress-photo-carol-m-highsmith.jpg\"alt=\"A colorful screen made up of thousands of molded miniature plastic figures is seen on one of the four wall panels of the Screen at FDA sculpture installation.\"/\u003e\u003cp\u003eScreen at FDA (detail) by Doh Ho Suh. Library of Congress, Prints \u0026amp; Photographs Division\u003cspan\u003e—\u0026nbsp;Photograph by Carol M. Highsmith [LC-DIG-highsm-25031].\u003c/span\u003e\u003c/p\u003e\u003c/div\u003e\n\n\n\u003ch2 id=\"background\"\u003eBackground\u003c/h2\u003e\n\u003cp\u003eThe U.S. General Services Administration’s (GSA) Fine Arts Collection traces its origins to the mid-nineteenth century; it was created during a time when the Office of the Supervising Architect in the U.S. Department of the Treasury administered the construction of federal buildings. The growth of the federal government in the 1930s led to an extensive building campaign that created four separate public art programs to help adorn the buildings, provide employment, and make art available to large and small communities.\u003c/p\u003e\n\u003cp\u003eToday, the GSA Fine Arts Program team maintains this collection. Much of the artwork owned by GSA lives in our federal buildings and courthouses. Pieces from the collection are also on long-term loan to museums and other non-profit organizations.\u003c/p\u003e\n\u003cp\u003eLast year, GSA celebrated the \u003ca href=\"https://www.gsa.gov/real-estate/design-and-construction/art-in-architecturefine-arts/art-in-architecture-50\"\u003e50th anniversary of the Art in Architecture program\u003c/a\u003e. Launched in 1972 under the recommendations of President John F. Kennedy\u0026rsquo;s Ad Hoc Committee on Federal Office Space, the program proposed:\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      Where appropriate, fine art should be incorporated into the designs of federal buildings with emphasis on the work of living American artists.\n      \u003cspan class=\"quote-block__quotation-mark\"\u003e”\u003c/span\u003e\u003c/blockquote\u003e\n  \u003c/div\u003e\n\u003ch2 id=\"identifying-the-barriers\"\u003eIdentifying the barriers\u003c/h2\u003e\n\u003cp\u003eThe original public-facing website where the collection was virtually housed was hard to find and navigate, making it difficult for members of the public to learn more about GSA’s 26,000 pieces of historical and contemporary art. The website was also difficult to maintain and lacked a way to track site traffic. The GSA Service Delivery team partnered with the Fine Arts Program to tackle these barriers.\u003c/p\u003e\n\u003ch2 id=\"the-road-to-art-for-all\"\u003eThe road to art for all\u003c/h2\u003e\n\n\n\n\n\n\n\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n        src=\"https://s3.amazonaws.com/digitalgov/gsa-fine-arts-process.png\"alt=\"Project process overview that shows discovery took one month, acquisitions took two months, design and prototyping and developing and testing being iterative and taking 6 months with a final launch at the end.\"/\u003e\u003c/div\u003e\n\n\n\u003ch3 id=\"discovery-research\"\u003eDiscovery research\u003c/h3\u003e\n\u003cp\u003eThe first step in all of our projects is discovery research. Discovery research helps the team understand user needs, behaviors, and motivations to inform critical design and technical project decisions.\u003c/p\u003e\n\u003cp\u003eOur discovery research included:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eStakeholder interviews to understand business needs\u003c/li\u003e\n\u003cli\u003eUser research to understand the goals, pain points, and scenarios in which people were using the site\u003c/li\u003e\n\u003cli\u003eUsability testing of the existing website to uncover additional insights\u003c/li\u003e\n\u003cli\u003eSystem reviews to inform the technical direction of the project\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eDiscussions with public art professionals during this research helped highlight the importance of the site for the art community:\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      When people think [of] GSA, they don’t think art. [GSA’s Fine Arts program] is a valuable asset and resource that, unfortunately, a lot of museum curators do not know exists.\n      \u003cspan class=\"quote-block__quotation-mark\"\u003e”\u003c/span\u003e\u003c/blockquote\u003e\n  \u003c/div\u003e\n\u003cp\u003eOur research findings helped us identify three core opportunities to improve the current site:\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003e\u003cstrong\u003eFunctionality\u003c/strong\u003e – Make the site easier for the public to engage with, especially through improved navigation and search. The existing site was hard to find and navigate, making it difficult for members of the public to access our extensive art collection.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003ePerformance\u003c/strong\u003e – Improve the website’s performance. The existing site was slow to load; we ran a website audit to assess performance, accessibility, and other metrics, and the existing site scored 29 out of 100.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eMaintenance\u003c/strong\u003e - Create a better way for the Fine Arts team to make updates to the site. The site didn’t get updated often because changes required coordination between three GSA teams and two different contractors.\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp\u003eFrom those high-level findings, we developed a product vision statement to guide the project:\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eMake it easier for the public to find art they’re interested in, and for the Fine Arts program to keep the website updated.\u003c/em\u003e\u003c/p\u003e\n\u003ch3 id=\"acquisition-process\"\u003eAcquisition process\u003c/h3\u003e\n\u003cp\u003eOnce we had an idea of user needs, and product vision and goals, our engineers did a build-or-buy analysis and identified three possible paths forward with pros and cons for each one:\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003e\u003cstrong\u003eKeep the current system\u003c/strong\u003e but update the backend (in Drupal and JavaScript) to help make the code more readable and testable.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eUse a public-facing version\u003c/strong\u003e of a commercial-off-the-shelf (COTS) product that the Fine Arts team already uses internally.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eCreate a new site\u003c/strong\u003e outside of the Drupal platform.\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp\u003eThe team chose option 2 (use the public-facing product of their internal collection database) to optimize for long-term maintainability. The COTS product is widely used for collections management in the arts world and could be easily customized to meet user needs.\u003c/p\u003e\n\u003ch3 id=\"design-and-prototyping\"\u003eDesign and prototyping\u003c/h3\u003e\n\u003cp\u003eOnce we selected the technical approach, our team got to work on the initial design and prototype of the site which began with identifying user types (see the template below). Our research identified three high-level user types:\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003eThe \u003cstrong\u003eNew Deal Art Aficionado\u003c/strong\u003e is passionate about New Deal art and enjoys viewing it, promoting it, and continuing its legacy. They want to explore art in our collection, find art to visit, and use it as a source of information and inspiration.\u003c/li\u003e\n\u003cli\u003eThe \u003cstrong\u003ePublic Art Professional\u003c/strong\u003e works in a regional public art program, and they look to GSA’s collection for inspiration in terms of the artists, materials, and diversity of our artworks. The site informs their programs, and they often want to know about other GSA Fine Arts projects in development.\u003c/li\u003e\n\u003cli\u003eThe \u003cstrong\u003eGSA Employee\u003c/strong\u003e works to bring awareness and appreciation for the art collection. They research artwork for outreach that promotes and supports the program\u0026rsquo;s vision.\u003c/li\u003e\n\u003c/ol\u003e\n\n\n\n\n\n\n\u003carticle class=\"dg-ring\" aria-labelledby=\"6b045ed544543648aa7d80c5079e142a\"\u003e\n  \u003ch2 id=\"6b045ed544543648aa7d80c5079e142a\" class=\"dg-ring__title\"\u003eWhat are user types?\u003c/h2\u003e\n  \u003cp\u003eUser types, also known as user archetypes, are often used in user experience (UX) to identify a broad grouping of different types of customers and end users. They are centered around existing users\u0026rsquo; motivations, behaviors, and pain points.\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://digital.gov/2023/05/19/personas-learn-how-to-discover-your-audience-understand-them-and-pivot-to-address-their-needs/\"\u003ePersonas\u003c/a\u003e, while similar, are often used in marketing to identify a \u0026ldquo;target audience.\u0026rdquo; Personas include demographic information like gender and age. One profile usually serves as a representation of a target audience.\u003c/p\u003e\n\u003cp\u003eThe GSA Service Delivery team has developed a user type template. After you have completed user research, analyze and synthesize the research findings and insights by users, and use the template to identify what should be included in your team’s user types.\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://s3.amazonaws.com/digitalgov/static/gsa-service-delivery-template-synthesis-user-types.docx\"\u003eView the user type template (.docx, 223 KB, 3pages)\u003c/a\u003e →\u003c/p\u003e\n\n\u003c/article\u003e\n\n\u003cp\u003eOur research also informed the design principles for the site. We needed the website to be:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eUser-friendly\u003c/strong\u003e: content is structured, accessible, and easy to navigate\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eInformative\u003c/strong\u003e: content is clear, compelling, consistent, and accurate\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eRelevant\u003c/strong\u003e: content is current and can be easily updated\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"taking-an-iterative-approach-to-website-design\"\u003eTaking an iterative approach to website design\u003c/h2\u003e\n\u003cp\u003eWe used a collaborative design tool to prototype the first few versions of key pages for the website (Figure 1 below); this allowed us to incorporate feedback quickly and iterate on the design. After the first version, we held a design critique to gather internal feedback on whether or not it met the program’s objectives.\u003c/p\u003e\n\u003cp\u003eWith the second version, we conducted usability testing to get feedback from the public and our internal users. We received feedback from an arts advocate and outreach professional that confirmed we were on the right path:\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      There are some new things here that pique my curiosity. I like how the art is categorized and the navigation menu is really simple.\n      \u003cspan class=\"quote-block__quotation-mark\"\u003e”\u003c/span\u003e\u003c/blockquote\u003e\n  \u003c/div\u003e\n\u003cp\u003eWe revised the prototype based on the feedback we received, and the vendor used the last prototype version as a starting point for development.\u003c/p\u003e\n\n\n\n\n\n\n\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n        src=\"https://s3.amazonaws.com/digitalgov/gsa-fine-arts-figure-1-prototypes.png\"alt=\"Screenshots of the 3 versions of the homepage; the initial prototype, changes made after the first sprint, and changes made after the second sprint.\"/\u003e\u003cp\u003eFigure 1: The prototype iterations during the first phase of the project.\u003c/p\u003e\u003c/div\u003e\n\n\n\u003ch3 id=\"development-and-testing\"\u003eDevelopment and testing\u003c/h3\u003e\n\u003cp\u003eOur team worked in sprints with the vendor, collaborating closely during the development. We held weekly meetings with the entire team to prioritize the backlog of work and provided \u003ca href=\"https://18f.gsa.gov/2021/10/21/the_weekly_ship/\"\u003eweekly ships\u003c/a\u003e—a short email highlighting work completed, next steps, and identified blockers—to stakeholders to keep them informed throughout the project.\u003c/p\u003e\n\u003cp\u003eInitial site development began with the vendor customizing the product based on the latest prototype. Our team then internally tested this version to identify and resolve any initial development issues prior to testing with our users.\u003c/p\u003e\n\u003cp\u003eWe conducted another round of usability testing, this time with members of the arts community and the public who hadn’t heard of the art collection or interacted with the existing site. We also ran automated accessibility tests, manually checked for accessibility issues, and tested the site with our \u003ca href=\"https://www.section508.gov/tools/program-manager-listing/\"\u003eagency Section 508 Program Manager\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eThe findings and insights from this testing led to the final version of the site (see Figure 2). Some of the major changes we made include:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eUpdating the branding to spell out GSA and emphasizing the collection portion for new users who had never heard of GSA or the art collection\u003c/li\u003e\n\u003cli\u003eAdding the tagline to give users a sense of the collection scale\u003c/li\u003e\n\u003cli\u003eImproving wayfinding by adding navigation tiles\u003c/li\u003e\n\u003c/ul\u003e\n\n\n\n\n\n\n\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n        src=\"https://s3.amazonaws.com/digitalgov/gsa-fine-arts-figure-2-prototype-and-final.png\"alt=\"Comparison of two screenshots of the Fine Arts website, initial development using the prototype and the final version that was launched.\"/\u003e\u003cp\u003eFigure 2: Initial development using the prototype and the final, launched version.\u003c/p\u003e\u003c/div\u003e\n\n\n\u003cp\u003eDuring usability testing, an arts program manager at another federal agency told us:\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      I will be spending my entire day on this site when it\u0026rsquo;s live because there’s some really amazing artwork. I love that GSA is realizing what a great resource this is.\n      \u003cspan class=\"quote-block__quotation-mark\"\u003e”\u003c/span\u003e\u003c/blockquote\u003e\n  \u003c/div\u003e\n\u003cp\u003eOnce the vendor completed development, we coordinated with our security and operations teams to migrate the site to our test environment. The project team conducted user acceptance testing and worked with the vendor to resolve any issues encountered with the transition.\u003c/p\u003e\n\u003cp\u003eThe new site launched at \u003ca href=\"https://art.gsa.gov/\"\u003eart.gsa.gov\u003c/a\u003e in June 2023!\u003c/p\u003e\n\u003ch2 id=\"project-impact\"\u003eProject impact\u003c/h2\u003e\n\n\n\n\n\n\n\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n        src=\"https://s3.amazonaws.com/digitalgov/gsa-fine-arts-stats.png\"alt=\"For the website, performance increased 30% from 29% to 59%, accessibility reached 100%, from 98% on the original site, and site visits increased 248% from approximately 5,600 views per month to 13,9000 views.\"/\u003e\u003c/div\u003e\n\n\n\u003cp\u003eThe new website makes it easier for the public to navigate and engage with GSA’s art collection. It also gives the Fine Arts program the ability to easily maintain and update the site content. The site performance increased from 29 to 59, accessibility increased from 92 to 100, and we’ve seen engagement increase as well, with visits increasing from about 5,600 visitors a month on the old site to 13,900 visitors a month on the new site.\u003c/p\u003e\n\u003cp\u003eTo summarize the impact of the new site on the art community, an executive director of a non-profit arts organization shared:\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      This collection represents the history of this country and belongs to every US citizen. It’s creative, celebratory, and shows the ingenuity and innovation of American people. [The website] should reflect this and capture that dynamic so people can discover this incredible resource and treasure.\n      \u003cspan class=\"quote-block__quotation-mark\"\u003e”\u003c/span\u003e\u003c/blockquote\u003e\n  \u003c/div\u003e\n\u003chr\u003e\n\u003cp\u003e\u003cem\u003eThe GSA Service Delivery team delivers digital services focused on user needs. We\u0026rsquo;re a cross-functional team of product managers, designers, engineers, and acquisition professionals, and we help GSA teams deliver solutions that are simple, effective, and accessible.\u003c/em\u003e\u003c/p\u003e\n\u003chr\u003e\n\u003cp\u003e\u003cstrong\u003eDisclaimer\u003c/strong\u003e: All references to specific brands, products, and/or companies are used only for illustrative purposes and do not imply endorsement by the U.S. federal government or any federal government agency.\u003c/p\u003e\n"}
  ]
}