Archives for posts with tag: web

If you’re going to be obnoxious, at least don’t be lazy about it. I’m against using browser detection except in extreme circumstances, since it’s so easy to break, causes headaches for developers, testers and users alike, and is generally just sloppy. Here’s a perfect example of that sloppiness, in the form of this notice for IE 8:

03272009203750.png

Astute readers will notice immediately what’s wrong with this picture: I’m looking at this page in Firefox on a Mac. So, getting a new version of IE is absolutely impossible for me. Assuming this is done with a user-agent detection, why couldn’t they hide this for obviously non-upgradable configurations? But it gets worse. Say I’m interested in this mythical upgrade to my experience*. I click on the link and get, not directed to a useful page where I can obtain the update, but a cheesy pop-over:

03272009203753.png

Dude, yes, I’m interested. Why the interstitial bullshit? Anyway, I perform a second click, which leads me somewhere useful:

03272009203756.png

Well, I was just trying to get the browser, so I’m not sure what “Get all 3″ means†, but, whatever, OK, get me to downloadable file already! Nowhere does it say anything about compatibility, so I assume I can get a version that will, in fact, work on my computer. So I go ahead with my third click and get this unattractive, albeit informative, message:

03272009203759.png

Ah, there’s the fail. Finally. Now, obviously, they can do detection that indicates I’m not going to be able to use IE 8. Why couldn’t they have told me that before I bothered to click around?

Granted, I know better, and this was an exercise. But what if I just bought a Linux netbook, and really didn’t know? I’d be frustrated. Microsoft does enough frustrating things to/for users (though plenty of non-frustrating, quality ones!), it’s a shame to see this sort of sloppiness still going on. EPIC FAIL.

*=Also they lose points for trying to be clever/coy. Just say “Upgrade to IE 8,” for god’s sake.

†=Bundling crap with your desired download is so five years ago. Lame.

I initially mis-parsed this as “watch heads”:

03272009202945.png

Hint: If you’re going to put a phrase in a URL (which is, indeed, a decent idea), use something to separate words. “watch_the_ads” or “watch-the-ads” would have worked just as well. Sheesh.

I have found the absolute gold standard for sign up forms at Spreadshirt:

03222009164745.png

That’s it. One field. No fiddling with duplicate passwords, no CAPTCHAs, nothing. Enter email, and you’re ready to accomplish tasks. In this case, design stuff (like t-shirts) to be made on demand:

03222009173428.png

One click from “sure, I’ll try that” to getting to the meat of the service. It’s perfect. Why don’t more services do this? OK, I know why. But this is absolutely one place where taking the time to answer the question “What do we have to have from users to get started?”— and not being willing to take shit from developers who don’t want to go the extra mile to overcome technical limitations— can turn a routine, tedious experience into an EPIC WIN.

Don’t just tell your users what to do, show them! Daily Mug Shot is your basic, Web 2.0-ey kinda social networkingish website, and on the whole not much to write home about. I did notice, though, how well they use arrows and clever placement to clue users into what to do. For example, on the home page:

03152009135224.png

Nice, huh? The great big arrow that breaks out of its container points the way towards the action, and calls out new content. Easy, classy, attractive. Win!

Even better, though, is another callout, used on the desktop reminder app (which, in itself is a brilliant idea). Once installed, the app pops up this nifty little block reminding you just what the hell the icon is in your menu bar:

03152009135215.png

Double win! Dare I say “epic win”? Nah, I don’t think I will; they’re such small features.

In the 21st century, Google calls you. So, I’ve been using GrandCentral for quite a long time, and have been sorta cranky they’ve not done anything to it since the aquisition by Google. Well, it’s been rebranded Google Voice, and they’ve added some fun features along with generally Goog-ifying the UI (by which I mean: making it boring visually, but simple and functional). Here’s some of the hotness:

Voicemail Transcription

03132009194211.jpg

I use GrandCen Google Voice for phone-spam, mainly. I’m perfectly happy to give out the number wherever, post it on my website, etc. knowing that if it ever gets out of hand, I can have it stop calling my actual phone, or go away completely. Naturally, I don’t pick it up unless I know who’s calling, so the ability to screen callers’ voicemails without having to dial in or listen to the webified version is, well, fucking awesome.

SMS

03132009194225.jpg

Yay, another free SMS service. Yawn. But wait! In this case, the sender is properly displayed (unlike in Gmail chat), making it something practical to actually use (and you bet I will!). Also (and naturally), the messages are grouped and organized a lot like Gmail conversations, another big win:

03132009195743.jpg

Recording Greetings

03132009194239.jpg

The slickest bit, though, comes with recording names & greetings. Instead of having to initiate it from the device, with clunky touch-tone menus and the like, the service will give you a ring and ask you to start talking. Hang up, it adds it. Seamless. Beautiful.

There’s a (pretty obviously credible) rumor that Gmail integration will be coming soon. Since I already pipe all mail into Gmail regardless of source, here’s one more step towards the beauty of Exchange Unified Messaging without the peskiness and complete impracticality of Exchange*.

None of this is earth-shattering technically, but the seamlessness and dead-simple operation take the UX of previously-fiddly operations to another level. EPIC WIN!

* = unless you’re a huge organization with a ton of money to spend and people to devote their lives to keeping running