You’re reading Signal v. Noise, a publication about the web by Basecamp since 1999. Happy !

[Sunspots] The single-take edition

Basecamp
Basecamp wrote this on 8 comments
Fans turned photographers at indie rock shows
Band of Horses' Ben Bridwell on fans who take pictures at the band's shows: “You see it getting progressively worse. It’s almost like the skateboarding community, where everyone’s a fucking photographer now. You look at shots, and it’s hard to keep the photographers out of the shot, you know? It kind of seems like the same thing with indie rock; everyone’s got a fucking camera in their hand and, I don’t know, is there no sanctity left for live performance with going to a show and seeing it with your own eyes and remembering it? Do you have to tape every second, or even just your favorite song?”
The “Xylophone” wine & food tasting method
“Xylophone is a useful analogy for thinking about wine and food pairing…Before sitting down to taste, arrange your wines in a manner inspired by the percussion instrument of graduated wooden bars: from light-bodied to full-bodied, using the wine’s alcohol level (low to high) as an estimate. When taste-testing wines of similar alcohol levels, you might line them up by color (yellow to pink to red), which can suggest a crescendo of flavor intensity. Either way, it’s then easier to make generalizations about the styles of wine you enjoy best with certain foods: often lighter wines with lighter foods, and fuller-bodied and -flavored wines with heavier foods. Prepare a tasting sheet for taking notes. Listing the wines down one side of the page and the foods across the other, create a simple grid. Into each of the boxes, note your impression of each pairing using a five-point scale, from +2 (perfect) to 0 (neutral) to -2 (awful). After a few glasses of wine, you might skip numbers in favor of smiley or sad faces, a technique we learned from restaurateur Danny Meyer: The broader the smile or frown, the more intense the judgment.”
Design lessons from the kitchen
“Chefs organize their cooks and their space with a few key principles in mind: maximizing consistency of product, ensuring creative freedom to experiment, and encouraging effective problem solving under incredibly stressful conditions… For those who manage creative organizations, the professional kitchen can provide inspiration for how to balance these principles effectively.” [via AP]
iPhone fix request list
“The Macworld editors have all weighed in with a list of things they’d like to see the iPhone do or, in some cases, do better…It’s these consensus items that appear below—and that will make a great mobile device even better.”
BusinessWeek: The Best Product Design Of 2007
“This year’s awards run the gamut from ‘split-head’ hammers to ultralight jets to savings plans for shoppers.”
Continued…

An under-the-hood look at the new Backpack

Sam Stephenson
Sam Stephenson wrote this on 23 comments

Backpack’s Pages tab has been completely rewritten in the new version. We moved nearly all of the application’s UI logic out of hand-written JavaScript files and into Ruby using RJS templates. This resulted in approximately 1600 fewer lines of application JS, and let us deliver pages with substantially less markup, since the edit states are now loaded on-demand instead of included in bulk with each page load.

Keep reading for more details on how we’ve improved Backpack’s internals, and for a look at several JavaScript libraries we’ve developed in the process.

Continued…

Little CSS print stylesheet tip

Jason Fried
Jason Fried wrote this on 23 comments

I’ve seen printer stylesheets designed a variety of different ways. But any way you slice it, the most common element in a print stylesheet is usually the display: none; rule. Printer sheets are usually about printing less rather than printing more.

What I do is gang up all the things we don’t want to print in a single block at the top of the sheet. I always know where the “don’t print” stuff is, and removing another thing from the printout is as easy as adding the class or ID selector to the common display: none; rule.

Here’s the “don’t print” block from the Backpack printer stylesheet.

And here’s what it all means:

Screen version

Print version

No header, no sidebar, no utility links, etc. Just the content in the page. Clean and clear.

If the Freakonomics guys and Malcolm Gladwell hosted This American Life...

Matt Linderman
Matt Linderman wrote this on 9 comments

radio labRadio Lab (iTunes podcast link) is what you’d get if you put Freakonomics, Malcolm Gladwell, and This American Life in a blender.

Each episode of the folksy science show is “a patchwork of people, sounds, stories and experiences centered around One Big Idea.” The banter between hosts Jad Abumrad & Robert Krulwich can be slightly grating at times, but, overall, they do a great job of boiling down complex subjects and keeping things interesting. The way they use sound is intriguing too.

A few recent episodes:

Time
Jorge Luis Borges wrote, “Time is the substance from which I am made. Time is a river which carries me along, but I am the river; it is a tiger that devours me, but I am the tiger; it is a fire that consumes me, but I am the fire,” and it’s as close a definition as we have. But maybe if we slow time down enough, or speed it up enough, we can unlock its secrets. On this week’s Radio Lab, we’re using our hour to try and do just that.

Emergence
What happens when there is no leader? Starlings, bees, and ants manage just fine. In fact, they form staggeringly complicated societies, all without a Toscanini to conduct them into harmony. How? That’s our question this hour. We gaze down at the bottom-up logic of cities, Google, even our very own brains. Featured: author Steven Johnson, fire-flyologists John and Elizabeth Buck, biologist E.O. Wilson, Ant expert Debra Gordon, mathematician Steve Strogatz, economist James Surowiecki, and neurologists Oliver Sacks and Christof Koch.

Morality
Where does our sense of right and wrong come from? We peer inside the brains of people contemplating moral dilemmas, watch chimps at a primate research center share blackberries, observe a playgroup of 3 year-olds fighting over toys, and tour the country’s first penitentiary, Eastern State Prison. Also: the story of land grabbing, indentured servitude and slum lording in the fourth grade.

More show descriptions at the Radio Lab archive. If you’re a pop science fan, check it out.

Design Decisions: Permissions in Basecamp

Ryan
Ryan wrote this on 20 comments

I’m working on a new Permissions screen for Basecamp. All the hard stuff is done. The layout, the reorganizing of actions and flows, the templates, and most of the Rails side of things. With 90% of the work done, the last 10% is where I pull out the magnifier and tweezers to finesse the details, check my assumptions, gild the lillies and ready the “DONE” stamp.

You’re definitely in the 10% when you keep flip-flopping designs. I went back and forth on this one three times before moving on:

On this screen, companies appear with people whose access can be toggled (“candidates”) underneath. My first inclination was to cycle the shading on candidate TRs to make it easy to know who’s permissions you are affecting. But two things bothered me about this design.

The first factor is noise. I found a black border was necessary beneath the company headline in order to overpower the candidate rows and group them. The combination of black border and shading all over is just a bit much for me.

The second factor is conceptual. It’s important for people to understand that you add and remove companies from this screen in order to give or modify access for people in those companies. You can’t just add one person without regard for the company they belong in. I won’t get into the legacy and practical reasons behind this, we’ll just accept it as Fact for now. This noisey design doesn’t emphasize the company groups enough, and puts more weight on candidate tables.

Those factors in mind, here’s the subtle redesign:

Now the emphasis is on the companies. The border is removed and the page feels less noisey without the row shading. The redesign feels smarter, cleaner, and more modular. So after three rounds of flipflop, I’ll give it the champion belt.

Product Blog update

Basecamp
Basecamp wrote this on 2 comments

Some recent posts at the 37signals Product Blog:

PackRat 1.3 supports new Backpack and adds in some more features too
The latest version supports the new Backpack and adds in some new, exclusive features too.

packrat

Use Backpack as a source control system for writing
“Backpack has become the equivalent of a source control system for my writing. Before I leave in the morning, I send myself the content of my pages. While I’m on the subway or waiting in a movie line, I edit the text and give it a new title (‘CodeZoo 2.0 rev. 4’) and then send it right back to Backpack. At the end of the day I delete the stale versions.”

Ta-Da List for iPhone: “Brilliant”
“It’s fantastic. The pages have been built to fit so well on the iPhone’s screen that you forget you’re on the web – it feels like a stand alone application on the iPhone. If you’re a GTD freak (and even if you’re not), you ought to check this out.”

Raves pouring in for new Backpack
“We recommend Backpack more than ever for anyone from casual users who need a simple web-based locker for storing bits and pieces of their daily adventures, to power users with a serious case of GTD or project management on their back.”

Continued…

[Mailbag] Jeep, Dyson, the Acropolis, etc.

Basecamp
Basecamp wrote this on 26 comments

Jeep is iconic but “crap”?
From: Will Duderstadt

Thought you guys would enjoy a retort to the Jeep being called “crap” in an MIT publication: Branding Lessons from Jeep: Designed For A Purpose.

He recognizes that the look, feel, and design of a Jeep is iconic, but fails to see those traits are only responsible for a fraction of its status. The Jeep has become an icon because you aren’t just buying a steel tub with removable doors, you are buying into an experience, an adventure, a lifestyle.

Now, the average Joe never says to himself, “Gosh, I wish I could take the doors off my BMW 750i”. But ask the next fella you see in a Jeep what summer means, and “top down, doors off” is going to rate very high on that list.


Dyson Airblade
From: Paul Campbell

With your previous Dyson posts, I thought you might be interested in the Dyson Airblade [hand dryer for bathrooms] – apparently it’s a rip of an earlier model from mitsubishi, but I “experienced” it tonight and it was a trip!

Blogged about it here: The Dyson Airblade – out XLing the XLerator

The device works by shooting a thin stream of air ( apparently .3 mm ) at 400mph. It claimed my hands would be dry in 10 seconds, but it took far less than that. The other bonus was that because you put your hands in rather than under, there’s no pool of water underneath.

Continued…