unraveled

Nice Titles and Patterns

Last week, Nate Steiner from Web Graphics suggested that Safari, Apple’s new Web browser, should display tooltips the same way that it displays a dragged link. It didn’t take long before Stuart Langridge wrote Nice Titles, a JavaScript/CSS widget that basically does what Nate described. I agree that it’s a nice effect, although it doesn’t exhibit the delay typically seen in tooltips.

Before more people add this widget to their website, keep in mind that it overrides the default tooltip behavior in many browsers. While I’m generally in favor of widgets that enhance the user experience, I’m concerned about widgets that take away common interface elements, like tooltips (also known as Help Tags in the Apple realm). Whether you like them or not, tooltips are a user interface pattern, and patterns make things easier to use. Yes, I think tooltips could be improved upon, but they’re what most graphical browser users understand.

So get your JavaScript on, go crazy with CSS, innovate and enhance. Just remember that sometimes, the widget that giveth also taketh away.

  1. You make good points here. There is something to be said for consistency in how browser widgets like tooltips work, not consistency across browsers, but, as you were saying, within each. Of course there’s an extreeme to the consistency mantra, because (as we know) each website is an interface, and each of these interfaces tends to be very different (much to some folks shagrin). The question is then, where does the fuzzy line of consistency-benifit meetup with the fuzzy line of customization-for-a-purpose and even aesthetic license? I can see how some folks might be put off by a re-application of an existing widget like tooltips, but if the same information, or in this case more information is provided, does this override concerns of consistency? I’m not sure.

  2. My take on it is a bit more personal: Mozilla (or in my case Phoenix) has the bizarre idea that element titles should only show the first (some number) of characters, so things like Anil’s linklog are only partly usable. Since it’s generally easier to change the behavior of nearly every site designer on the planet than it is to change Mozilla developers’ minds, I’m going to do what I can to encourage people to use NiceTitles. Not only do I get to read the whole thing, they actually stay visible, rather than disappearing without my consent like tooltip titles do. That may be appropriate behavior for UI tooltips (especially if they are used right, and are a single word), but for link titles as they are used, it sucks.

    The lack of a startup delay is a shame, but for some reason there’s just no good way to do a wait(500) in Javascript, particularly not one that would cooperate with the way that during that half a second you might mouseout from that link, and mouseover another ten links (followed by a trail of delayed NiceTitles, yech).

  3. You could always use some PHP and sessions to give user the option, but then you bring up even more usability and privacy issues, where will it all stop?

  4. Çà n’a pas dû être facile :) Mais une recherche sur “Nice Titles” et un trackback Joshua me donnent ici l’occasion de reformuler (in french) un peu l’observation qu’il présente sur son blog à propos du widget de Stuart Landridge :

  5. I did some testing and Nice Titles doesn’t work in Safari (v60) or Mac IE5 (and doesn’t throw any errors). But it does work in Chimera (0.6) and PC IE6 (6.0.2800) so I think it’s implementable as a feature that could be useful to many people.

    Phil is right about the delay, and the deal with the Nice Titles staying put as long as I hover is a good thing. The time limit on title attribute display (in PC IE) seems arbitrary to me.

  6. I have implemented Nice titles. Nice titles is a cute hack by Stuart Landgridge. It replaces the title attritbute within links with a transparent png. It is the newest, greatest thing and all the coolest bloggers are using it :wink:. In reality, it doe…

Go back to the top of this entry

Comments are now closed for this entry