Hovertext on all buttons (also, more signals for what things are buttons)

[drewww]

All clickable buttons should have hover text on them to provide a little explanation.

Also buttons should be more clearly clickable. Play with dropshadow and cursor changes and other things.

[lianchang]

Would it help you if I went through and suggested hovertext for the various buttons?

[drewww]

I think I have it in on all the buttons (although not the emoji tabs themselves). It's using native title text attributes though, which you have to hover over for a while to get to show up. You'd prefer it to show up faster? How much delay do you want?

Alternatively, we could put text underneath each button when you mouse it over.

There are some demos here you can look at to get a sense of what instantly-appearing tooltips look and feel like: http://jquery.bassistance.de/tooltip/demo/

[lianchang]

I can't see the hovertext on the website yet (not live yet?) but would love to look at this with you when it's there!

[drewww]

D: I see it on mine! So many funny differences!

On Jun 20, 2012, at 6:41 PM, lianchang wrote:

I can't see the hovertext on the website yet (not live yet?) but would love to look at this with you when it's there!

---

Reply to this email directly or view it on GitHub:
#56 (comment)

[lianchang]

I noticed on Asana that they have nice black pop-up boxes with little pointy arrows (like speech balloons) that point out what to do and where to do it, when you first login. Did we talk about whether it's possible to have directions like this only in the FIRST use in any given session?

[drewww]

On reflection, I'd rather not have first-use-only features. That's just really confusing for people because the properties of the UI change just after they got used to it. Those arrowed hover boxes are doable but will take a little work. Not bad, but it's an hour or so probably unless I can find a nice drop-in solution. The other option is (given the sparcity of our UI relative to Asana's) to just have text fade in underneath each button when you mouse over. We've got the room and I think it would be pretty graceful and easy to do.

[lianchang]

that would be really nice!

[drewww]

Switching over to new tooltips: http://twitter.github.com/bootstrap/javascript.html#tooltips

[drewww]

Done now! It's nice.