Content design pattern

Sage, 2023

Before

After

Pattern

Use case summary

Challenge

As part of Sage Intacct’s move to a new product framework in 2023, I led an effort to establish a new content pattern for the delete confirmation dialog.

In the old framework, users were not given any warning message when they selected a delete action, and because the delete actions in the product are permanent deletions, this caused a lot of stress for customers. We knew we needed to fix this problem in the new framework, and one of the fixes was to require all delete actions to have a delete confirmation dialog. So, many teams began creating the dialogs, but there was a lot of inconsistency, and many of the variations were creating confusing user experiences. When one of the permutations made its way into a bi-weekly UX writing collaboration meeting I led, I knew that I could use it as a teaching moment that could lead the team to create a pattern that would ease customer confusion and simultaneously help teams scale and deliver the new dialogs.

Approach

I led the content design team through a series of short exercises to help us come up with a pattern we could use moving forward.

To do this, the first thing I did was to review best practices for modal dialogs. I did this by sharing the UX Writing Best Practices Checklist, by Bobby Wood. Next, I led the team through a voting exercise, where we looked at one of the recent variations of the delete confirmation dialog, and we voted on whether it met the criteria in the checklist. Finally, I ran a timed writing exercise, where we each rewrote the dialog and then discussed our ideas. Through the exercise and discussion, we agreed on a pattern for the 3 parts of the dialog: title, body copy, and button labels.

Outcome

The delete confirmation dialog we created became the new pattern for teams to use.

The new pattern was documented in the company style guide and the Figma development specs.

Impact

Customers are now consistently warned with clear and consistent messages when they are about to perform a delete action.

Role

Lead Content Designer

Impact

Customers receive clear warnings before they perform a delete action.

Outcome

UX designers and content designers use a pattern to create consistent delete confirmation dialogs.

Workshops

Miro dot voting and writing exercise

Focus areas

UX writing best practices

Confirmation dialogs

Result

We created and documented a new delete confirmation dialog pattern in the style guide and Figma development specs.

Request full case study
Previous
Previous

New design system, Pearson, 2019

Next
Next

Style guide redesign, Sage, 2025