Website interface elements

Interface elements, also called control elements, are used in website development and use. We explain what is what in reality.

A button is an element that, when clicked, causes some action to occur on the site.

Interface elements

Radiobutton – allows the user to select one option.

Interface elements

Checkbox – allows you to select multiple options.

Interface elements

Select – Allows the user a complete list of unit telephone number data to select one option from a drop-down list.

Interface elements

Accordeon is an interface element consisting of headings and hidden and revealed content.

Interface elements

a complete list of unit telephone number data

Slider is a switcher of images (or other content) that works automatically or manually.

Interface elements

Content – text, images, video, that is, the filling of the site.

Interface elements

Popup – a small pop-up window in the corner of the screen.

Interface elements

A modal window is a type of pop-up window. It appears on most of the screen and blocks work with the rest of the site. This can be a feedback form, or viewing photos on VK and Facebook.

Interface elements

Block (Screen) — a semantic element that includes information about only one entity. Usually the holidays are coming! seven tips for creating an effective social media strategy a block begins with a heading and is separated from the next one by some visual solution, color, line, shadow.

Interface elements

Section – a page of the site. Everything is simple here.

Interface elements

The header is the topmost part of the site. It usually contains the logo, menu, and contact information. The header is usually fixed, i.e. it moves along with the user’s movement on the page.

Interface elements

The footer is the bottommost part of the site. Most often, it contains a site map, contact information guatemala lists quick links to popular sections, copyright, privacy policy, and a link to the site developer.

Interface elements

A gallery is a collection of multiple images.

Interface elements

Preview – an image or part of other content, reduced in size. Clicking on the preview opens the original size of the content displayed in the preview.

Interface elements

Border is the outline of an element. It can be solid, dashed, or dotted.

Interface elements

Tooltip – a hint that appears when you hover over an element.

Interface elements

Pointer Cursor – a type of cursor in the form of a hand with an extended index finger. Usually appears when hovering over a link.

Interface elements

The Text cursor is the standard cursor type for editing text.

Interface elements

Navigation is any type of element that allows you to redirect the user to a similar element, be it a page, another picture, the next text, and so on.

Interface elements

Pagination is a numbering of pages, usually displayed as navigation at the end of a page.

 

Lists – web interfaces include interface elements numbered lists (digits), bulleted lists (dots, squares, circles, dashes) and definition lists.

Interface elements

Arrows are a type of navigation.

Interface elements

Search bar is a bar for entering a search query.

Interface elements

Player is an element that plays audio and video files.

Interface elements

Slider – is used to enter numbers in a specified range.

Interface elements

Text field – a field for entering text values.

Interface elements

Password field – a field for entering a password. Automatically hides characters, replacing them with dots.

Interface elements

Mask are values ​​that specify the format of acceptable input data values ​​in a field.

Interface elements

A link is an interface element that redirects you to the address specified in it.

Interface interface elements elements

Link and button state: Hover – the state of the selected element when the mouse cursor hovers over it (it is important to know that mobile devices do not have this state)

Link and button state: Focus – the state of the selected element when switching between elements with the tab key (usually this is a blue outline around the element)

State of links and buttons: Active interface elements – the state of the selected element at the moment of clicking on it.

Key state

An anchor is an interface element that redirects you to an address and to a specific element specified in it.

Interface elements

Tabs are an interface element, just like an accordion, consisting of a header and hidden content that can be accessed by accessing the header.

Interface elements

Loading bar is an element that shows the loading status of content or a function being executed.

Interface elements

A switch is an interface element that allows you to select one of two states, most often on/off.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top