What is a Hidden Interface that Appears on Hover?
A hidden interface that appears on hover is a graphical user interface that contains elements that are normally invisible, and that appear only after you move your mouse cursor of some element, for example by hovering their containing element.
Designing GUI's like this is a bad UI design practice: it hides potentially useful actions from new users, making the interface non-intuitive—if the elements aren't visible, and there is no indicator that they will appear on hover, there is no way for a new user to know they're supposed to hover over something to view more actions.
In general, anything that hides actions from users is a bad idea, but traditionally such elements had indicators on them that informed users that there are hidden items (e.g. downward arrows on dropdown list buttons), or followed universal conventions (e.g. dropdown menus of a menubar). Nowadays there are bad modern UI design practices that simply hide buttons just to make the UI look more "clean" and less "cluttered," harming usability for the sake of aesthetics.
Examples
On Windows 11, sometimes you get ads disguised as notifications. The method to hide these ads requires you to hover over an element to see the buttons to hide it.
Copilot for VS Code is an AI Chatbot that can generate source code snippets. There is a button to quickly apply the snippet, but it's only visible after you hover over it.