Stephen Anderson on wireframes vs high fidelity prototypes

UX thought leader and speaker Stephen Anderson weighs in on whether you should focus on wireframes or push forward with high fidelity, interactive prototypes early on. I like his use of internalising over skipping:

I think there’s a difference between skipping a phase versus internalizing a phase. As young students, we go through a very formal writing process in order to learn the skills needed to be a good writer; I doubt very seriously that any of us go through that same, explicit process as mature writers. We’ve internalized those things we were taught.

At Q42 and on the Handcraft team we frequently do sketches and then immediately move on  to interactive prototypes. Not because we want to skip wireframes, but because that part of the process is kind of redundant. It doesn’t add anything of value when you can just get on with the things you really want to communicate to your client, namely the refined details of the interactivity you’re mocking up.

Stephen comments on communication as an important stage in the process, too:

Asking someone to comment just on the interaction or just on the structure–independent of the other pieces — is a bit like asking someone to judge a chocolate chip cookie based on only a handful of ingredients. “Here, these are the wet ingredients (eggs, sugars, vanilla)–what do you think of this cookie?” How can we possibly expect to get good feedback on such an incomplete experience?

Fully interactive prototypes allow the client or stakeholder to comment on the actual experience rather than a picture of it. That way you get a constructive discussion going early on about the final product instead of wandering around in idea land for too long. Getting to this stage as fast as possible means you can spend more time testing with real people, which is another point Stephen makes:

I’d argue for an integrated, holistic approach to UX that serves up as complete an experience as possible, as early on in the process as possible. I’m talking days, maybe even hours in some cases. This is not so we can be done more quickly, but so that we can use this new found time to iterate more frequently with actual users, leading to better, more user focused experiences.

We talked about this in our presentation at UX Brighton last summer: focus on the details rather than skipping over them just because you want to be done sooner.

Stephen’s a great thinker and writer and it’s awesome to see a gradual move towards this kind of thinking in the design industry overall. Read all of Stephen’s thoughts on the subject at The Pastry Box Project: Wednesdasy, 4 April. Here’s hoping he works this angle into a future talk!

What happened to Handcraft on March 21st

We just recovered from some major downtime with Handcraft caused by an error in the configuration of our http://handcraft.it domain name. Handcraft was unvailable sporadically yesterday and finally went down completely for ten consecutive hours overnight.

If you were affected by this downtime we’re truly sorry. Please send me an email at rahul@handcraft.com if you ran into any trouble and we’ll work something out.

The cause of the problem

Late last night we discovered that handcraft.it was not responding. After looking around we determined that it was because the handcraft.it domain name appeared to have expired. This sounded very strange because it had been set up to auto-renew. Unfortunately, it was already past business hours in the Netherlands when we discovered the problem and our hosting provider was unavailable for support. As a result, Handcraft was unavailable overnight in Europe.

Early this morning we immediately contacted our hosting company and let them know about the problem. It turned out that the domain name had expired due to a combination of unlikely events that happened last year when we originally registered the domain name. A payment error combined with administrative errors from two different hosting companies led to us believe the domain name was registered correctly when it was in fact set to expire. Our hosting provider had also contacted us to let us know the domain would be expiring, but their emails were filed as spam in our inboxes and we didn’t see them until it was too late.

What we’re doing to prevent this from happening again

We’ve now recovered the domain name and will be moving it to a hosting provider that provides better support and with whom we have a longer relationship. We’ll also be (doubly) confirming that all of Handcraft’s domain names are functioning completely and set to renew correctly.

Again, we’re incredibly sorry this happened and we’re doing everything we can to prevent it from happening again.

We use Handcraft every day. It’s incredibly important to us that it be available 24/7 and we understand if that’s the case for you as well. Again, you can reach me at rahul@handcraft.com if you want to discuss any problems you’ve faced during our downtime.

Thanks for using Handcraft.

App Storm reviews Handcraft

Check out this review of Handcraft by AppStorm’s Darren Meehan:

Using Handcraft has been an interesting experience. Building a web site directly in a browser is something I never thought I’d be doing, though looking back now it doesn’t make any sense not to. I regularly use web apps to write posts for Appstorm, whether it’s on Appstorm itself powered by WordPress or using Google docs, so I might as well use a web app to create my own sites or write up web code anyhow! If you’re looking for a text-driven website designer for the web, give Handcraft a try. You might find yourself addicted to your new favorite online text and web editor!

Darren even noticed that we built the Handcraft website with Handcraft:

Both the site and editor have an intuitive functional design, which looks awesome! And while building sites on a website is a funny concept to get your head around, this next interesting fact will make that all the harder – the Handcraft website is built in Handcraft itself as a prototype! It’s great to know the developers themselves use this app themselves, never mind using it to build their website!

Much appreciated!

Handcraft is Appvita’s cloud app of the day for March 9th

Stephanie Miles has written a lovely article about Handcraft for Appvita:

If you work in a field that requires collaboration for success, then Handcraft could be a tool worth checking out. After you start a 30-day trial, Handcraft will guide you through all the steps to create your first HTML prototype. Give your first prototype a name, select the URL where it will be located, and then get to work perfecting it using the Handcraft editor. Handcraft’s editor was designed in a way that lets you skip repetitive work across multiple pages and automatically completes commonly used HTML and CSS codes. The editor also includes an error-handling tool, which scours your prototype to help you figure out what’s not working correctly. Copywriters, meanwhile, will appreciate being able to write their text directly into the HTML code, rather than emailing back-and-forth with developers.

That’s great! Thanks Stephanie and Appvita!

How the new Chrome Web Store increased signups to Handcraft by 1000%

Last week’s release of a renewed Chrome Web Store by Google increased signups to Handcraft by 1000%. What happened?

A list of apps in the Chrome Web Store

Continue reading →

An open letter to Stripe

Update: Stripe responded below, and if you want Stripe in Europe you can leave your name and country here

Dear people at Stripe,

Stripe sounds lovely and I wanted to add a voice from Europe calling for you guys to hurry up and get over here. The payment processing industry is probably a mess in the US, but I can almost guarantee you it’s even more of a mess over here if you’re not in the UK. Sounds like a great business opportunity, right?

In getting ours set up we went through a 3-month long nightmare/adventure and finally settled on Ogone+Spreedly. I’m sure you know of both. Spreedly is like Stripe in its elegance and simplicity, but it’s not full-stack, which means we’re required to suffer through the terrible UX and customer support of Ogone. Seriously, if there’s a company I could say I actually hate, it might be Ogone.

I wrote some blog posts about our experiences that I’d like to share with you in an attempt to hopefully convince you to expedite your trip across the Atlantic:

http://blog.handcraft.com/2010/09/the-payment-provider-shortlist-part-1-fastspring/
http://blog.handcraft.com/2010/10/the-payment-provider-shortlist-part-2-chargify/
http://blog.handcraft.com/2010/11/the-payment-provider-shortlist-part-3-spreedly/
http://blog.handcraft.com/2011/01/looking-back-on-the-quest-for-payments/

Please come to Europe as soon as possible. We’re over here waiting to give you our 2.9% + 30c.

Yours faithfully,

People in Europe who want to make money off their web-based software

Continue reading →

“A designer who does not write markup and css is not designing for the web, but drawing pictures.”

Andy Rutledge wrote a blog post saying that web design is product design:

Web design is product design. Drawing a picture of the product is not designing the product. Web design is experience design. Drawing a picture of on-screen content or mechanism behaviors is not designing the experience. The functioning html/css (and sometimes JavaScript) is the design.

The key quote here is “the functioning code is the design”. All too often people view “design” as just describing something visual. But the design of a building isn’t the picture of the building, it’s the blueprint. The design of an iMac consists of more than just an illustration of the iMac, it involves all the specifications and internals. That’s design. To wall in design within the visual is to misunderstand all the skills designers must have to do their jobs well.

In the case of web design, as Andy says, the code is the design. The beautiful thing about that is that you can work on just the design, writing HTML and CSS, and suddenly you have the end result. You don’t need to go into, say, mass manufacturing. You just publish your code (and maybe clean it up a bit). This is why we made Handcraft.

Don’t stop calling yourself a UX designer – it’s working!

It seems like there’s a neverending debate over whether people should be allowed to call themselves “user experience designer”. On one side of the fence you’ve got people assigning themselves the title because they feel that it represents best what they do, or have done for years. On the other there’s a crowd calling the former group names because they don’t feel they “deserve” to call themselves something they appear not to be.

But wait just a second. Has no one noticed what this argument is really about? About what the consequences are of everyone left and right wanting to call themselves a user experience designer?

That’s right. It’s becoming cool. Continue reading →

Adobe doesn’t get it

Adobe’s new Muse is a product aimed at helping print designers design websites without coding.

There are two things wrong here. The first is the idea that print designers should be designing websites. The second is that you can design a website without coding.

This is a troubling development from a company that is trusted by so many, and, in certain ways, is an industry thought leader when it comes to providing designers with tools that help them do their jobs. This is Adobe signaling they believe in tools that abstract away craftsmanship and instead rely on outdated paradigms, returning to the heyday of WYSIWYG IDEs that lull you into a state of thinking anyone can put together a successful website.

But it’s not true. Yes, print designers can learn to design websites. And print designers can be really fantastic designers. Print designers can also learn to write HTML, and do it well. Muse, however, implies neither of those things are necessary. No, it says, you just keep doing what you’re doing and this magical piece of software will handle the rest.

In the video on the Muse website, one of Muse’s product designers says ‘In five or ten years, I don’t think very many people will be coding to design websites.’ (via Elliot Jay Stocks)

How wrong you can be – it’s far more likely the opposite will happen.

More on the difference between wireframing and prototyping

Last year we wrote about how wireframing and prototyping aren’t the same thing. A few weeks ago, I gave a talk at UX Brighton about the difference as well. We decided it basically comes down to this: wireframing is about communicating structure early on, prototyping is about the user experience. Continue reading →