Essays

Essays for January 2008

2 years ago

Monday, January 14, 2008

Usability on Facebook: The People Take Charge

Something is happening on Facebook, but it’s not the sort of thing you’re going to read about on Techmeme. It has to do with usability; specifically, the readability of a collection of comma-separated interests in a person’s profile. Apparently some people think the lists are too close together, and because Facebook doesn’t allow the sort of customization that MySpace does, the users are bending what they can’t break.

For those unaware, one of the default applications that comes “installed” on all Facebook profiles is the “Information” application, which allows the user to list their points of contact as well as their interests, favorite books, movies, and music, and a few other mundane details. Here’s what mine looks like, for reference.

My Facebook profile’s interests, separated by only a few pixels.

But recently, on a few of my friends’ profiles, I started to notice something different. Here, a friend has separated her massive list of interests with a single dash.

A friend’s interests, separated by a single dash.

For some, a single dash isn’t enough:

A friend’s interests, separated by two dashes.

So: users obviously think their interests are hard to read when smushed so close together, right? Or is it just a trend they’re following?

People gussy up their MySpace profiles for a plethora of reasons, none of which we would assume is very practical. I’m sure they’d do the same on Facebook if profiles there were customizable, but it’s interesting to see that this change is one that has to do with usability. The choice and arrangement of applications on one’s profile are one of the most customizable aspects of Facebook, but also prone to increasingly random placement as their number rises on a given profile page. Unlike the placement of applications, this dashes alteration is deliberate. Or is it? I decided to find out. I asked the two friends behind the profiles above about their choice:

Hi! I’m writing up a post for the Sakuzaku blog about something I noticed on your and a few other Facebook profiles. You separate your interests, music, TV shows, etc. with little dashes, like this: [Here I provided an example.]

I find it really interesting that you and a bunch of other people are doing this, and I wanted to ask whether you began doing it yourself or you noticed it somewhere else first? Do you remember where you first saw it, and when? Why, in your own words, do you separate them that way?

I had my replies in only a few hours. C— wrote:

Hiya! Well, actually, I was editing my profile one day and saw that it was a mite long-winded… I wanted to make it look less cluttered and easier to read. A couple of years ago, I had an even longer list of quotations, because Facebook didn’t have as much of a character limit. So, I used a separator at that point too, but it was a long row of stars (the Shift-8 kind). However, with the new character limits, I couldn’t do that anymore. Plus, the areas besides my quote wall were looking kind of cluttered too. So, the dash just seemed like the best solution. It was the first thing I came up with, after I realized I couldn’t do the stars anymore.

Note that she’d been doing it for years, and only recently switched from a row of asterisks to double-dashes because of a character limit.

Coincidentally, the other friend I asked had stopped “dashing” her profile by the time I got around to asking. K— replied:

I actually began doing that on my own when I saw that it was sort of hard to distinguish between what was in what section without a space in between just because of the amount of text I put in there. It doesn’t keep a space between sections if you press enter a few times, except for between the last section and about me. I’m really organized like that, so it was bothering me. I’m not really sure why I changed it back… I think it’s because I started deleting sections and just putting my music and my about me and then gradually added the others again over a short period of time.

Both mentioned, in their own words, that it was about usability: “I wanted to make it look less cluttered and easier to read.” “I saw that it was sort of hard to distinguish between what was in what section without a space in between just because of the amount of text I put in there.” Regardless of whether their desire to separate things visually is driven by a desire to draw more focused attention to their interests, the fact remains that they believe they’re correcting an error in Facebook’s design judgment. This is bolstered by the particularly interesting claim that they each made the decision independently. In a way, they were designing with their “users” in mind: the people consuming their profiles.

The central argument of the piece I published last year, in response to Clay Shirky’s article on A Brief Message about the iPod and MySpace, was that good design is not necessarily arrogance. But there was something else I hinted at: users care about usability, but don’t realize they do. Most people probably aren’t even familiar with the term on a daily basis, but they could probably give you examples of what it means in an applied sense, at least. Thus the popularity of the “beautiful and useful” iPod — it’s popular because it’s pretty and the easiest-to-use MP3 player on the market. They likely can’t tell you that it’s a masterpiece of usability engineering, but they can tell you that they like how it “just works.” Like the iPod, Facebook is a tool that is both usable and popular: A social network done right.

So what does it all mean? I think there are two important and intriguing things to take away from this.

The first is that once users are committed to something (or even, indeed, forced to use it for lack of alternatives), they will change what they think isn’t perfect, to the best of their ability, to adapt the thing to their own standards of usability. Ergo, iPod cases to prevent scratching, and dashes separating big lists of interests in Facebook. (If they can’t change it enough, of course, they’ll leave, if they can.) Secondly, trends in style (especially in technological contexts) inevitably include elements of usability — however unnoticeable they might be to the people participating in the trends.

Sometimes the most fascinating and telling elements of the user experience are found in the smallest of details. Do you agree? Have you seen anything else like this on the Web?

2 Comments

2 years ago

Sunday, January 6, 2008

Furly: Full URLs to Your Clipboard

This script has been packaged alongside its URL-shortening counterpart Surly, and you can find the latest documentation for them in the Sakuzaku Goodie Basket.

A few weeks ago we offered up Surly, a pair of Applescripts to grab the URL from your default browser’s frontmost tab or window and place a shortened version on the clipboard. There’s just one little thing we’ve been meaning to finish up since…

Meet Furly, Surly’s efficacious counterpart. Furly does what its name might suggest — it grabs the full URL from your default browser’s frontmost tab or window and drops the result in your clipboard, ready for pasting. Like Surly, the script currently supports Safari, Firefox, Camino, and Opera, and is designed to work in concert with Quicksilver, but could theoretically be employed by number of similar applications or methods.

View the source: Furly — Frontmost URL to Clipboard.applescript (4 KB)

Or, grab it to go:

Installation

  1. Download the Furly script.
  2. Move the script you want to somewhere out of the way but where Quicksilver can find it. We recommend putting it in ~/Library/Scripts, which Quicksilver will index automatically if you’ve enabled the “Scripts (User)” catalog item in the “Catalog” section of your Quicksilver preferences.
  3. After a re-scan of the Quicksilver catalog (which you can force by activating QS and running ⌘+R, the appropriate scripts should be available.
  4. Activate Quicksilver and call up your script. Typing the first few letters of Furly or Copy Frontmost Browser URL should find Furly - Copy Frontmost Browser URL.scpt (if Quicksilver has figured out where you’ve stored it). Just hit Enter, and after a few seconds your full URL will be in the clipboard.
  5. Paste away!

Questions, Comments

I will modify the script to work with other browsers upon request by email. Also, don’t hesitate to send bug reports — you might get a Sakuzaku pin badge for your trouble.

Acknowledgements

Inspiration for this script, as with Surly, is owed to Dr. Drang, to whom I extend many thanks. (His much-updated and detailed post on the short- and long-URL craze is a must-read.)

Comments

2 years ago

Saturday, January 5, 2008

Two Leopard Bugs: Followup

Just about two months ago I identified two visual bugs in Leopard that were annoying me: application switcher icons were darkening, and Mail wasn’t properly changing the font color of quoted text. I’ve come up with a reproducible case for the former and a workaround for the latter.

I haven’t the faintest idea why, but if your cursor is in motion over the application switcher while it’s appearing (we’re talking fractions of a second), the application icon over which your cursor was moving will be darkened. Here’s a video demonstrating the oddity. While I hesitate to call this a 100% reproducible case, I am able to trigger the bug on my machine reliably at any time. Reports from readers such as yourself are, of course, appreciated.

And for getting properly-colored indented quotes in Mail, you have two options. First, the workaround: cut the offending text and any leading or trailing whitespace and paste to an empty text document in your favorite editor, and then cut it from there and paste back into Mail. The text will have lost whatever it is that causes the color issue. This is, admittedly, ridiculous. Thankfully, your second option works just as well and is a lot easier: just ignore it. It may display incorrectly before being sent, but once sent, the quoted text in your delivered messages will not stay uncolored, so you don’t need to worry about your recipients seeing something unexpected.

Minor offenses though they may be, attempting to find the cause of bugs like these is a valuable exercise for the developing and curious alike. We’ve filed bug reports through Apple’s Radar Bug Report system for the switcher and Mail issues: #5671975 and #5671970 respectively. Though 10.5.1 brought no cure, we can always hope for a fix in future point releases.

Comments