Buttons
Buttons are a common input elements which allow users to trigger an action.
Lycée Français de New York, Connaissance du Monde, 2022 – 24
User Interface Dos and Don’ts
Designed & developed by Clément Rozé.
The following guidelines are essential for designing clean and efficient interfaces for a broad set of users. Through research, (for example this, this, or this), they have been proven to help users interact more productively with a website or application.
Consistency contributes to a more seamless and intuitive user experience, minimizing confusion for users, and also helps maintain an aesthetic look and feel.
Click the cards below to explore different guidelines for each category.
Typography
Typography is the process of arranging fonts, colors, spacing, and more to create aesthetically pleasing text content.
Radio buttons
A radio button is a control that allows users to select a single option from a list.
Checkboxes
A checkbox is a control that allows users to select multiple options from a list.
Forms
Forms are the elements that allow the user to send information to a website. They typically include text fields and behave like a piece of paperwork you fill out.
Dialogs
Dialogs are pop-ups that give users information right away and typically provide several actions.
Navigation
Navigation elements like sidebars or tabs allow users to move between different sections on a page.
Interaction states
Interaction states are visual styles that communicate to the user the status of a component on the page.