Пояснение веб-элементов

Если у вас есть проблемы с названиями элементов страниц, мы подготовили для вас это видео, в котором поясняется, что есть что:

Какие типичные элементы управления могут содержать веб-страницы?

Элементы интерфейса включают, но не ограничиваются:

  • Элементы управления вводом: флажки, переключатели, выпадающие списки, списки, кнопки, тумблеры, текстовые поля, поля дат
  • Навигационные компоненты: хлебные крошки, слайдер, поле поиска, нумерация страниц, тэги, иконки
  • Информационные компоненты: подсказки, иконки, панель прогресса, уведомления, сообщения, модальные окна
  • Контейнеры: аккордеон

Версия на английском языке:

A web element is in effect, anything that appears on a webpage, whether shown to the user or not.

Interface elements include but are not limited to:

  • Input Controls: checkboxes, radio buttons, dropdown lists, list boxes, buttons, toggles, text fields, date field
  • Navigational Components: breadcrumb, slider, search field, pagination, tags, icons
  • Informational Components: tooltips, icons, progress bar, notifications, message boxes, modal windows
  • Containers: accordion

Let’s check the most popular elements:

  • The checkbox is shown as a square box that is ticked (checked) when activated. Checkboxes are used to let a user select one or more options for a limited number of choices.
  • A radio button or option button is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.
  • Drop-down menu. In a computer GUI, a drop-down menu is a menu that offers a list of options. The title of the menu, or the currently selected item in the list, is always displayed. When the visible item is clicked, other items from the list “drop-down” into view and the user can choose from those options
  • Toggle Button can be used to display checked/unchecked (On/Off) state on the button. It is beneficial if a user has to change the setting between two states.
  • Text fields let users enter and edit text
  • In a computer’s graphical user interface (GUI), an icon (pronounced EYE-kahn) is an image that represents an application, a capability, or some other concept or specific entity with meaning for the user. An icon is usually selectable but can also be a non-selectable image such as a company’s logo.
  • A search field is a style of text field optimized for performing text-based searches in a large collection of values. Many windows include a search field in the toolbar, but a search field can also be displayed in the body area of a window. A search field displays a magnifying glass icon and can also include placeholder text and a cancellation button.
  • Pagination refers to the concept of breaking a large set of data in smaller chunks so that it can easily be absorbed both by the application and the user.
    In simple terms, when you search for something on Google you get a list of numbers and Google written at the bottom of the results page. This is a breakdown of all the million+ results Google has found for your query and has broken it down into “pages” so that you can easily browse through them.
    This is pagination.
  • link (short for hyperlink) is an HTML object that allows you to jump to a new location when you click or tap it. Links are found on almost every webpage and provide a simple means of navigating between pages on the web. Links can be attached to text, images, or other HTML elements.