avatarAlex Zlatkus

Summary

The article discusses the nuances and inconsistencies between the UI terms "Remove" and "Delete" within Google's suite of applications, emphasizing the importance of clear terminology in user interfaces.

Abstract

The author of the article reflects on their experience with Google Docs, noticing an inconsistent use of "Remove" and "Delete" options, both accompanied by a trash can icon. This observation led to a broader investigation into the semantics of these terms in software interfaces, with insights from a UX expert differentiating "Delete" as permanently erasing data from the system and "Remove" as making data not visible in the UI but still existing on the backend. The article suggests that Google's inconsistent use of these terms could be due to a lack of clear guidelines or an intentional choice, despite the potential for user confusion. It advises developers to be explicit with UI copy to avoid ambiguity and educate users on the actions being performed, proposing that "Create" should be paired with "Delete" and "Add" with "Remove" for consistency across various application components.

Opinions

  • The author initially found Google's use of "Remove" with a trash can icon misleading, as it suggested deletion rather than removal.
  • After consulting with a UX expert, the author understands the distinction between "Delete" and "Remove" in software contexts.
  • The article criticizes Google's suite for not maintaining consistency in UI copy, potentially causing confusion among users.
  • It is suggested that Google may be aware of the inconsistency but has not prioritized addressing it, possibly due to the recoverability of actions in their suite of applications.
  • The author advocates for clear definitions and consistent use of "Delete," "Remove," "Create," and "Add" across all application components to improve user experience.
  • The article emphasizes the importance of educating users about the implications of these actions through alerts, micro-copy, and empty state copy.
  • The author invites feedback and discussion on the topic, indicating an openness to further insights and a collaborative approach to improving UI copy standards.

UI copy: Remove vs Delete

I noticed something interesting while cleaning up my Google Docs this past weekend — and it’s related to UI copy.

I was trying to get rid of a doc and saw a Remove option, yet it was accompanied with a trash can icon. The first thing that came to my mind was that trash cans were for deleting…but I am also new to this area, so what did I know?

Remove option with trash can icon.

So I selected Remove, but then I was hit with a toast notification saying the doc was moved to the trash.

I do like the UNDO functionality at least 💪

This started to feel more and more like a delete action than a remove action. I decided to investigate Google Contacts’ copy. Surprisingly, I saw they used the option of Delete with the same trash can.

Now we have Delete option with trash can.

By this point I realized that (at the very least) Google’s tools are a little confusing, but they might also be downright inconsistent.

Before I could confirm the latter claim I needed to do a little more research on what Delete and Remove really mean in the context of software — as I am not a developer.

Unfortunately, Medium did not provide much help (which is why I am writing this article 🙃).

Medium came up empty on all three of these searches.

I turned to my colleague — and UX Unicorn — Masha S. She was able to successfully differentiate the two.

Delete means something gets erased from the system completely. Remove means that it still exists in the system, just not visible in the UI. So I guess I would describe deleting as erasing from backend and removing as hiding from frontend.

She went on to explain some more, in context to the software we work on.

For example, we have different types of widgets that are always available to the user, but it’s up to them if they want to see them or not. If they remove a widget, nothing will change on the backend. But if they delete something (element/user/etc.), the information will be gone forever.

This made all the sense in the world, but then why was google being liberal with these words?

I dug a little deeper and realized Docs and Contacts could both be restored. Furthermore, deleting an email can be restored and removing a Google Sheet could be restored. Everything in Google’s suite can be restored. So why are they using different action names? Maybe they know the inconsistency and it’s not worth changing it. Or maybe their Style Guide does not call it out and no one has put the time in to set up some clear rules.

In this scenario, don’t be Google. Make it clear to users what you will be doing with their objects/items. Educate them what the difference is. The below info can be your guide to achieving this.

Definitions of ‘Delete’ and ‘Remove’, with examples.

Examples should apply to the majority of apps but you should always ensure they apply to your tool.

What about ‘Create’ and ‘Add’?

In most cases, Create can be paired with Delete, and Add can be paired with Remove.

Again, the examples may not apply to your software so confirm by reading the definition.

Where should I be using this copy?

Everywhere! This knowledge should not just be implemented on buttons or dropdown options. Create a consistent experience and add it to all components of your application, like buttons, toast notifications, dropdowns, alerts, headers, dialogs, etc.

The Create starter pack.

‘Create’ and ‘Add’ Can’t be used for everything, right?

Correct. Here is a list of items that do not have to follow the norm.

There must be more examples, but this was all I could come up with 👀

So how do I educate my users?

In the descriptions of alerts you can subtly describe what Remove / Delete / Add / Create mean.

This description showcase the bond between Remove and Add.
An example of telling you what Delete means.

There are potential learning opportunities in micro-copy and empty state copy as well!

In review

It can be frustrating trying to be consistent with Delete/Remove, and Create/Add, but I promise the extra effort is worth it for your users. I hope one day the differences between these actions will be common knowledge to users and designers alike.

Did I miss anything or do you disagree with any of my statements? Would be happy to hear any and all feedback!

UX
UI
Ux Writing
Product Design
UI Design
Recommended from ReadMedium