ALA 284: scaling video, avoiding burnout

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

Creating Intrinsic Ratios for Video

by THIERRY KOBLENTZ

Have you ever wanted to resize a video on the fly, scaling it as you would an image? Using intrinsic ratios for video and some padding property magic, you can. Thierry Koblentz shows us how.

Burnout

by SCOTT BOMS

Does every day feel like a bad day? Blurry boundaries between work and home, and the “always on” demands of the web can lead to depression and burnout. Learn the signs of burnout and how to maintain your bliss.

And don’t miss this issue’s Editor’s Choice:

The ALA Primer: A Guide for New Readers

by ERIN LYNCH

New to A List Apart? Welcome! ALA’s own Erin Lynch suggests a few good places to start reading. (Originally ran: September 12, 2006.)

Comments off.

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 first 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]

“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!

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]

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]

State of the web

Web designers and developers power the global economy, but almost nothing is known about who we are, where we live, how we work, what tools we use.

The A List Apart survey (2007 survey, 2007 detailed findings, 2008 survey) of over 32,000 full-time, part-time, and freelance web designers, developers, and related user experience professionals began answering questions about who works in this field, where we are located, which kinds of businesses and organizations employ us, under which titles we work, what we earn, how satisfied and secure we are, and so on.

Complementing this information, in 2008 Web Directions North conducted a State of the Web 2008 survey of designers, developers, and other web professionals to find out more about our philosophies, technologies, and best practices. The findings include details and analysis of all responses to over 50 questions. You can read all the questions, download the complete (anonymized) set of responses, read detailed analysis, and more.

What percentage of your peers who took the survey use JavaScript for Ajax communication with the server? What percentage don’t use JavaScript at all? How many still test their sites in IE 5.0? The answers to dozens of questions like these await you.

[tags]webdirections, survey, webdesign, webdevelopment[/tags]

MFA Interaction Design deadline

Today, January 15, marks the first application deadline for students to apply to the MFA Interaction Design program at School of Visual Arts. The school will continue to accept applications on a rolling admissions basis as space allows, but don’t count on spaces staying open long—the program is limited to fifteen students. An application timeline shows what students can expect between today and April.

In a city that also boasts Parsons, Pratt, and Cooper Union, New York’s School of Visual Arts holds a unique place. There are no full-time professors; instead, faculty are drawn from the ranks of New York’s top full-time practitioners. They are working designers, art directors, painters, sculptors, and so on. Sal Devito, a creative director for whom I was privileged to work in the 1990s, is a legendary SVA instructor; so is Milton Glaser.

As you would expect, the faculty of the MFA Interaction Design program includes some of the brightest people in user experience. (By some fluke, I am also a faculty member.) Liz Danzico, former experience director of Happy Cog Studios, chairs the program.

A good education is hard to find. When it comes to web and interaction design, it’s almost impossible. I’m honored to be one of the faculty in the School of Visual Art’s MFA Interaction Design program, and look forward to teaching and learning there.

[tags]design, interactiondesign, MFA, program, SVA, schoolofvisualarts, newyork, NYC, lizdanzico[/tags]

An Event Apart redesigned

There’s a new aneventapart.com in town, featuring a 2009 schedule and a reformulated design. I designed the new site and Eric Meyer coded. (Validation freaks, only validator.nu is up to the task of recognizing the HTML 5 DOCTYPE used and validating against it; the validator.w3.org and htmlhelp.com validators can’t do this yet. Eric chose HTML 5 because it permits any element to be an HREF, and this empowered him to solve complex layout problems with simple, semantic markup. Eric, I know, will have loads more to say about this.)

Family branding concerns drove the previous design. Quite simply, the original An Event Apart site launched simultaneously with the 2005 redesign of A List Apart. Jason Santa Maria‘s stripped-down visual rethink was perfect for the magazine and is imitated, written about, and stolen outright to this day. It was a great design for our web magazine because it was created in response to the magazine’s content. It didn’t work as well for the conference because its design wasn’t driven by the kind of content a conference site publishes. But it was the right conference design for 2005 because the goal at that time was to create a strong brand uniting the long-running web design magazine with the new web design conference that sprang from it.

New goals for a new environment

In 2009, it’s less important to bolt the conference to the magazine by using the same layout for both: by now, most people who attend or have thought about attending An Event Apart know it is the A List Apart web design conference. What’s important in 2009 is to provide plenty of information about the show, since decisions about conference-going are being made in a financially (and psychologically) constricted environment. In 2005, it was enough to say “A List Apart has a conference.” Today more is needed. Today you need plenty of content to explain to the person who controls the purse strings just what you will learn and why a different conference wouldn’t be the same or “just as good.”

The redesign therefore began with a content strategy. The new design and new architecture fell out of that.

Action photos and high contrast

The other thing I went for—again, in conscious opposition to the beautifully understated previous design—was impact. I wanted this design to feel big and spacious (even on an iPhone’s screen) and to wow you with, for lack of a better word, a sense of eventfulness. And I think the big beautiful location images and the unafraid use of high contrast help achieve that.

Reinforcing the high contrast and helping to paint an event-focused picture, wherever possible I used action shots of our amazing speakers holding forth from the stage, rather than the more typical friendly backyard amateur head shot used on every other conference site (including the previous version of ours). I wanted to create excitement about the presentations these brilliant people will be making, and live action stage photos seemed like the way to do that. After all, if I’m going to see Elvis Costello perform, I want to see a picture of him onstage with his guitar—not a friendly down-to-earth shot of him taking out the garbage or hugging his nephews.

So that’s a quick overview of the redesign. The store is now open for all four shows and the complete Seattle show schedule is available for your viewing pleasure. I hope to see some of you in 2009 at our intensely educational two-day conference for people who make websites.

[tags]aneventapart, design, redesign, relaunch, webdesign, conference, events, HTML5, ericmeyer, zeldman[/tags]

ALA 274: The emerging content strategist

In Issue No. 274 of A List Apart, for people who make websites: a website without a content strategy is like a speeding vehicle without a driver. Learn why content matters and how to do it right.

Content-tious Strategy

by JEFFREY MACINTYRE

Every website faces two key questions: 1. What content do we have at hand? 2. What content should we produce? Answering those questions is the domain of the content strategist. Alas, real content strategy gets as little respect today as information architecture did in 1995. MacIntyre defines the roles, tools, and value of this emerging user experience specialist.

The Discipline of Content Strategy

by KRISTINA HALVORSON

It’s time to stop pretending content is somebody else’s problem. If content strategy is all that stands between us and the next fix-it-later copy draft or beautifully polished but meaningless site launch, it’s time to take up the torch—time to make content matter. Halvorson tells how to understand, learn, practice, and plan for content strategy.

And, in EDITOR’S CHOICE, from July 31, 2007:

Better Writing Through Design

by BRONWYN JONES

How is it that the very foundation of the web, written text, has taken a strategic back seat to design? Bronwyn Jones argues that great web design is not possible without the design of words.

[tags]contentstrategy, content, strategy, content strategy, web, webcontent, webdesign, userexperience, writing, editorial, Kristina Halvorson, Jeffrey Macintyre, Bronwyn Jones, alistapart[/tags]

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]