Danny DeBelius

Tiny Desk Concerts with the Cranberries are very well attended,...

Fri, 10 Feb 2012 10:48:00 -0800

Tiny Desk Concerts with the Cranberries are very well attended, it turns out.

The packaging for Tycho’s “Dive” album is...

Fri, 06 Jan 2012 11:57:00 -0800

The packaging for Tycho’s “Dive” album is gorgeous, which I was completely unaware of having been introduced to the record through Rdio. Currently mourning the slow-moving death of album art at the hands of digital delivery. (Taken with instagram)

"At the very least, Hitchens’s antireligious writings carried a whiff of something absent in many of..."

Sun, 18 Dec 2011 06:22:35 -0800

“At the very least, Hitchens’s antireligious writings carried a whiff of something absent in many of atheism’s less talented apostles — a hint that he was not so much a disbeliever as a rebel, and that his atheism was mostly a political romantic’s attempt to pick a fight with the biggest Tyrant he could find.”

- Ross Douthat

Really enjoyed Bill Frisell’s take on “Strawberry...

Fri, 16 Dec 2011 11:33:00 -0800

Really enjoyed Bill Frisell’s take on “Strawberry Fields” at today’s Tiny Desk Concert.

Fonts In Use: BostonGlobe.com

Fri, 02 Dec 2011 11:22:10 -0800

Fonts In Use: BostonGlobe.com:

Stephen Coles:

Despite the emphasis on maintaining the newspaper’s identity, BostonGlobe.com is not merely a skeuomorphic replication of the printed paper. Font sizes, column widths, and navigation are informed by best practices in digital media, and specifically “responsive” design, resizing and repositioning text and images for optimal viewing at any window size. Not every window width results in a beautiful page, but overall it’s a much better and more consistent experience from the big screen to the iPhone than most digital newspapers today.

The calculus of brand consistency vs. page weight is critical in making decisions about typography on the web, particularly for a responsive site that will see significant mobile browser use.

This is as complex a case study as you’ll find on the subject, and the insight from Miranda Mulligan, Upstatement and Filament Group is invaluable.

Please let this not be the future of reading on the web

Thu, 24 Nov 2011 15:30:00 -0800

Please let this not be the future of reading on the web:

Rian van der Merwe:

As advertising clickthrough rates continue to drop, the ads become more desperate and invasive, and readers are starting to notice and do something about it. I’m doing the majority of my reading in RSS and Instapaper where I can read in peace without being pummeled by distractions.

The chorus decrying the exodus of readers to quiet alternative reading experiences is growing. My hope is that this exodus will serve as a wake-up call to publishers deluded in their belief that readers have an endless well of patience to endure intrusive advertising and cluttered pages.

Required reading for editorial experience designers.

Responsive Advertising

Tue, 15 Nov 2011 10:11:00 -0800

Responsive Advertising:

Mark Boulton:

Recently at Mark Boulton Design, we’ve been working on a redesign of the global visual language for a large sports network. Like many web sites delivering news and editorial content, they rely on advertising for their revenue — either through multiple ad slots on the page, or from video pre-rolls.

Early on in the project, we discussed Responsive Web Design at length. From an editorial and product perspective, it makes perfect sense. Who wouldn’t want their content adapting to a device their reading it on? Who wants to pinch-zoom again and again? From a business and product perspective, we’ve seen this from multiple clients who want to take advantage of certain interactions on certain devices — swiping for example — for users to better engage with the content in a more native way. All good. And then advertising comes along and things get challenging.

There’s a lot of good thinking in this piece on a topic I’ve been wrestling with since the BostonGlobe.com design started making waves. For sites that rely on display ad revenue, I’m not sure responsive design solves more problems than it creates.

/via Al Shaw

Meaningful Transitions

Thu, 10 Nov 2011 13:28:19 -0800

Meaningful Transitions:

Johannes Tonollo:

Meaningful Transitions have the purpose to communicate the process of the interaction and the structure of the user interface. They focus on specific events, or explaining the user’s interaction by animation. All transitions are clustered in 6 categories in order to differentiate the certain field of use. The aim is to present a scaleable collection of existing transitions. The transitions are documented in an abstract visualization to explain their purposes and filled with concrete examples. The close look at a transition offers the field of use, the mental model, the consistency, the cognitive benefit and the illusion.

Great resource.

"Clutter is what happens when we fill a page with things the user doesn’t care about. Replace the..."

Thu, 10 Nov 2011 04:10:42 -0800

“Clutter is what happens when we fill a page with things the user doesn’t care about. Replace the useless stuff with links, copy, and content the users really want, and the page suddenly becomes uncluttered.”

- Jared Spool

25 Secrets of the Browser Developer Tools

Fri, 04 Nov 2011 10:33:00 -0700

25 Secrets of the Browser Developer Tools:

Andi Smith:

Historically developers have used Firefox’s Firebug add-on to develop and debug their websites, but more recently each browser has developed its own set of tools and each comes with its own advantages and disadvantages. Nowadays it seems hard to imagine ever building a website without one of these handy tools, which are normally accessible by either pressing “F12″ in Windows or “Cmd” ⌘, “Option” ⌥ and “I” on the Mac, or by right clicking on the page and selecting “Inspect Element”.

But are you using the developer tools to their full potential? The biggest positive about the developer tools is that they are incredibly easy to use, but as a result developers often miss out on a large proportion of the functionality provided. Inspired by a video talk by Paul Irish and Pavel Feldman, I’ve compiled a list of “secrets” of the developer console. I’m not expecting every one of these to be unknown to you, but hopefully some of these will help you to become an even better web developer.

My favorite Chrome trick is clicking to flip through the various methods of describing a color.

"There are a lot of people I dislike in the world. I mean, a lot. I don’t follow any of them on..."

Tue, 01 Nov 2011 08:30:26 -0700

“There are a lot of people I dislike in the world. I mean, a lot. I don’t follow any of them on Twitter.”

- John Gruber

The Webfont Revolution Is Over, Let the Evolution Begin

Tue, 01 Nov 2011 08:22:53 -0700

The Webfont Revolution Is Over, Let the Evolution Begin:

Stephen Coles rains on the webfonts parade:

Building the fonts is the part of this story that so few anticipated or dared to face. It’s the hard part. So hard, in fact, that some font manufacturers skipped the process altogether, simply releasing their print-optimized fonts as “webfonts” without the significant changes required to make them read well on screen. To me, this is akin to shipping software that is bug-ridden at best. Still, the tech media touts the “thousands” of new fonts now available for web use. Most of what consumers read is about how many fonts you can get and how they are served, but not so much about how they look and read.

Proof by Mask

Mon, 31 Oct 2011 10:41:00 -0700

Proof by Mask :

Frédéric Filloux:

Web design is in bad shape. In the applications boom, news-related websites end up as collateral damage. For graphic designers, the graphics tools and the computer languages used to design apps for tablets and smartphones have unleashed a great deal of creativity. The transformation took longer than expected, but great designs begin to appear in iPad applications (in previous Monday Notes, we discussed Business Week+ and the new Guardian app). The best applications get rid of the print layout; they start from a blank slate in which a basic set of rules (typefaces, general structure of a page, colour codes) are adapted to the digital format. Happily, we just stand at the very beginning of a major evolution in news-related graphic design for apps. And this new world proves to be a killer for the traditional web which, in turn, seems to age fast.

The graphic evolution of the web must deal with two negative forces: its language framework doesn’t evolve fast enough, and it faces the burden of messy advertising.

Particularly interesting in this column is a roundup of how display ads are positioned across a handful of major news sites. It would be difficult to overstate the damage overgrown advertising real estate inflicts on the reading experience of the worst offenders Filloux investigates.

Where Are All the Ed-Ex Designers?

Sat, 29 Oct 2011 07:33:54 -0700

Where Are All the Ed-Ex Designers?:

Khoi Vinh:

I would guess that there are less than a few dozen people in the world who can create superb software for editorial products, who can combine the holistic, systems-level thinking of UX with the incisive storytelling instincts of editorial design. I’m not even talking about a designer who can ‘do both,’ who can create a great digital publication one day and then create a great print publication another day. There are almost assuredly even fewer of those in the world, if any.

Instead, I’m talking about the kind of person who can build a great digital product out of great editorial content, a difficult enough challenge on its own. For lack of a better term, I call them editorial experience (or ‘ed-ex’) designers. A few of them include Marcos Weskamp from Flipboard, Oliver Reichenstein from iA, Ian Adelman from NYTimes.com, and the now-independent Mark Porter, formerly of The Guardian. There are more names than just these of course, but not very many.

Editorial experience design is delightfully clarifying in what seems like an endless stream of job titles assigned to those of us who do the work of shepherding the digital product design of media organizations.

What Should I Look For In a UI Typeface?

Fri, 28 Oct 2011 09:41:00 -0700

What Should I Look For In a UI Typeface?:

Ian Hex:

I’ve touched briefly before on some typefaces that I consider to be particularly good for on-screen reading. But now I wish to delve further into this realm of typography and consider: What makes a typeface good for screens and UI design in particular?

Thanks, Ian, for a great deep-dive into a tricky topic that is too often ignored when selecting typefaces for screen reading.

Pew Study: People Undervalue Their Local Newspaper

Mon, 24 Oct 2011 11:30:24 -0700

Pew Study: People Undervalue Their Local Newspaper:

Freakonomics:

While 69 percent of Americans claim that losing their local newspaper would have no impact, their reading habits show that people rely on print and online papers for 11 out of 16 major news topics.

And who wants to bet that radio and TV are relying on newspapers to steer coverage of the remaining five?

Foundation

Thu, 20 Oct 2011 08:48:00 -0700

Foundation:

The guys at ZURB have built another nice responsive-grid framework to add to the rapidly growing list:

Foundation is a rock-solid, responsive framework for rapidly prototyping and iterating into production code. It includes a 12-column, future-friendly grid and tons of great tools and elements that’ll get you up and running in no time. Clone the repo to get the marketing site, docs, and base source. You can also visit http://foundation.zurb.com to download just the base source as a starting boilerplate.

Along with the responsive grid, Foundation features ZURB-flavored buttons, forms, tabs, pagination, tables, image sliders and modals. The global CSS also includes baseline typography, though this isn’t described in the documentation.

/via Yuri Victor

"Allowing artist-illustrators to control the design of statistical graphics is almost like allowing..."

Sun, 16 Oct 2011 06:15:15 -0700

“Allowing artist-illustrators to control the design of statistical graphics is almost like allowing typographers to control the content, style, and editing of prose.”

- Edward Tufte, “The Visual Display of Quantitative Information”

Steve Jobs: Visionary, Inventor, and Very Challenging Photo Subject

Thu, 06 Oct 2011 13:34:00 -0700

Steve Jobs: Visionary, Inventor, and Very Challenging Photo Subject:

This great article from Photo District News on Jobs’ difficulty as a photo subject also includes a gem towards the end — the story behind the portrait selected for Apple’s homepage tribute:

Albert Watson, who photographed Jobs just once for a portfolio of people in power that Fortune commissioned him to shoot in 2008, had a different experience from other photographers. “The one thing I insisted on was that we have a three hour window of set up time,” Watson says. “We were prepared…we set up to make [every shoot] as greased lightning fast as possible for the [subject].’ Watson says he had also read “a massive amount of stuff” about Jobs to help him conceptualize the shoot, and so he would be able to converse with Jobs intelligently.

When Jobs walked in, Watson says that his power, charisma and genius were palpable. “It was like when Clint Eastwood walks in to the room.”

Jobs didn’t look immediately at Watson, but looked instead at the set-up and then focused on Watson’s 4×5 camera “like it was something dinosauric,” Watson recalls, “and he said, ‘Wow, you’re shooting film.”

A beautiful and fitting cover. I look forward to picking up a...

Thu, 06 Oct 2011 05:47:00 -0700

A beautiful and fitting cover. I look forward to picking up a copy tomorrow.