Menu

Post image 1
Post image 2
Post image 3
1 / 3
229

Tooltips Need a Delay, and Then They Need to Skip It

Hacker News·about 1 month ago
#5MyATsG1
Reading 0:00
15s threshold

On the question listing pages for my product, FrontPrep , I display company logos next to the interview questions. When you hover over a logo, a tooltip shows the company name. One thing had been annoying me for a couple of days. If I just moved the cursor across the page, tooltips kept showing up instantly along the way. The cause was simple: I had set the tooltip delay to 0 , so it appeared the moment the cursor hovered over the logo. To fix this issue, I added a 200ms transition delay, which worked but created a new problem. If you look at the user interface, there are a couple of rows where multiple logos sit next to each other because the same interview questions are asked at multiple companies. Now, moving from one logo to another meant waiting the same 200ms delay every time you hovered over a different company logo, which felt sluggish and led to a poor user experience. This post is not about building a tooltip.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More