The Post-PSD Era

A problem of expectations

My friend Brad wrote a great post about entering a post-PSD era, met by both polarizing support and skepticism. Here’s my perspective.

As I mentioned in the comments, I think it’s an expectation problem. The typical workflow for web design projects is to send a client a “preview” of the site to approve before beginning development. This “preview” usually comes in the form of a comp that shows how a page might be laid out and often contains specific, pixel-perfect choices with typography, spacing, images, columns, and other very fine details. The problem is that this says to a client, “We’re now at a stage where we’re focusing on details.” It’s only natural that their feedback focuses on details.

The ensuing conversation generally plays out like this:

Me
Here’s a comp of what your site will look like.
Client
Great! But what will it look like on my iPhone?
Me
Oh, I’ll show you that.
Client
And what about my iPad? Will you show me that too?
Me
Sure.
Client
Will it look good on my boss’s Blackberry? And landscape orientation on my iPad2? What about the Surface? I think I might get a Galaxy Tab. Retina screens!
Me

A responsive design process is like a scandal. You’ve gotta pre-emptively control the conversation. If your client wants to have conversations like this, it likely means you didn’t do a good job of setting expectations.

Design workflow starts in the sales process. Before you land a project, you should be having conversations with your client about what they’ll see from you, and when. Most of the projects I’m working on right now started that way. Rather than promising multiple rounds of page designs as some of the first design deliverables, we’re setting the expectation that the first things they’ll see are unstyled HTML to demonstrate content hierarchy and flexibility across various screen sizes and a few pieces of a visual style—works-in-progress and unrefined broad strokes, not polished visuals that call for critique at a fine detail level. That’s why I’ve grown to love element collages; they’re literal enough that your client can start to see a picture of things coming together but still enough of a work-in-progress that there’s no expecation that the site would actually look like this for everyone.

(I don’t mean to trivialize the need to communicate some form of visual style to your clients; it’s certainly a big challenge, now more than ever. That’s why I’m really excited about these kinds of conversations and their side effects. Jennifer Robbins she set out to answer the question, “If not Photoshop comps, then what?” and Artifact Conference was born. I’m honored that she asked me to speak there and share some thoughts about what a modern design process looks like. If you’re interested in this topic, don’t miss this awesome conference where some amazing people will be sharing how-tos about their workflow.)


I’m building an office right now. The contractor I’ve hired is a wonderful builder, but not really a designer. He can make whatever I ask him to make, but I have to ask him to make it. He also primarily speaks Spanish and only a little English. (A great metaphor for the designer-developer relationship, no?)

I could create an illustration or a 3D rendering of what I want my new office to look like, but that doesn’t take advantage of his great ideas. It’s dictation, not collaboration. Instead, I show him a Pinterest board my wife and I created. I tell him that I love these beams or this mix of materials and we can have a conversation. I revise my ideas through his expertise, and vice versa. This is how building a website should go. When creating the Activate site, I only designed 2 comps; Ben Bojko, the excellent developer I was working with, built the rest. A ton of conversation is way more effective than a handful of page designs. Of course, this is built on the assumption of a level of skill among all parties involved and a great amount of trust between them. If you don’t have that, stop reading this post and do some research on building great teams.

To be fair, I don’t think we’re in a post-PSD era, but I do think we’re moving towards a post-“full-comp” era. I can’t envision a project where I don’t use Photoshop. Photoshop isn’t the problem. It’s a great tool. My favorite, actually. It’s the stigma that comes with presenting a full comp (I define “full comp” as an image of a website viewed on a desktop, typically around 960px wide). By default, presenting a full comp says to your client, “This is how everyone will see your site.” In our multi-device world, we’re quickly moving towards, “This is how some people will see your site,” but we’re not doing a great job of communicating that.

As an industry, we sell websites like paintings. Instead, we should be selling beautiful and easy access to content, agnostic of device, screen size, or context. If you can get your client to believe in the sales process that you’ll do that for them, they won’t care what the site looks like.

blog comments powered by Disqus