Page MenuHomePhabricator

Guidelines for signifying button actions: Actions, Popups, unfold etc.
Open, Needs TriagePublic

Description

Story: As a user I want to know what happens after I click a button.

Description: Buttons can trigger arbitrary things, however, there are several common patterns:

  • Execute an action directly (like triggering a save that goes directly into a database) standard case
  • Show a popup (like the one that your OS usually shows before printing) usually signified by "…"
  • Expand an element in the UI, like a dropdown, an additional toolbar etc. can be signified by a chevron

Related: T44138 (VisualEditor: Toolbar "Save page" button is confusing as it merely opens the dialog to save the page)

Microsoft has a nice list of button actions and how they can be signified

Event Timeline

Re-tagging and keeping this task open as it is in the human-computer-interface tradition of really strict boundaries for interaction elements when and how to use them. Which I like and prefer to live in a World regarding this.

CCiufo-WMF raised the priority of this task from Low to Needs Triage.Feb 20 2024, 3:25 PM
CCiufo-WMF moved this task from Inbox to Backlog on the Design-System-Team board.