InVision's Error Prevention

August 27, 2018
Modal windows

InVision is a digital design platform that's used for prototyping web pages and applications. What makes InVision popular is its low barrier to entry. With InVision, no coding experience is required to transform a static design into a dynamic one that's suitable for user testing or stakeholder feedback.

InVision is simple to use, but building prototypes still takes time and a lot of effort. This means each project in InVision is precious, and any mistake in the management of the prototype files can result in very frustrated and unhappy users. To avoid this happening, InVision asks the users to take extra steps when deleting their prototypes to prevent them from making a mistake.

Why this is really good UX:

  • The primary goal of an application is to help users complete tasks as quickly as possible, but when users move too fast and rely on automatic thinking, they are much more likely to make a mistake. This behavior is why confirmation dialog boxes are used to disrupt the user's flow and get their full attention before making a significant action. The problem is: users have come accustomed to dialog boxes, which means they tend to click before they think. This problem is why InVision adds more friction by asking its users to complete a checklist to confirm the user wants to delete their asset. It is an effective and straightforward way to give the user a final chance to stop and double-check if they want to delete it.
  • The checklist in the modal is practical because it makes the consequences explicit and prompts users to the appropriate action.