Once upon a time, the situation in the picture above would also appear when an interaction designer who just entered the circle encountered some product managers with an international perspective (with a little bit of pretence). Or maybe at some inadvertent moment, you have also made the mistake in the picture below. So let's get to know those commonly used interactive controls today~
In fact, there is no unified standard for the name and definition of interactive controls in the academic world, but the mainstream OS manufacturers in the market have their own standard definitions, which are divided into: Apple's Human Interface Guidelines and Google's Material Design.
It can be seen: In Apple's Human Interface Guidelines, apple classifies interactive controls into views (Views), while Google's Material Design classifies interactive controls into components (Components).
Here, I will not go into detail about each control in strict accordance with the standards given by the two companies. I will divide the components commonly used in work according to their functions and refer to the descriptions of these components by iOS and Google. Briefly sort out their definitions and usage.
modal and non-modal
Before we get started, let me briefly introduce modal and non-modal. Below is the standard Wikipedia explanation of modal windows. Its meaning b2b data is: in a modal window, the user is forced to interact with the current window before returning to the main window. At this time, the user's behavior is linear . Modal controls must be used with caution because they interrupt user actions and force user interaction.
Conversely, non-modal means that the user is not forced to interact with the current window first and can also directly interact with the main window. User behavior is non-linear and has more initiative.
Storage + Guidance
Such controls include Popup (or Popover), Action views, Action sheets/ Sheets_bottom, and Dropdown menu. The common features are that they are actively triggered by the user (hidden by default), lightweight, highly directional, contain operations, and do not disappear automatically. .
This type of control is mostly used in mobile devices in screen space, as a low-frequency but important operation entry (Dropdown menu also has many application scenarios in PC). This type of control contains both modal and non-modal.
1. Popup (Popover) & Dropdown menu
The usage scenarios and presentation forms of Popup (Popover) of iOS are basically similar to those of Dropdown menu of Android. They are mainly used to store some low-frequency options that are not displayed by default. However, it is worth noting that the location and method of Popup and Dropdown menu are related to their entrances. Location matters a lot, especially when the entry button is on the edge of the screen.