Joshua Schachter explains how URL shorteners like TinyURL, bit.ly, etc., originally created to prevent long URLs from breaking in 1990s e-mail clients, and now used primarily as a means of monetizing someone else’s content, are bad:

• They “add another layer of indirection to an already creaky system, [making what] used to be transparent … opaque,” slowing down web use by adding needless lookups, and potentially disguising spam.
• Shorteners “steal search juice” from the original publishers. (For example, with the Digg bar and Digg short URL, your content makes Digg more valuable and your site less valuable; the more content you create, the richer you make Digg.)
• “A new and potentially unreliable middleman now sits between the link and its destination. And the long-term archivability of the hyperlink now depends on the health of a third party.”

And more. Via Merlin Mann.

Anyone who creates web content should read Joshua’s post. I’m sold and will dial way back on my use of the zeldman.com short URL. The question remains, what to do when you need to paste a long, cumbersome link into a 140-character service like Twitter. (If you do nothing, Twitter itself will shorten the link via TinyURL.)

Tags: URL, URLshortener, JoshuaSchachter, redirect, abstraction, Digg, findability, searchjuice, SEO

Filed under: Blogs and Blogging, Design, HTML, Ideas, Information architecture, Publications, Publishing, Respect, Standards, State of the Web, UX, Usability, User Experience, Web Design, Web Standards, Websites, architecture, business, findability, industry, links, twitter

Issue No. 273 of A List Apart, for people who make websites, looks at web design from both sides now:

Flexible Fuel: Educating the Client on IA

by KEITH LAFERRIERE

IA is about selling ideas effectively, designing with accuracy, and working with complex interactivity to guide different types of customers through website experiences. The more your client knows about IA’s processes and deliverables, the likelier the project is to succeed.

Getting Real About Agile Design

by CENNYDD BOWLES

Agile development was made for tough economic times, but does not fit comfortably into the research-heavy, iteration-focused process designers trust to deliver user- and brand-based sites. How can we update our thinking and methods to take advantage of what agile offers?

About the magazine

A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices. Issue No. 273 was edited by Krista Stevens with Erin Kissane and Carolyn Wood; produced by Erin Lynch; art-directed by Jason Santa Maria; illustrated by Kevin Cornell; technical-edited by Aaron Gustafson, Ethan Marcotte, Daniel Mall, and Eric Meyer; and published by Happy Cog.

Tags: agiledevelopment, agiledesign, informationarchitecture, scope, scopecreep, managing, client, expectations, alistapart, forpeoplewhomakewebsites

Filed under: A List Apart, Advocacy, Applications, Career, Design, Information architecture, Standards, Tools, UX, Usability, User Experience, Working, architecture, business, client services, development, experience, work

In Issue No. 272 of A List Apart, for people who make websites:

This is How the Web Gets Regulated

by JOE CLARK

As in finance, so on the web: self-regulation has failed. Nearly ten years after specifications first required it, video captioning can barely be said to exist on the web. The big players, while swollen with self-congratulation, are technically incompetent, and nobody else is even trying. So what will it take to support the human and legal rights of hearing impaired web users? It just might take the law, says Joe Clark.

A More Useful 404

by DEAN FRICKEY

When broken links frustrate your site’s visitors, a typical 404 page explains what went wrong and provides links that may relate to the visitor’s quest. That’s good, but now you can do better. With Dean Frickey’s custom 404, when something’s amiss, pertinent information is sent not only to the visitor, but to the developer—so that, in many cases, the problem can be fixed! A better 404 means never having to say you’re sorry.

Tags: alistapart, closedcaptioning, captioning, captions, webvideo, video, accessible, accessibility, 404, error, reporting, usability, programming, design, webdesign, webdevelopment

Filed under: A List Apart, Accessibility, Code, Design, UX, User Experience, Web Design, architecture, development

A proposal for a fonts working group is under discussion at the W3C. The minutes of a small meeting held on Thursday 23 October include a condensed, corrected transcription of a discussion between Sampo Kaasila (Bitstream), Mike Champion (Microsoft), John Daggett (Mozilla), Håkon Wium Lie (Opera), Liam Quin (W3C), Bert Bos (W3C), Alex Mogilevsky (Microsoft), Josh Soref (Nokia), Vladimir Levantovsky (Monotype), Klaas Bals (Inventive Designers), and Richard Ishida (W3C).

The meeting started with a discussion of Microsoft’s EOT (Embedded OpenType) versus raw fonts. Bert Bos, style activity lead and co-creator of CSS, has beautifully summarized the relevant pros and cons discussed.

For those just catching up with the issue of real type on the web, here’s a bone-simple intro:

1. CSS provides a mechanism for embedding real fonts on your website, and some browsers support it, but its use probably violates your licensing agreement with the type foundry, and may also cause security problems on an end-user’s computer.
2. Microsoft’s EOT (based on the same standard CSS mechanism) works harder to avoid violating your licensing agreement, and has long worked in Internet Explorer, but is not supported in other browsers, is not foolproof vis-a-vis type foundry licensing rules, and may also cause PC security problems.

The proposed fonts working group hopes to navigate the technical and business problems of providing real fonts on the web, and in its first meeting came up with a potential compromise proposal before lunch.

Like everyone these days, the W3C is feeling a financial pinch, which means, if a real fonts working group is formed, its size and scope will necessarily be somewhat limited. That could be a good thing, since small groups work more efficiently than large groups. But a financial constraint on the number of invited experts could make for tough going where some details are concerned—and with typography, as with web technology, the details are everything.

I advise every web designer who cares about typography and web standards—that’s all of you, right?—to read the minutes of this remarkable first gathering, and to keep watching the skies.

Tags: web typography, typography, standards, webstandards, W3C, fonts, embedded, @fontface, EOT, workinggroup

Filed under: Accessibility, Applications, Browsers, Code, Community, Fonts, Ideas, Layout, Standards, Tools, Typography, Usability, User Experience, W3C, Working, architecture, art direction, bugs, business, content, copyright, creativity, industry, links, spec, stealing

I’m home watching a sick kid and waiting for Time Warner Cable to come make a third attempt to install a cable modem. If you’re good at math, that means Time Warner Cable, the market leader in my city, has twice failed to install the correct cable modem in my home.

Because the web never sleeps, even web professionals who work in an office need reliable high-speed access when they are at home. Speakeasy provided that service via DSL in our old apartment (our previous DSL provider having been wiped out, literally, on September 11, 2001), but, as documented in old posts on this site, it took two months of comedic mishap for Speakeasy to get our home DSL working. And after Best Buy bought Speakeasy, it became harder and harder to contact the company’s technical support people to resolve service problems—of which there were more and more. By the time we moved out of our old apartment in December, 2007, frequent gapping and blackouts made our 6Mb Speakeasy DSL service more frustrating than pleasant to use.

The monopoly wins the bid

So when we moved to the new apartment, we decided to immediately install cable modem access as a baseline, and then secure reliable DSL access for redundancy. Time Warner Cable had set up a deal with our new building, and no cable competitor was available to service our location (you read that right), so the Time Warner got the gig. They came quickly and the system worked immediately. The digital HD cable fails once a week, probably due to excessive line splitting, but that’s another story, and we don’t watch much TV, so it doesn’t bug us, and it isn’t germane here.

Unwilling to repeat the failures and miscommunications that marked our Speakeasy DSL installation, I went ahead and had Time Warner Cable set up the wireless network. It costs extra every month, and Time Warner’s combination modem/wireless/Ethernet hub isn’t as good as the Apple Airport devices I own, but it makes more sense to pay for a system that’s guaranteed to work than to waste billable hours debugging a network.

Due to the thickness of our walls, the wireless network never reached our bedroom, but otherwise everything was hunky-dory. Within a few days of moving in, we had reliable, wireless, high-speed internet access. Until Time Warner told us otherwise.

The notice

Last spring we received a form letter from Time Warner stating that they’d installed the wrong modem, and that we were not getting the service we’d paid for. Apparently this was true for all customers who chose the service. Some of our money was refunded, and we were advised to schedule a service appointment or come to the 23rd Street office for a free replacement modem.

I went to the 23rd Street office, took a number, and within about fifteen minutes I was sitting in front of a representative. I showed him the form letter and requested the new modem.

He asked me for my old modem.

I said I hadn’t brought it, and pointed out that I hadn’t been instructed to bring it.

We both reread the form letter.

“It’s implied,” the rep said.

“Implied?” I said.

“Sure,” he said. “If we’re going to give you a new modem, of course we’ll want your old modem.”

I guess it was implied. But it wasn’t stated. And when you charge an installation fee, a hardware fee, and a monthly service fee, and then give people the wrong modem, you probably shouldn’t rely on inference in your customer support copy. To avoid compounding your customer’s frustration, you should probably be absolutely explicit.

I didn’t say these things to the rep, because he didn’t write or approve the copy or send the wrong modem to all those homes. I left empty-handed and continued to use the modem we had. There didn’t seem to be anything wrong with it. Whatever the poorly written form letter had to say about it, as a customer, I didn’t have a problem with the modem.

A visit from a professional

As summer ended, Time Warner Cable sent me a new form letter. This time I was told, rather darkly, that if I failed to replace my modem, I definitely would not get the service I was paying for. Indeed, my service level would somehow be lowered, although it appeared that I would continue being billed a premium price.

So I called Time Warner, arranged a service visit, and spent the day working at home.

Around the middle of the service window, a Time Warner Cable authorized technician showed up with a regular DSL modem (not a wireless modem).

“You have wireless?” he asked in amazement.

“Yes,” I said. “Doesn’t it say that on your service ticket?”

“Hey, I’m just a consultant. I don’t work for Time Warner Cable,” he helpfully informed me.

“So are you going to get a wireless router from your truck?” I offered after a pause.

“I don’t have those,” he said.

We looked at each other for a while, and then he said, “Besides, you don’t need to replace your modem. There’s nothing wrong with it.”

“Come again?”

“There’s nothing wrong with your modem. You don’t need to replace it,” he said.

Then he called someone to inform them that he hadn’t swapped modems.

Then he asked me to sign a form.

“What am I signing?” I asked. “That you didn’t do anything?” I said it more politely than it reads.

“You’re signing that I was here,” he said. So I did.

That evening, as I was bathing my daughter, Time Warner Cable called to ask if I was satisfied with the experience.

I said frankly I was confused why I’d had to stay home all afternoon for a service visit on a modem that didn’t need to be replaced.

The nice lady said she would talk to her supervisor and run some tests.

I was on hold about five minutes, during which my daughter found various ways of getting water out of the tub and onto me.

The nice lady came back on and said, “I’m sorry, sir, but we just ran tests, and you do have the wrong modem. We’ll need to send someone out.”

So here I am, two weeks later, waiting for a technician to come try again. Will this one bring the right hardware? The suspense is awesome.

Although New York is a leading creator of websites and digital content, the town’s home and office internet connectivity lag behind that of practically every other U.S. city. Two factors account for it:

1. An aging infrastructure. It’s hard to deliver best internet services over a billion miles of fraying, overstretched, jerry-rigged copper line.
2. Monopoly. How hard would you try if you had no real competitors?

In future installments, I’ll discuss our adventures securing high-speed access to our studios at Happy Cog New York, and discuss the pros and cons of Verizon home DSL.

[Update: Don't miss the denoument.]

Tags: timewarner, timewarnercable, speakeasy, Verizon, DSL, cablemodem, internet, access, highspeed, high-speed, roadrunner, turbo

Filed under: NYC, New York City, Standards, Tools, Working, Zeldman, architecture, cities, glamorous, homeownership, industry, spec, work

It’s back, it’s improved, and it’s hungry for your data. It’s A List Apart’s second annual survey for people who make websites.

Last year nearly 33,000 of you took the survey, enabling us to begin figuring out what kinds of job titles, salaries, and work situations are common in our field.

This year’s survey corrects many of last year’s mistakes, with more detailed and numerous questions for freelance contractors and owners of (or partners in) small web businesses. There are also better international categories, and many other improvements recommended by those who took the survey last year.

Please take the survey and encourage your friends and colleagues who make websites to do likewise.

[Comments off. Pings on.]

Tags: survey, web design survey, webdesign, webdevelopment, professional, alistapart

Comments off.

Filed under: A List Apart, Accessibility, Applications, Career, Community, Design, Diversity, Happy Cog™, Ideas, Standards, Survey, UX, User Experience, Web Design, Working, architecture, art direction, business, client services, content, development, experience, industry, work, writing

Launched today, WebAssist Professional’s CSS Menu Writer™ for Dreamweaver takes the pain out of creating standards-compliant horizontal or vertical navigation menus with nested fly-outs.

I got to spend an hour with the program prior to its release, and was impressed with its flexibility and extreme ease of use. For instance, creating primary and secondary menu levels is as simple as pointing to your files and folders. If the client changes the approved site structure after you’ve already created your page templates, no problem: just drag files and folders to their changed locations and CSS Menu Writer will update your navigation.

The program comes with four horizontal and four vertical menus, each in 12 different color schemes—96 menus to start—with unlimited sub-levels. You can easily create Doug-Bowman-style “sliding doors” effects, as well as doing all the obvious stuff you’d expect to be able to do, like changing menu width, height, margin, and padding; swapping backgrounds and images; and saving custom creations as new presets to reedit or share with colleagues. The program also integrates easily with Eric Meyer’s CSS Sculptor.

CSS Menu Writer costs $99.99, but if you buy before May 27, it’s just $74.99.

Tags: webdesign, tools, software, webassist, css

Filed under: Accessibility, Adobe, Applications, CSS, Code, Design, Tools, Web Design, WebAssist, architecture, client services, development, eric meyer, work

The area above Madison Square Park in Manhattan is in a condo- building frenzy. Of course all of Manhattan (and Brooklyn and Queens) is in a condo-building frenzy. But above Madison Square Park there is a particularly feverish keenness to the activity, as the glamor of the Flatiron District moves north to a zone that was formerly best known for its gaudy wig and cheap lingerie wholesalers.

The richie rich are buying, and who can blame them? Proximity to Madison Square Park and the chic shops south of 23rd Street makes for an elegance that is almost Parisian—or at least suggests the possibility of such a way of life.

Huge signs affixed to newly rising high-rises and condo converted prewar office buildings trumpet the glory of living here. But there are other signs, as well.

Barely noticed in the builders’ gold rush, the poorest poor, pushed off the benches of Madison Square Park, take shelter in the very construction sites that signify their doom. When this building is finished, the rich will sleep here. ‘Til then, it’s the poor who do so. And what do they dream?

Related

• That there: Stressed About the Rent? You’re Not Alone
• This here: Into the Murky Deep
• This here: Faster, Pussycat
• This here: God knocks

Tags: americandream, housing, homeless, homelessness, shelter, cities, urbanism, newyork, newyorkcity, NYC, boom, highrises, condos, condosandcoops, nest, citythatneversleeps

Filed under: Design, architecture, business, cities, dreams, homeownership, poverty, reportage, wealth

Had I known that there was an explosion in midtown Manhattan near where my wife works, and that my wife and daughter were out in the ensuing chaos, I would have been far more anxious during my train ride home from Philadelphia last night.

I had gone to the city of brotherly love on business. One of our party misplaced her iPhone, discovering the loss as we were about to board the train back to New York. The odds against her recovering it would kill a game in Vegas. But it is her only phone and she is about to leave the country, so she stayed behind in hopes of locating it. Anxiety on her account, and some guilt at having boarded the train without her, kept me plenty busy on the ride home.

Like The New York Public Library, the old Pennsylvania Station was a Beaux-Arts masterpiece (photos: concourse and entrance in 1962, two years prior to demolition). An abomination replaced it. Outrage over this desecration gave us laws supporting historic preservation and preventing future desecrations, making the old Pennsylvania Station the Jesus of buildings.

One emerges from the current Penn Station as from a none-too-clean public bathroom.

On emerging from Penn Station as from a none-too-clean public bathroom, I overheard people discussing 9/11. That seemed odd. New Yorkers don’t talk about 9/11; we leave that to politicians. When I reached home, fifteen minutes’ humid walk later, my doorman was also muttering about 9/11. Odder still.

I expected to find my daughter asleep. Not so.

“Can you tell something happened?” my wife asked.

She had seen the explosion while standing about a mile north of it (just as, on September 11th, 2001, she had seen the twin towers on fire from a position on Fifth Avenue about two miles north of the disaster) and asked two firefighters who were also gazing in its direction if the intersection where it had occurred was known. 41st Street, they said. Reassured that our home had not blown up, she went on to the rendezvous where she was to pick up our daughter from her baby-sitter. Our daughter and her baby-sitter were not there. I can imagine my wife’s reaction to that absence. (I knew nothing about it, sitting in a crowded Amtrak car, discussing a client project, and worrying about a missing iPhone.)

Finally our daughter arrived; her baby-sitter was put in a cab; and my wife and daughter attended a birthday party for one of our daughter’s friends—a younger girl who had just turned two. Pizza and cupcakes were served.

At seven, the party ended, and, as at all children’s parties in New York, the guests were shooed out.

Philadelphia is 100 miles from New York. I made it in an hour. It took my wife and daughter two hours to traverse the single mile home. The subways were out, two avenues were closed, the whole world was taking buses or walking north, away from the disaster. Just below the cutoff and oblivious to it, I walked home knowing nothing except that I had had a good meeting in Philadelphia, and had perhaps overdone it on the huevos rancheros at Honey’s Sit ‘n Eat Restaurant.

Here’s how it looks in a newspaper:

A steam pipe installed in 1924 ruptured in a thunderous explosion shortly before 6 p.m. today, sending steam, water and debris shooting outward and sending clouds of smoke and dust billowing through Midtown Manhattan at the height of the evening rush. One person died of cardiac arrest, and more than 20 others were injured. The authorities ruled out any criminal activity, saying the explosion was apparently caused by a failure of antiquated infrastructure.

How was it for you?

Tags: steampipe, explosion, nyc, newyork, newyorkcity, myglamorouslife

Filed under: Philadelphia, architecture, cities, family, glamorous

If you live in NYC, or if you’re visiting next week, don’t miss urban futurist Adam Greenfield’s free lecture in the Great Hall of the Cooper Union, “The City Is Here For You To Use: Urban Form and Experience in the Age of Ambient Informatics.”

Monday April 9, 2007 6:30pm
The Great Hall of the Cooper Union
7 East 7th Street, betw. 3rd & 4th Aves, NYC
Free to the public

The Cooper Union School of Art is the only private, full-scholarship college in the United States dedicated exclusively to preparing students for the professions of art, architecture and engineering. The Great Hall is where Abraham Lincoln, with a single speech, transformed himself from an obscure candidate with no chance of becoming president to the hope of a nation. The space itself merits a visit. And it is the perfect setting for Greenfield’s talk on the collaboration between architecture and computing:

Over the past few years the “computer” has begun to disappear into the fabric of everyday life, its power to collect, store, process and represent information diffusing into the objects and surfaces around us. Things as ordinary and seemingly familiar as running shoes, elevators and lampposts have been reimagined as networked devices, invested with unexpected new abilities. Meanwhile, the phones we carry have become ever more powerful “remote controls for our lives.”

Proponents and enthusiasts argue that no domain of human behavior will be untouched by this transformation, but relatively little thought has been given to specifically how these changes might unfold at the scale of the city. How will the advent of a truly ubiquitous computing change our urban places—both the way they’re built, and the way we live them? In this new talk, everyware author Adam Greenfield tries to wrap his head around this dynamic set of conditions, to clarify what’s at stake and to offer some potential frameworks for building humane and livable cities in the age of ambient informatics.

Adam Greenfield is a writer, consultant, and instructor in Urban Computing at New York University’s Interactive Telecommunication Program. His 2006 book everyware: The dawning age of ubiquitous computing, has been acclaimed as “groundbreaking,” “elegant,” and “soulful” by Bruce Sterling, and “gracefully written, fascinating, and deeply wise” by Wired’s Steve Silberman. Before plunging entirely into futurist consulting and writing, Adam was lead information architect at Happy Cog.

Adam’s Cooper Union presentation will be followed by a panel discussion exploring these issues, with participants whose work lives at the very edge of this change: Glowlab’s Christina Ray; Soo-In Yang and David Benjamin of New York architectural practice The Living, and area/code principal Kevin Slavin.

The talk is hosted by The Cooper Union School of Art and The Herb Lubalin Study Center of Design and Typography, and organized by Mike Essl, Assistant Professor, School of Art and Emily Roz Saskia Bos, Dean, School of Art.

Tags: adamgreenfield, ambientinformatics, cooperunion, art, architecture, computing

Filed under: Design, architecture, arts, events