Element Plus’s design disciplines, from its own guide. The components here are Element Plus’s, so they follow them; an app built from them can too.
Consistency
- Consistent with real life: in line with the process and logic of real life, and comply with languages and habits that the users are used to.
- Consistent within interface: all elements should be consistent, such as: design style, icons and texts, position of elements, etc.
Feedback
- Operation feedback: enable the users to clearly perceive their operations by style updates and interactive effects.
- Visual feedback: reflect current state by updating or rearranging elements of the page.
In Shiny, the server answers after a round trip:
el_button(loading =), el_loading() and
el_message() tell the user it is on its way.
Efficiency
- Simplify the process: keep operating process simple and intuitive.
- Definite and clear: enunciate your intentions clearly so that the users can quickly understand and make decisions.
- Easy to identify: the interface should be straightforward, which helps the users to identify and frees them from memorizing and recalling.
Controllability
- Decision making: giving advice about operations is acceptable, but do not make decisions for the users.
- Controlled consequences: users should be granted the freedom to operate, including canceling, aborting or terminating current operation.
el_message_box() asks before an action that cannot be
undone, and el_popconfirm() asks next to the button.