<?xml version="1.0" encoding="utf-8"?>

Apply hover effect to indicate interactivity

Apply hover effect to indicate interactivity Bad Practice
Apply hover effect to indicate interactivity Best Practice

When users switch between tabs and move a mouse over them, use a subtle change of color or elevation to inform them about the system's status change. Simply put, when a tab gets into focus, users should receive feedback that this tab is clickable. This technique is called the hover effect.

Apart from providing feedback, the hover effect makes each tab and the entire interface appear more interactive and adds a pinch of delight to the user experience.

Improve your UX & Product skills with interactive courses that actually work