![]() Still, it’s a live control that allows users to interact with an interface. So, it doesn’t look like a button in our standard understanding of this phenomenon in the physical world. It means that the copy isn’t integrated into any shape, filled tab, or anything like that. ![]() Here the terminology is transparent: it’s a button presented with a piece of text. So, the button is designed as one of the most noticeable elements of the layout so that the user could instantly see how to do the action as soon as he or she is willing to do it. In the featured slide, there is one core action set as a goal for the page: getting a user to subscribe to the mailing list sharing. Here’s the home page of an e-commerce website selling books for kids. The yacht hiring website above uses the bright color contrast to make the CTA button instantly noticed and amplifies the effect with the smooth web animation. The home page designed for the uMake website features instantly noticed contrast CTA button echoing the same style in the header and in the hero section. What differentiates it from all the other buttons on the page or screen is its engaging nature: it has to catch attention and stimulate users to do the required action. So, technically it can be any type of button that is supported with a call to action text. This action presents a conversion for a particular page or screen (for example buy, contact, subscribe, etc.), in other words, it turns a passive user into an active one. ![]() CTA ButtonĪ call-to-action (CTA) button is an interactive element of a user interface that’s aimed at encouraging a user to take a certain action. Let’s check the types of buttons widely used in mobile and web interfaces. Designers have to apply considerable time and effort to create effective and noticeable buttons that are naturally integrated into the general stylistic concept but are contrast enough to stand out in the layout. Typical and frequently used buttons which present an interactive zone are usually clearly marked out for visibility, having a particular geometric shape, and often supported with the copy explaining what action will be fulfilled via this button. Modern UI buttons are really diverse and can serve plenty of purposes. One of the reasons why buttons are so popular and user-friendly is that they efficiently imitate interaction with the objects in the physical world. For example, it may be the task to send an email, buy a product, download some data or a piece of content, turn on the player, and tons of other possible actions. ![]() Basically, a button is a control that allows a user to directly communicate with the digital product and send the necessary commands to achieve a particular goal. What Is a Button?Ī button is an interactive element that enables to get the expected interactive feedback from the system following a particular command. Today, continuing the set of UI/UX glossary posts, we have collected here the definitions and examples for the widely used types of buttons we daily see on websites and mobile apps. What’s more, they are vital in creating solid interactions and a positive user experience. Buttons are among the most popular interactive elements of a user interface.
1 Comment
|
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |