Software development · User interfaces and UX

Hover (GUI)

In Spanish: Pasar el ratón
See in the galaxyCopy link
Updated: 12/11/2026Reading: 2 min

Description

Hover is a fundamental action in user interaction with graphical user interfaces (GUI). It consists of moving the mouse pointer over a specific element on the screen, such as a button, a link, or a graphic, without clicking. This action often reveals additional information or triggers visual effects, such as color changes or the appearance of context menus. It is a technique that allows users to explore and obtain more details about interface elements without having to perform a definitive action, such as a click. Hover is particularly useful in web applications and design software, where additional information may be crucial for decision-making. Furthermore, this interaction has become intuitive for users, as it is associated with exploring and navigating within digital environments. The ability to hover over an element and receive immediate feedback improves the user experience, making it more interactive and dynamic. In summary, hovering is an action that enriches user interaction, facilitating the understanding and use of graphical interfaces.

History

The concept of hovering dates back to the creation of graphical user interfaces in the 1970s. With the invention of the mouse by Douglas Engelbart in 1964, the foundations for visual interaction with computers were laid. However, it was in the 1980s, with the popularization of operating systems that incorporated graphical interfaces, that mouse use became standard. These platforms introduced visual elements that responded to the hover action, allowing users to interact with their computers more intuitively.

Uses

Hover is primarily used in graphical interfaces to provide additional information without the need to click. It is common in web applications, where users can view pop-up descriptions of products, image details, or drop-down menus. It is also used in design and editing software, where users can obtain information about tools and options by hovering over the corresponding icons.

Examples

An example of hovering is on an e-commerce website, where hovering over a product displays an enlarged view and additional details. Another example is in graphic design applications, where hovering over a tool displays a brief description of its function.

Glosarix on your device

Install
×
Enable Notifications Ok No