Skip to content

Commit

Permalink
Merge pull request #907 from usds/add-ssa
Browse files Browse the repository at this point in the history
SSA edits
  • Loading branch information
amwhitty authored Dec 18, 2023
2 parents a1604c6 + 20837f6 commit b1981fe
Showing 1 changed file with 29 additions and 32 deletions.
61 changes: 29 additions & 32 deletions _projects/0006_ssa.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,32 +18,32 @@ project_url: https://www.ssa.gov/

# Impact statement (Edit this)
impact_statement:
- figure: "99.9"
unit: "%"
- figure: "1"
unit: "M"
description: |-
uptime since the website launch
more account sign-ins per week
- figure: "$285"
unit: "M"
description: |-
in projected estimated savings over five years in front-processing and infrastructure expenses
in projected estimated savings over five years in front-end processing and infrastructure expenses
- figure: "75"
unit: "%"
description: |-
of customers start an online application after learning they may be eligible for benefits.
of customers start an online application after learning they may be eligible for benefits
- figure: "46.8"
unit: "%"
description: |-
increase in the CSAT or customer satisfaction score since the website launch
increase in the Customer Satisfaction Score (CSAT) since the website launch
---
<base target="_blank">

## Overview

The [Social Security Administration](https://www.ssa.gov/agency/) (SSA) website has roughly [180 million visitors](https://blog.ssa.gov/social-security-launches-redesigned-website-at-ssa-gov/) every year. It's essential for accessing and managing benefits such as Retirement and Disability, and maintaining personal records, including your Social Security number. The agency serves as a vital resource that almost every American turns to during significant moments of their life.
The [Social Security Administration](https://www.ssa.gov/) (SSA) website has roughly 180 million visitors every year. It's essential for accessing and managing benefits such as Retirement and Disability, and maintaining personal records, including your Social Security number. The agency serves as a vital resource that almost every American turns to during significant moments of their life.

SSA recognized the importance of modernizing its website to meet the expectations of the public's evolving needs. We partnered with SSA to demonstrate new possibilities and kickstart digital transformation by establishing a foundation that enables iterative design and development practices.

Expand All @@ -54,64 +54,65 @@ Our partners on the SSA Web Strategy team launched the new version of the websit

Initial user research showed that the public had difficulty using the website to obtain guidance and complete certain tasks during crucial moments of need. The website's lack of clear, understandable information led to some frustration.


## The Solution

Iterative research with the public, design, and modern development practices, combined with daily collaboration with subject matter experts, resulted in a foundation that demonstrates SSA's commitment to serving the American people. Our partnership with SSA created momentum through the following building blocks:
Iterative research with the public, design, and modern development practices, combined with daily collaboration with subject matter experts, resulted in a foundation that demonstrates SSA's commitment to serving the American people.

**A task-focused information architecture**
Our partnership with SSA created momentum through several building blocks.

### A task-focused information architecture

Effective navigation is crucial in improving website usability and helps customers quickly find what they are looking for. Before the redesign of ssa.gov, site visitors relied on a single, static page with 72 different links to navigate the content. As a result, customers got frustrated and lost trying to find information and complete tasks.
![](../images/project-ssa-homepage-a.jpg)

<!-- ![](../images/project-ssa-homepage-a.jpg)
![](../images/project-ssa-homepage-b.jpg)
*SSA.gov before the website redesign (top) and the newly redesigned version of SSA.gov (bottom)*
*The website before the redesign (top) and the newly redesigned version of the website (bottom)* -->

The new version of the website is far simpler to navigate. It follows standard information architecture practices and uses a primary navigation system that aligns with the tasks customers need to complete, like applying for benefits and replacing a Social Security card.

The content in the primary navigation, header, and footer use plain language and hierarchy—the strategic arrangement of information that helps visitors find what they're looking for and accomplish tasks—to provide clear guidance and prioritize the public's needs.
The primary navigation, header, and footer use plain language and hierarchy to provide clear guidance and prioritize the publics needs.

![](../images/project-ssa-menu.jpg)
*The Benefits menu on SSA.gov expanded on a mobile screen*
<!-- ![](../images/project-ssa-menu.jpg)
*The Benefits menu on the website expanded on a mobile screen* -->

**A simple way to understand eligibility**
### A simple way to understand eligibility

To determine benefit eligibility before the redesign, customers had to read many pages of policy-focused information across several sections of the website and then figure out if it applied to their personal situation.

To meet people where they are, SSA launched a [simple, conversational flow](https://www.ssa.gov/prepare/check-eligibility-for-benefits), that asks a few questions to help customers determine if they may be eligible for benefits. If they are, the experience offers guidance on how to prepare for the application process, which is often daunting and unclear.

This new experience uses conditional content and a dynamic interface to help the public understand complex eligibility criteria without asking them to read pages of complex, policy-focused information.

![](../images/project-ssa-ask.jpg)
*Questionnaire on SSA.gov that helps customers determine their eligibility for benefits*
<!-- ![](../images/project-ssa-ask.jpg)
*Questionnaire that helps customers determine their eligibility for benefits* -->

**Clear, organized content**
### Clear, organized content

Before, much of the content on the website was not written for the public, lacked clear instructions on how and where to complete tasks, and was missing the human tone that’s needed during difficult life changes.

Tireless efforts to explain complex policies and processes led to a new approach prioritizing simple, conversational communications that meet people where they are. SSA prioritized simplifying the language for the following frequently visited pages:
Tireless efforts to explain complex policies and processes led to a new approach prioritizing simple, conversation communications that meet people where they are. Examples of these efforts include primary tasks like:

* [Plan for retirement](https://www.ssa.gov/prepare/plan-retirement),
* [Change name with Social Security](https://www.ssa.gov/personal-record/change-name), and
* [When to sign up for Medicare](https://www.ssa.gov/medicare/plan/when-to-sign-up).

Plain language and clear hierarchy throughout the site increase people's confidence while navigating tasks and making crucial decisions.

![](../images/project-ssa-prepare.jpg)
*Plan for retirement webpage on SSA.gov*
<!-- ![](../images/project-ssa-prepare.jpg)
*Plan for retirement webpage* -->


**A consistent design system**
### A consistent design system

Before, the site didn’t use a design system and wasn’t optimized for mobile use. As a result, the design and development process was difficult and time-consuming, requiring manual updates on every page. Additionally, customers who accessed the site on their phones faced challenges.

Implementation of the [U.S. Web Design System](https://designsystem.digital.gov/) the design standards for federal government websites, establishes consistency, helps customers find what they need, increases efficiency for maintenance, and modernizes the experience.

**Modern development infrastructure**

Prior to the infrastructure improvement, updates to the site required development support. SSA collaborated with a third-party development contractor to establish and customize SSA's first content management system, which makes the site easier to maintain, enables quick deployment of content and features, and facilitates iterative development.
### Modern development infrastructure

Additionally, SSA integrated a Content Delivery Network (CDN) to enhance site performance and reliability. The CDN also merged the legacy and new sites, ensuring a consistent experience. This approach allowed for the launch of new content sections on the redesigned site, without the need for a complete overhaul of all the webpages on the legacy site. As a result, the team can make iterative improvements, to the public's benefit, as they transition the entire site.
Before, all updates to the site required manual development support. SSA collaborated with a third-party development contractor to establish and customize SSA's first content management system, which makes the site easier to maintain, enables quick deployment of content and features, and facilitates iterative development.

Overall, the new, modern technical foundation enhances the site's performance and reliability.
SSA integrated a Content Delivery Network (CDN) to enhance site performance, which means a fast, reliable experience for customers. The integration also enables an iterative process that allows customers to utilize the newly designed content as soon it’s ready instead of waiting for every section to be redesigned all at once.


## The Impact
Expand All @@ -135,7 +136,3 @@ SSA's new Web Strategy team is using what we built together to:

All this hard work and dedication to change has already been recognized. SSA was recognized for its efforts as a [2023 Service to the Citizen Award recipient](https://www.servicetothecitizen.org/ssa-gov-redesign) and was a finalist in the Digital category for the [2023 Clearmark Award from the Center for Plain Language](https://centerforplainlanguage.org/wp-content/uploads/2023/06/2023ClearMarkPressRelease-FINAL.pdf).


## Press

- [Federal News Network: Social Security commits to a new website design it hopes will improve customer experience](https://federalnewsnetwork.com/technology-main/2023/01/social-security-commits-to-a-new-website-design-it-hope-will-improve-customer-experience/)

0 comments on commit b1981fe

Please sign in to comment.