Spotted: an HTML Button

"Good god, man... How a person can write so much about HTML buttons fascinates me." - A toli commentator

Per Google, I have an unseemly amount of clout when it comes to the subject of the HTML button born of 9,000 word folktales bemoaning its general under-appreciation and lack of use.

I've always felt guilty that I didn't offer more prescription to the 50-60 searchers who daily come across that piece. Still I thought I was only stating the obvious (albeit at length, and with tongue in cheek).

Thus I was pleased to note yesterday that Google Reader switched from its misguided use of simple hyperlinked text for its "Refresh" and "Mark all as read" functions to now use items that look like html buttons. I won't bemoan their developers not using native html buttons since they've at least recognized that it is best to have clear indicators for potentially unsafe operations. I wonder when Bloglines will follow suit...

I'll echo Phil Ringnalda again:

Making the fire alarm look just like a light switch isn't an example of daring and innovative design, it's just dangerous.

These small usability tweaks add up to broaden the appeal of the web which after all is our great mass participation medium. My rule of thumb in systems design is that we should favour participation over control. I believe this notion extends to user interface design. Giving up full control of the user interface in favour of standards tends to benefit an application because it often meshes with user expectations. There is paradoxical joy to be found in a constrained design space.

A parting sidenote: for the past few months I've been working on the Dojo toolkit, that open source javascript toolkit. At a certain point it was vaguely suggested that I work on form widgets including developing custom buttons. As you might suspect, I immediately demurred and disqualified myself pointing to my paean to html buttons. My position is unchanged: in as much as possible, one should use the built-in browser components and lobby the browser vendors to implement XForms, Web Forms 2.0 or whatever standard can improve the experience of building form applications on the web. HTML forms have been second class citizens for too long yet they are essentially the equivalent of Mary Magdalene and the disciples - the foot soldiers of the web style (digression: Bill de hÓra has been grumbling of late that HTML forms are the original sin of the web). I am pleased to see movement on many fronts these days. Every little bit helps I suppose. Let's celebrate these small things:

Next: The ballad of the link

File under: html, button, design, google, usability, ui, interface, forms, web, standards, technology, Small Things, toli

On Tags in Technorati

In the great tradition of blogging allowing one to cc the world, here's a short email to David Sifry and support@Technorati

• Enhancements to Technorati Tags
• A Technorati Tag Chat

Enhancements to Technorati Tags

Great to see the beginnings of tag aggregation at Technorati in the past few months, the beta UI is even better. It's a great glue layer solution, one that got me to tag the 100 or so posts I've written on my blog. One nitpick: you seem to give undue great prominence to tags that use the technorati.com namespace. From reading the guide to Technorati tags, I had thought that other namespaces using the rel=tag attribute would show up in the aggregation user interface, but they don't seem to, at least not yet... What gives?

In any case, I have a couple of enhancement requests:

For members who have claimed a blog, in addition to the cosmos for a given blog, please provide

1. a list or "tag cloud" of all tags used by that blog (or link to said tag list or cloud)
2. Also for members-only, and for claimed blogs only, I'd like to see the list of tags used for a given post

For example, if I tag my forthcoming post about those parasites that got my blog temporarily consigned to the "Spam Blackhole in Technorati" a couple of months ago with "blackholes, spam, technorati" I should be able to later on navigate and see the list of tags used and not just from my blog but also from technorati.

Ideally the tags should be listed as hyperlinks under the post (ala delicious) but I would settle for a nice new icon like the ubiquitous cosmos icon (great branding by the way). When clicked it would display the tags used.

Bonus points: display the list of tags others have used (extra credit) ranked by authority, or date. Some nice visualization could come into play also if one was to be ambitious to show the evolution of tags used over time. (And I'll buy you some Schnapps or Palm Wine).

I understand that such a feature would decrease performance since it ties the search engine more deeply with the tag aggregation engine. But it is so much nicer and promotes immediacy wouldn't you think? Being able to pivot on tags by simply clicking a link is very satisfying.

Bonus points, allow specification of uri parameters to slice and dice the tags, and blog posts, eg. being able to see all posts tagged with a given tag query. (with an option to specify internal tags and external). Your garden variety RESTful api at work here

I do that with del.icio.us as my poor man's categorization. For example, this is a link to my Cambridge Toli Chronicles

Lastly, and lowest on the totem pole of feature requests, how about some metrics about the tags used per blog. Statistics give some comfort to people. I'd like to know how many tags I've used. I can eyeball my tag list at delicious and figure out that its probably 100-200 or so (I'm so verbose). But I'm a lazy sort, and I believe in the Lazy Web.

A Technorati Tag Chat

P.S. don't you just love that Google has been so delinquent as to give you the opportunity to gain such a headstart not just in blog search but also now in tag aggregation since they don't even provide categories in Blogger. The current situation gives rise to chats like the following from just a few weeks ago:

Koranteng@Toli    did you mean this absurd sequence...< ol>

write a post...

post to blogger....

write tags in delicious (wait a few minutes to better get a sense of what to tag since, if you tag as you write, they aren't useful...

copy tags from delicious and generate technorati tags using technorati tag bookmarklet...

copy said technorati tags and paste in updated post to blogger...

and then if I feel like it (if I want to save it or if it is about to go into a for pay subscriber-only walled garden then furl my post copying keywords and navigating the awful ui for multiple topics therein...[Furl's UI for multiple topics is awful even though it could be easily fixed and I've sent suggestions to their support to no avail]

That's a twilight zone... not quite Orwellian but echoes of Beckett and Waiting for Godot

JJMG    I have started three separate ST topics with you

JJMG    (1) yes the absurd sequence although I thought it was

1. add the technorati tags with the bookmarklet;
2. copy the resulting tags out of the post and post your posting to delicious; I didn't know about furl

JJMG    anyway, I can't believe how ridiculously many steps you have to make to post to your blog with tags

JJMG    you'd think there would be a way to at least tag to delicious and technorati at once, and in fact these two postings imply that you can:

JJMG    but you aren't using their technique

JJMG    your HREFs at the bottom of your postings are all technorati hrefs

JJMG    and then you just HAPPEN to post the same posting to delicious with the same tags

Toli    all because Blogger doesn't implement categories.... I believe that typepad categories now get mapped to technorati tags...

JJMG but those two pages imply that if you use HREFs that point to delicious, then they become technorati tags, but in fact it appears that they do not
JJMG    (there is a rel="tag" thing in there which is supposedly what makes technorati think it's a tag
JJMG    so, for instance, at the bottom of the freshblog's postings

Toli    right but that is just technorati playing favourites in its aggregation ui to things that are 'proper' technorati tags

JJMG    so at the bottom of the freshblog postings, all the hrefs are to http://del.icio.us/jrfj44
JJMG    yours are all to technorati
JJMG    yours actually work, but theirs don't, so I don't know why they document that theirs do
JJMG    when I say yours "work" I mean that you can go to technorati.com/tag/ and you show up
JJMG    when you do, say, technorati.com/tag/how-to, you don't get the freshblog thing in the technorati list, although you can get to it from the delicious list, so I kind of miss the point of what they are documenting in those two pages ...

Toli    they might have but again technorati are the aggregator so they decide what happens... I really hope google buys all of these services up
Toli    yep the spirit of the technorati inital proposal about the rel=tag implied the kind of flexibility but then reality stepped in

JJMG    in fact those two postings I just sent you
JJMG    they say
JJMG    "I just learned that technorati tags do not need to actually link to technorati. This is important because for a while now I've been using delicious as a way to make categories on my blog posts. "
JJMG    simply having the rel="tag" is supposed to make it a "technorati tag"
JJMG    but -- again, the technorati UI doesn't seem to treat it the same way unless it really links TO technorati
JJMG    anyway ...

File under: technology, technorati, tags, bookmarks, del.icio.us, bookmarking, ui, interface, design, feature, social software, software, glue, aggregation, usability, absurd, toli