用 hover 取代 click 來開啟選單並不是一個好設計

常常接到設計師或是 PM 提出這樣的需求，用 hover 來取代 click 來觸發開啟選單或者切換 tab，這樣設計的除了可以告知使用者這邊有隱藏的內容選單，使用者也可減少一個點擊的動作來達到開啟選單的目的。

但這樣的設計會產生兩個讓使用者感到困擾的問題：

1. 移動滑鼠或捲動頁面時因為滑鼠動線導致選單非出於意願的自動開啟，遮蓋使用者關注的內容
2. 滑鼠移動至選單或觸發內容時因為滑鼠動線移出 hover 區域造成選單收起

文章記錄在個人 blog，未來文章內容都會放在 blog，Medium 主要拿來做訂閱推播使用 https://jason-memo.dev/posts/replacing-click-with-hover-interaction-is-not-a-good-design/