Categories
apps Blogs and Blogging Design industry plugins Publishing software Standards State of the Web Usability wordpress

Shorten this

In April of 2009, in a post every web designer, publisher, or business person should read, Joshua Schachter told how URL shortening services like TinyURL and Bit.ly came to be, and why the latest ones were so addictive. (Missing from Joshua’s account of their utility is the benefit URL shorteners can provide when sharing an otherwise obscenely long link on the printed page.)

The prescient post concludes that, despite their benefits, such services ultimately harm the web, decreasing clarity while increasing the odds of linkrot and spam:

[S]hortening services add another layer of indirection to an already creaky system. A regular hyperlink implicates a browser, its DNS resolver, the publisher’s DNS server, and the publisher’s website. With a shortening service, you’re adding something that acts like a third DNS resolver, except one that is assembled out of unvetted PHP and MySQL, without the benevolent oversight of luminaries like Dan Kaminsky and St. Postel.

There are three other parties in the ecosystem of a link: the publisher (the site the link points to), the transit (places where that shortened link is used, such as Twitter or Typepad), and the clicker (the person who ultimately follows the shortened links). Each is harmed to some extent by URL shortening.

There’s more, and you should read it all.

One of Joshua’s recommendations to minimize some of the harm is that websites do their own URL shortening instead of relying on middlemen. I’ve done some of that here, via the ShortURL plug-in for WordPress. Thus I use zeldman.com/x/48 instead of a much longer URL to notify my friends on Twitter about a new comment on an oldish thread. Likewise, zeldman.com/x/49 redirects to yesterday’s big post, “Write When Inspired.”

Rolling your own mini-URLs lessens the chance that your carefully cultivated links will rot if the third-party URL shortening site goes down or goes out of business, as is happening to tr.im, a URL shortener that is pulling the plug because it could neither monetize nor sell its service.

tr.im is now in the process of discontinuing service, effective immediately….

No business we approached wanted to purchase tr.im for even a minor amount.

There is no way for us to monetize URL shortening — users won’t pay for it — and we just can’t justify further development since Twitter has all but annointed bit.ly the market winner.

The Short URL Plugin for WordPress installs automatically. It provides simple statistics, telling you how many times a link has been clicked, sets up redirects automatically, allows you to choose a custom link style, and more. You’re not limited to shortening your own URLs, although that’s mainly how I use it; you can also shorten third-party URLs, turning your site into a miny TinyURL. I’ve used this plugin for months, with nothing but joy in its cleverness and usability.

[tags]ShortURL, plugin, WordPress, plugins, joshua schachter, tr.im, bit.ly, URL, Twitter, TinyURL, web, usability, internet, links, security[/tags]

Categories
Interviews Press Publications Publishing reportage reprints Standards Typography Usability User Experience UX Web Design Web Standards wisdom Zeldman zeldman.com

.net interview

There was a point in the 90s when I felt like a sucker for doing HTML and CSS.”

The .net Zeldman interview is available for your downloading pleasure (4.2 MB PDF). For more of the best in web design and development, visit netmag.co.uk.

Update, 27 May 2009

An HTML version of the interview has now been posted on .net’s website.

[tags]webdesign, webdevelopment, magazine, interview, .net, netmag, interview, interviews, zeldman, jeffreyzeldman[/tags]

Categories
A List Apart Advocacy art direction business CSS Design development Fonts Happy Cog™ HTML Ideas industry Interviews Layout Publications Publishing Standards State of the Web Typography Usability User Experience UX Web Design Web Standards Working XHTML

ALA 282: Life After Georgia

In Issue No. 282 of A List Apart, For People Who Make Websites:

  • Can we finally get real type on the web?
  • Does beauty in design have a benefit besides aesthetic pleasure?

Real Fonts on the Web: An Interview with The Font Bureau’s David Berlow

by DAVID BERLOW, JEFFREY ZELDMAN

Is there life after Georgia? We ask David Berlow, co-founder of The Font Bureau, Inc, and the ?rst TrueType type designer, how type designers and web designers can work together to resolve licensing and technology issues that stand between us and real fonts on the web.

In Defense of Eye Candy

by STEPHEN P. ANDERSON

Research proves attractive things work better. How we think cannot be separated from how we feel. The next time a boss, client, or co-worker scoffs at the notion that beauty is an important aspect of interface design, point their peepers here.

A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices.

[tags]alistapart, type, typography, realtype, truetype, CSS, beauty, design, aesthetics[/tags]

Categories
art direction books Community content creativity CSS Design downloads Free Happy Cog™ HTML Ideas industry Information architecture jobs Layout Publications Publishing reprints State of the Web The Essentials The Profession Tools Typography Usability User Experience UX W3C Web Design Web Standards Websites Working writing Zeldman

“Taking Your Talent to the Web” is now a free downloadable book

Taking Your Talent To The Web, a guide for the transitioning designer, by L. Jeffrey Zeldman. Hand model: Tim Brown.

RATED FIVE STARS at Amazon.com since the day it was published, Taking Your Talent to the Web (PDF) is now a free downloadable book from zeldman.com:

I wrote this book in 2001 for print designers whose clients want websites, print art directors who’d like to move into full–time web and interaction design, homepage creators who are ready to turn pro, and professionals who seek to deepen their web skills and understanding.

Here we are in 2009, and print designers and art directors are scrambling to move into web and interaction design.

The dot-com crash killed this book. Now it lives again. While browser references and modem speeds may reek of 2001, much of the advice about transitioning to the web still holds true.

It’s yours. Enjoy.

Oh, yes, here’s that ancient Amazon page.


Short Link

Update – now with bookmarks

Attention, K-Mart shoppers. The PDF now includes proper Acrobat bookmarks, courtesy of Robert Black. Thanks, Robert!

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

Tiny URL, Big Trouble

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[/tags]

Categories
Design Ideas industry Interviews nytimes speaking Standards State of the Web tv Typography Usability User Experience Web Design Web Standards Zeldman zeldman.com

More Zeldman Fun From BigThink

Bigthink.com/jeffreyzeldman is your BigThink channel for all your BigThink Jeffrey Zeldman needs. Now playing at that URL are three Zeldman interview clips for your pleasure:

  1. “Jeff” Zeldman dissects online journalism
  2. “Jeff” Zeldman outlines the history of blogging
  3. “Jeff” Zeldman discusses the future of open source

View early and view often. Happy watching and blogging.

[tags]bigthink, zeldman, jeffreyzeldman, interviews, internet, web, design, history, journalism, online, onlinejournalism, webpublishing, opensource, webstandards[/tags]

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

ALA No. 273: trad vs. agile

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[/tags]

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

Real type on the web?

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[/tags]

Categories
A List Apart Accessibility art direction Design development industry maturity Standards Survey Usability User Experience Web Design Websites wisdom work writing

A List Apart is changing

A List Apart, for people who make websites, is slowly changing course.

For most of its decade of publication, ALA has been the leading journal of standards-based web design. Initially a lonely voice in the desert, we taught CSS layout before browsers correctly supported it, and helped The WaSP persuade browser makers to do the right thing. Once browsers’ standards support was up to snuff, we educated and excited designers and developers about standards-based design, preaching accessibility, teaching semantic markup, and helping you strategize how to sell this new way of designing websites to your clients, coworkers, and boss.

Most famously, over the years, writers for ALA have presented the design community with one amazing and powerfully useful new CSS technique after another. Initially radically new techniques that are now part of the vocabulary of all web designers include Paul Sowden’s “Alternative Styles,” Mark Newhouse’s list-based navigation, Eric Meyer’s intro to print styles, Douglas Bowman’s “Sliding Doors,” Dave Shea’s “CSS Sprites,” Dan Cederholm’s “Faux Columns,” Patrick Griffiths and Dan Webb’s “Suckerfish Dropdowns,” Drew McLellan’s “Flash Satay,” and so on and so on. There are literally too many great ones to name here. (Newcomers to standards-based design, check Erin Lynch’s “The ALA Primer Part Two: Resources For Beginners“.)

Web standards are in our DNA and will always be a core part of our editorial focus. Standards fans, never fear. We will not abandon our post. But since late 2005, we have consciously begun steering ALA back to its earliest roots as a magazine for all people who make websites—writers, architects, strategists, researchers, and yes, even marketers and clients as well as designers and developers. This means that, along with issues that focus on new methods and subtleties of markup and layout, we will also publish issues that discuss practical and sometimes theoretical aspects of user experience design, from the implications of ubiquitous computing to keeping communities civil.

The trick is to bring our huge group of highly passionate readers along for the ride. My wife likens it to piloting the Queen Mary. (Q. How do you make the Queen Mary turn left? A. Very, very slowly.)

The slow, deliberate, gradual introduction of articles on business and theory has not pleased all of ALA’s readers, some of whom may unrealistically wish that every issue would present them with the equivalent of a new “Sliding Doors.” It is possible, of course, to publish one CSS (or JavaScript or Jquery) article after another, and to do so on an almost daily basis. We could do that. Certainly we get enough submissions. The trouble is that most articles of this kind are either edge cases of limited utility, or derivatives that do not break significant new ground. (Either that, or they are flawed in our estimation, e.g. relying on dozens of non-semantic divs to create a moderately pleasing, minor visual effect.)

We review hundreds of articles and publish dozens. Some web magazines seem to have those proportions reversed, and some readers don’t seem to mind, and that’s fine. But any content you see in ALA has been vetted and deeply massaged by the toughest editorial team in the business. And when you see a new “design tech” article in our pages, you can be sure it has passed muster with our hard-ass technical editors.

Moreover, the fields of meaningful new CSS tricks have mostly yielded their fuels. We’ve done that. We’ve done it together with you. While a few new lodes of value undoubtedly remain to be tapped, we as a community, and as individuals who wish to grow as designers, need to absorb new knowledge. ALA will continue to be a place where you can do that.

When we began focusing on web standards in 1998, we were told we were wasting readers’ time on impractical crap of little value to working designers and developers. But we kept on anyway, and the things we learned and taught are now mainstream and workaday. While we apologize to readers who are again being made irritable by our insistence on occasionally presenting material that does not fall directly within their comfort zone, we hope that this experiment will prove to be of value in the end.

[tags]alistapart, webdesign, magazine, editorial, content, focus, change, publishing, standards, webstandards, css, design, layout, userexperience[/tags]

Categories
A List Apart Design Typography Usability User Experience UX work writing

Mental models. Yipes! Stripes!

In Issue No. 267 of A LIST APART, For People Who make Websites…

Look at it Another Way

by INDI YOUNG

Before you can solve a user’s problems, you must see them as that user sees them. Once you understand what drives people’s behavior, not only do new ideas flow freely, but the ideas that flow are appropriate and useful. Indi Young tells how to get out of your own way and hear what your users are telling you.

and…

Zebra Striping: More Data for the Case

by JESSICA ENDERS

As designers or marketers, we share a desire that our tables and forms be easy to scan, read, and use. Does the widely practiced shading of alternate rows help, hurt, or have no effect? A previous study proving inconclusive, designer and researcher Jessica Enders has tackled the conundrum again, coming up with statistically relevant data and a set of recommendations.

[tags]jessicaenders, indiyoung, mentalmodels, zebrastripe, zebrastriping, alistapart, ALA, happycog, publications[/tags]

Categories
A List Apart An Event Apart cities Code conferences content creativity CSS Design development eric meyer events experience Happy Cog™ Ideas industry Jason Santa Maria San Francisco Usability User Experience UX Web Design work Working Zeldman

Photos from An Event Apart San Francisco

Take a dip in the Flickr photo pool from An Event Apart San Francisco 2008. Day Two is about to begin.

111 Minna Gallery (MediaTemple party)

[tags]aeasf08, aneventapart, webdesign, conference, sanfrancisco[/tags]

Categories
Design Usability User Experience UX

Zing

John Gruber is right: his four-year-old Daring Fireball essay, Ronco Spray-on Usability, still holds up nicely indeed.

Alas, the notion that usability is the easy part—something you just add on after doing the hard part of writing the code—is hardly limited to the open source community.

There are still many companies that think information architecture holds a mirror up to the org chart.

There are still many web clients who believe it is more important to support an “investment” in a moribund technical platform than to create great user experiences.

There are even (although there are far fewer than there used to be) some designers who think their primary job is to wow the user with their skills.

[tags]design, usability[/tags]

Categories
Usability User Experience UX

Customer support on the march

You know that new thing where you call customer support and a robot tells you that there’s no need to wait; just leave your phone number and you’ll be called back in three minutes? So you do it, and three minutes later, the robot calls you back and asks you to hold while your call is connected? And then you sit on hold for twenty minutes waiting to get connected?

[tags]customersupport, userexperience, badexperience, UX[/tags]

Categories
Usability UX

UX Zeitgeist (beta)

A colleague who is interested in learning more about user experience (UX) design, information architecture, and usability, asked what sites he should visit. I suggested he check the UX Zeitgeist (beta) section of Rosenfeld Media. Not only is it UX Zeitgeist interesting and informative in its own right; it’s also a reasonable who’s who, with an index of 120 UX people, sortable by mindshare, books authored, and other facets.

[tags]userexperience, UX zeitgeist, zeitgeist, UI, design, rosenfeldmedia, UX[/tags]

Categories
A List Apart Design Happy Cog™ Layout Publications Publishing Usability

ALA 258: art of community, science of design

What does it take to build an online community like Flickr’s? And how can we tell if interface design conventions we take for granted actually help or hurt users? In Issue No. 258 of A List Apart, for people who make websites, George Oates, a key member of the core team that shaped the Flickr community, tells what it will take to build the next Flickr (hint: the answer isn’t Ajax). And Jessica Enders drops some science on the widespread belief that zebra stripes aid the reader by guiding the eye along a table row.

[tags]alistapart, publishing, publications, happycog, zebrastripes, zebrastriping, usability, design, community, flickr, georgeoates, jessicaenders[/tags]