“web design”

Whoodathunkit? Yahoo!’s omg! gossip rag is one of the most enticing and innovative web interfaces I’ve seen in a while.

In this sense: In the physical world, perhaps one of the biggest, most basic hurdles to overcome for any creature (above plant) is navigating space. Whatever you may want (eat, talk, watch, mate..) you have to be there first. That’s the tyranny of space, a tyranny that lingers despite telecommunications easing it to a degree we can’t really imagine now.

But technology has uncovered a new hurdle, even more basic in some ways, that we hadn’t even glimpsed some decades ago (you don’t much care about space when you live in a pen). The new hurdle is interface—a device’s how, its ways of interaction, what you have to wrestle with to get things done through it. Whatever you may want to do through technology (moving, watching, writing, browsing, talking, killing,...) you have to overcome the interface first. The need is more acutely felt the more plastic and dynamic the technology. The web ranks right up there. The information superhighway delivered its promise of abolishing space but the freedom has shifted the load from our legs to our brains, from space to interface. The challenge is no longer motive, it’s cognitive.

Consider malls. Besides modern comforts and breathtaking opulence, the single main thing they have going for them, their reason for being, is that they get stuff closer. They ease space. That’s also why similar stores cluster together, closeness is so valuable for customers that they force owners to set shop right next to the competition. Big box stores are the climax of contiguity.

A very similar thing happens in the web under interface constraints. Beyond critical-mass, Amazon, eBay, and the myriad vertical marketplaces (etsy is a good one) thrive because there’s a nontrivial number of interface details you have to tiresomely learn, divine, or settle if you go somewhere else. And these details are particularly painful in shopping because the whole process is staggeringly complex: it involves a lot of searching, browsing, foraging, comparing, digesting, authenticating, etc.

But in other areas the reality of the tyranny of interface is just as real. Wikipedia, we’ve now come to realize, is useful chiefly because it provides a single unified interface to knowledge. The blog is one of the most significant web innovations in recent years and at bottom it’s just a genre for the efficient exploitation of interface, uniforming it, streamlining it, adapting content interfaces to the new realities of the web, kind of what convenience stores did for space and cars. Heck, even search engines, interface-saving devices in a way (the search engine is the modern steam engine, directories are human-powered transport), have nontrivial interfaces all their own, as I’ve attested recently trying out torrent engines (mininova, torrentSpy, and isoHunt are my favorites).

You could have once said that downloading was the web’s equivalent of moving but broadband quickly made that friction negligible. In our current web, figuring out interface is the new moving. Interface is the new space.

The test.

A JS library JS’s first great app? Indeed. jQuery is the shit. It makes JavaScript, and particularly the intersection between JS and HTML, more fun than you thought it could be. It is one big lump of syntactic sugar, sweet as only truly elegant thinking can be. It is crossbrowser, lightweight (~20kb, compressed), and it leverages your CSS knowledge. jQuery + FireBug is raw sex. You’ll find yourself traversing the DOM just to feel the wind on your face.

Hope you like these two and please do tell me your first impressions-what works, what doesn’t? are these things at all helpful to you?

Thanks.

22 and 23/jun/07

Bad time management. Sorry. :)

24/jun/07

1. Better Definition Structure. Definitions are now grouped visually under grammatical category (like, say, all the definitions of the word as a noun, and then all those of it as an adverb). They’re already grouped sequentially in the original dictionary but it’s all very redundant and clumsy (every definition has the grammatical category indicated at the beginning). This is a big improvement. Try it out by searching for “correr” in both plbrs and DRAE.
2. Expanded Abbreviations. Most abbreviations are now automatically expanded, which works wonderfully in most cases though there are still several fringe cases like “usado o usada o usadas o usados”, which will be corrected tomorrow.
3. Improved the simple design. Added a “definir” button, a neat magnifying glass icon, made topbar type smaller, and chose slightly better color combinations. Moved slogan below and added a small explanatory sentence. Added Improv’dDaily and NotReality icons.
4. Improved status reporting. Now besides the loading image a message appears saying that your query is being searched. If multiple queries are being currently searched all of them appear in the message.
5. Improved Not Found message. The query you were looking for now appears on the message (duh!)—thanks chemito! Message trimmed. Added fallback link to a Google search for your query.

1. Much new content! 8 new places added, together with photos and descriptions. It’s all terribly paltry and sketchy but it’s a beginning.
2. Improved design. Gave the website a blue-green color scheme and generally beautified the whole thing. Added Improv’d Daily link.
3. New copy. “Enciclopedia Local” is the new main slogan, “Haciendo que la Web Local No Apeste” the subslogan.

Flickr AutoPagination has got to be the coolest Greasemonkey script I’ve seen yet, and, to judge by its code, a really intricate labor of love. It works flawlessly and does exactly what you’d guess: it makes every Flickr page (where it would make sense) “infinitely scrollable”. A cool, handy, and surprisingly stable script.

Thought I had already written about this obsession of mine but since I can’t find the post I’ll assume a better part of me reigned in and I had spared you. Most friends, however, haven’t been so lucky and usually win me to point it out in the hope that I shut up quickly: the oh-so-unnecesary “www.” bit one sees in most URLs. There was a time when it may have been needed—like, 1995—but why now? Now, some URLs actually won’t work without it, but that’s usually because of net administrator negligence; in most cases doing away with the appendix is a very minor setting. Once you know this, you die a little (literally!) every time you’re forced to stand it—and you’ll start to notice how often you are.

Today I just found there are in this topic—as in, we are remembered everyday, everything else—fellow anal freaks (tongue-in-cheek-ly, this ones). They even set up a website to spread the meme: . Of course I had to oblige. Even learned that there were futher Super Saiyan^WP levels to attain. So as of now, this is is a ”class B” website, which is the “classification [that] helps remind users that, while the www subdomain is accepted, it is not necessary. In Class B, www.example.net is a valid address, but it redirects all traffic to example.net.”

I’ve been drooling as much as anyone for one ever since Jobs announced it last January 9 in a brilliant demo (just for some historical fun, compare it with the 1968 “Mother of all demos”), and an interesting, in-depth review of it by Bruce Tognazzi got me thinking more deeply about it and all the possibilities it foretells. But just as I was guzzling the last Kool-aid dregs I started choking: I found out, to my unending disbelief, that it’s going to be a closed platform—meaning one won’t be able to independently develop software for it. This matters. It’s not a chink in the diamond, it’s a rupture—tantamount to forcing you to surf only within apple.com. The web could of course be an innovation lifeline but I’m skeptical of Safari—it’s not a good web 2.0 base at the desktop, I doubt it’ll be one for the palmtop. And my experience with the Blackberry is that mobile-device webapps demand more speed and immediacy (and ubiquity!) than the current web can provide. So no, it will at best be only a partial solution. (The reason given for the apartheid, security, has—to use a commenter’s phrase—the faint whiff of horse manure.)

So that’s that. I now want to remark a little on that iPhone review I just mentioned. Bruce Tognazzi is no Joe Blogger, he was Apple employee #66 and is a famous interaction designer. His website, AskTog, is a classic resource on interface design. But it’s not his interaction insights I want to point out now—though there are plenty of good ones. What impressed me most was his language. Three quotes in particular strike me as true language-forging moments.

The young and the geeky. Witness the birth of a new wordchain. It won’t be the last time you’ll hear it.

High-tech jewelry. That’s a beautiful, zeit-geist defining phrase—electronics “becoming… works of art to be fondled in stores before a purchase.”^E

There’s an image! It reminds me a lot, both alluding to pseudo-scientific science^{WP, WP}, of that classic Spanish insult, ”No tener ni dos dedos de frente!” (“Not have even two fingers of forehead!”)—trying to find an appropriate translation, btw, I stumbled upon an instant new classic, ”Tiraron al niño y se quedaron con la placenta^F” (“They threw the child and kept the placenta!”).

Three good, non-obvious answers:

• That we participate in it.

  Who are these people? Seriously, who actually sits down after a long day at work and says, I’m not going to watch Lost tonight. I’m going to turn on my computer and make a movie starring my pet iguana? I’m going to mash up 50 Cent’s vocals with Queen’s instrumentals? I’m going to blog about my state of mind or the state of the nation or the steak-frites at the new bistro down the street? Who has that time and that energy and that passion?

  Lev Grossman, Time’s Person of the Year: You

  You can use words like ‘platform’ and ‘web application’ and ‘Ajax’ and ‘desktop functionality’ but really in essence the most amazing thing about the web today is the concept of sharing is becoming increasingly OK. We are slowly coming out of our cocoons, testing the waters and sharing out things that we know, and things that we love or hate.

  Gagan, You call it Web 2.0

• That we can make (some) sense of it at all.

  People understand a graph composed of tree-like documents (HTML) related by links (URLs). In some ways I find this the most surprising of all. For years we assumed people had trouble with trees, never mind graphs. And suddenly hyperlinks come along, and as long as there is a Back button, they work.

  Adam Bosworth, Learning from THE WEB

  I would argue that the “back” button is one of the two or three defining constraints of interaction design. I’d even go so far to say that it’s more significant than the hyperlink.

  “Back” doesn’t just mean “go backwards”: it stands for the entire paradigm of user-controlled navigation, arbitrary hyperlinking, and back-as-undo that everyone has come to expect from the behavior of software.. The back button is a contract web design has with our users.

  Andrew, AJAX Summit (hosted by O’Reilly & Adaptive Path)

• That it is a universal namespace.

  The most important thing about the Web is that it is a universal namespace, something that has not been available before, not at this level of precision.

  Benny Gustavsson, On the Semantic Web language^PDF