Radio Button Carousels Accordion

remon_remon

This one has a name that came out of nowhere… Often confused with check boxes, radio buttons are small circular elements that allow the user to select a single option from a list. 08 - Carousels Carousel: UI elements Carousels allow users to flick through different content, like images or maps often linked to more content or sources on the web or apps. 09 - Accordion Accordion: UI elements Accordions prompt users to expand or collapse entire sections of content. They allow quick use and include a wide range of information in a limited space. They are very often used in the context of Frequently Asked Questions! 10 - Pagination Pagination: user interface elements Usually positioned at the bottom of a page, pagination organizes content across different pages. This makes it possible in particular to avoid endless page lengths. Pagination is very often used in the context of a blog! 11 - Input field They are simply a space to enter information as part of a form. Often contact forms, but not only! 12 - Meatballs Meatballs: UI elements In French, meatballs.

A little far-fetched, that's why I call them in English! These are three horizontal dots that mean more options are available. These options are revealed by clicking on these famous meatballs. 13 - Modal This time no French translation for the modal element! These are small boxes that contain specific content or message that requires interaction before closing the window and thus returning to the content of the page. As you will have understood, a modal is, by definition, superimposed background remove service on the page consulted. 14 - Notification This element is integrated into the current language. Nevertheless, here is what they are: small red dots that tell us that there is something new to consult, such as a message for example. They can also tell us that something has gone wrong or that an action has been successfully performed. 15 - Toggle Toggle: UI Elements It is simply a switch that allows you to pass a parameter from active to inactive state. It is very often used in user profiles.

Progress bar Progress bar: user interface elements These progress bars are very useful to visualize where the user is at each stage of his journey on a website or an application. They are used for checkout pages, blog posts to let the reader know where they are in the entire article, for downloadable documents, and for reloading content. 17 - Forms The form is perhaps one of the most well-known interface elements. It is used to send and receive information through a server. This allows in particular to send e-mails. It is made up of different fields, typically text input fields, checkboxes, radio buttons and drop-down selection fields. 18 - CTA (Call To Action) These buttons are widely used for the web and for mobile applications, ie their sole purpose is to encourage the user to take action! This materializes in particular by sending an e-mail, booking an appointment, etc. 19 - Testimonials One of the most compelling elements behind all user decisions. Never forget to use them as a way to demonstrate your quality of service and to build a relationship of trust.