David Herrold

Design intuition and serendipity

Posted by Dave | Filed under Design, Google, Web design

Douglas Bowman, the visual design lead at Google, recently left his post to pursue greener pastures. In a farewell blog post, he cited a profound reason for leaving (emphasis mine). You can read the entire post here.

Yes, it’s true that a team at Google couldn’t decide between two blues, so they’re testing 41 shades between each blue to see which one performs better. I had a recent debate over whether a border should be 3, 4 or 5 pixels wide, and was asked to prove my case. I can’t operate in an environment like that. I’ve grown tired of debating such minuscule design decisions. There are more exciting design problems in this world to tackle.

From an engineering perspective, testing multiple colors, recording outcomes and making sound empirical judgments makes all the sense in the world.  If this is done correctly, eventually you will end up with the most effective design implemented.

However, from a design perspective, this tactic may be lacking some things the design world relies upon on a regular basis.

Intuition

Like master mechanics who are able to diagnose many car problems by simply listening to the engine, seasoned designers can solve web design problems in a similar fashion.  They can look at an obstacle or task and solve it almost instinctively.

They could, of course, perform user experience testing to dissect the problem and solve it in a very methodical way.  However, accumulated years of design experience give them an almost intuitive knowledge to see the most effective solution without much testing at all.

Serendipity

These are the beautiful accidents that designers stumble upon when looking for something else.  They may be attempting to solve a complicated navigation issue and stumble upon a great idea for handling web forms.

The world of technology and invention is rife with happy accidents that have created new products or changed humanity in some significant way.  A vital part of the creative process is lost when designers are forced to operate in a rigid environment that relies heavily upon empirical engineering data.

Could these happy accidents still occur in an environment like this?  Probably…

However, I think it is much less likely to happen.  And when it does happen, it is more likely to be ignored because the idea has not gone through the rigors of testing yet.  Or perhaps the idea was so different it didn’t get the consideration it deserves.

Google was built by engineers and has become the largest property on the internet due to the policies and guidance from these early engineers.  It would be silly to say their method of design doesn’t work.  However, this environment might not work for everyone…especially creative people who need to challenge themselves with big ideas and sweeping changes.

So, designers, what do you think?

Tags: Design, Google, intuition, serendipity, user experience, user testing, Web design

A List Apart industry survey

Posted by Dave | Filed under Design, Development, Software, Technology, Usability, Web design, Writing

A List Apart is posting their second annual survey for “people who make websites.”  The results from last year were very interesting.  If you are somehow involved in designing, developing, writing, producing, or managing websites, I encourage you to participate in this anonymous survey to help better understand the industry.

A List Apart article explaining the survey.
Link to the 2008 survey.
Results of the 2007 survey.

Thanks!

Tags: a list apart, survey, web survey

Premature launches – or bumping into the mousetrap

Posted by Dave | Filed under Design, Development, Web design

Every now and then incomplete web content gets launched completely by accident.  I call this nausea-inducing act “bumping into the mouse trap” because it always takes longer to gingerly reset the trap then it does to trigger it.

Oh, and there is usually a lot of flinching involved.

It usually starts with someone noticing a new design live on the website – weeks before the scheduled launch. This person will usually turn to the person in the cube next to him and says “hey, did we launch early or did someone slip on a banana?”

Within a few seconds you’ll usually see another designer or developer who is clearly turning pale, stand up in his cube and utter a string of expletives.

“Uh, guys.  I think I just [expletive] pushed the [expletive] new redesign live by accident.  How quickly can we [expletive] roll it back?”

The solution could be as simple as replacing the wrong files on the server with recently backed-up versions.  (You *did* make back-ups of your work, right?)  If so, no harm, no foul.

However, the situation always gets more complicated the more pieces you have involved.

For instance, your position becomes much more complex if you happen to use a combination of flat files, databases, content management systems, distribution networks, automated data feeds, vendor APIs and advertising platforms (like we do).  A mistake could interact with any of those things, compounding your problems in a big way.

Fixing these issues becomes much more complicated and usually involves several different people (and skill sets) to fix.

We’ve done our share of “bumping into the mouse trap” with varying degrees of impact.  We usually recover gracefully with little disturbance, but every now and then someone notices just as they did when Twitter bumped into the mousetrap earlier this week.

I’ve always wondered if other companies suffered these same accidents.  With a touch of schadenfreude I was genuinely happy to see Twitter prematurely launch an incomplete redesign earlier this week.

It makes me feel a bit better knowing we’re not the only ones to drop our pants in front of a few million people by accident.

Have you survived any launching blunders like this?  If so, let me know in the comments.

Tags: premature site launch, redesign, twitter

Paper prototyping

Posted by Dave | Filed under Design, Usability, Web design

When I first started exploring web design and journalism nearly 10 years ago I thought paper prototyping was silly.  Paper…really?  Web design was beyond paper, I scoffed.  I used the cutting-edge design tools like Photoshop 5 that actually let me edit text on the page (a huge upgrade from Photoshop 4 that featured a quaint-but-clunky text editing panel).

Who needs paper when you can push pixels on the screen, right?

Well, it took a few years to sink in, but I have since changed my mind.  I rediscovered paper several years ago and now find it much easier to sketch concepts and ideas in a notebook.  Nothing beats paper for speed.  I can flip open a notebook and jot down an idea much faster than using a computer or PDA.

Don’t get me wrong, I love computers and gadgets as much as (if not more than) the next guy.  But paper still rules the initial stages of design for me.

Why do I bring this up?  I found some great early-stage paper prototypes on Flickr recently.  You will probably recognize a few of them.  Several of them are now extremely popular, with millions of users each month.

For me, seeing these sketches is like seeing the notes of a mad scientist after he’s built a giant robot or a glimpse into a wizard’s magical tome.  They probably didn’t realize these hand-scrawled sketches would eventually turn out to be blueprints for success.  Hope you enjoy them.

Prototypes:

Photo of Jack Dorsey’s original sketches of Twitter (Stat.us).
Dan Catt’s original sketches of Flickr Places.
Sockyung Hong’s sketch for Vimeo profile pages.
Beth Goldman’s sketches of several Quicken screens.

Notebooks:

Large plain Moleskine reporter. (my favorite).
Pocket ruled Moleskine notebook. (great for travel).

Tags: moleskine, notebooks, paper prototyping, prototype, Web design

An Event Apart 2008 – New Orleans

Posted by Dave | Filed under Browsers, Design, Development, Technology, Usability, Web design

Wow. I have been drinking from the fire hose of information for the past two days here in New Orleans at An Event Apart. The conference was organized by Jeffery Zeldman and Eric Meyer and according to the website:

“Their new conference wouldn’t be just for designers. It wouldn’t be just for coders. Attendees would gain a deeper understanding of web standards, of course. But they would also encounter a world of emerging best practices and inspiring new ideas.”

I didn’t know what to expect. Would the code be over my head? Would the design be beyond my skills? Would I be able to grasp the conceptual nuggets they would throw? I mean, these people are the best in the industry.

They’re internet famous, right?

As it turned out, each presentation was amazingly clear, surprisingly understandable and completely worth the price of admission. The difference between the presenters at An Event Apart and your run-of-the-mill web experts is an overwhelming sense of passion for their craft. Some of the highlights for me were:

Andy Clarke’s astute observation about how comic book design can be transferred to the web to control pace and user engagement was refreshing, if not brilliant. It was one of those ideas that made me whack my forehead and wonder why I hadn’t thought of that. Andy’s a smart fellow. I added his blog to my feed reader immediately.

Brian Oberkirch, beyond being an extraordinarily nice guy, has an uncanny grasp on what humanizes the web. His talk Thursday afternoon was a lot like eating really good dim sum. I was filled with delicious savory tidbits about how sites can create human connections and positive social interaction with their users. Not shallow marketing, but real connections. The web would be a better place if more people listened to Brian.

I thought Eric Meyer’s CSS presentation, if any, would be the one that stumped me. I am, by no means, a CSS expert; and I feared his material would be tailored for people with more experience. However, Eric did such a good job of presenting his material in a way that made it easily digestible. I took away some very useful tidbits about how to use CSS to debug your markup. Very handy stuff.

I had never paid much attention to how beautiful data & information design could be until Jeff Veen spoke on Friday. His slide showing Google searches throughout the world as pinpoints of light on a globe was amazing. He spoke about data like some artists speak about color or texture. Data is simply another artistic medium.

Robert Hoekman Jr switched things up a bit. He did live usability assessments for people in the audience who needed some help with their sites. Usability issues fascinate me and Robert was very good at recognizing usability issues with a short glance at the site in question. I plan on checking out his book.

What can be said about Jeffery Zeldman that hasn’t already been said? Jeffery is the patriarch of web standards and has been fighting the good fight to make the web a better place for designers, programmers and users alike. He addressed a room full of designers as Yoda addressed his Jedi. Use your powers for good He was also very humble and approachable, something I hadn’t expected.

Here is some additional information about the speakers at An Even Apart 2008 in New Orleans:

Andy Clarke – Author, Transcending CSS
Dave Shea – Co-author, Zen of CSS Design
Cameron Moll – Author, Mobile Web Design
Jeff Veen – Design manager, Google
Brian Oberkirch – Publisher, Like It Matters
Aaron Gustafson – Co-author, AdvancED DOM Scripting
Stephanie Sullivan – Co-author, Mastering CSS with Dreamweaver CS3
Aarron Walter – Author, Building Findable Web Sites
Robert Hoekman Jr. – Author, Designing the Obvious
Jason Santa Maria – Designer, Happy Cog
Eric Meyer – Author, CSS: The Definitive Guide
Jeffrey Zeldman – Author, Designing With Web Standards

If web design, development and standards interest you then I would recommend checking out An Event Apart. I had a blast and hope to attend again in the future. It was good to hang out with Tim and the rest of my pals from BarCampNOLA in New Orleans.

Hope to see you all again soon.

Tags: aeanola08, An Event Apart, barcampnola, new orleans, nola

Google opens Website Optimizer

Posted by Dave | Filed under Business, Design, Development, Google, Marketing, Usability, Web design

Google released their Website Optimizer platform last week for general use. It has only been available to sites using Google AdWords in the past, but now can be used by anyone to enhance site performance. This is great news for web analytic junkies, usability testers, developers and designers alike.

In a nutshell, Google’s Website Optimizer allows you to test multiple versions of content (ie. marketing messages, logos, icons, copy, etc) in a live environment to determine which combination of content yields the best results.

Based upon what you are testing, this “result” could mean higher click-throughs, increased product sales, increased product downloads, increased ad revenue, higher traffic to internal pages, etc.

This eliminates the guesswork of testing ad placement, site designs, product purchase flows, etc. You can simply release multiple versions of your content and look at the analytics to determine which one is yielding the best results.

There are certainly other tools to do the same job; but not many are free or this simple. We could certainly do the same thing at the Chronicle, however we would have to use several systems to make it happen. This simplicity of using one system appeals to me.

Here are some links to get you started with Google’s Website Optimizer:

Google Website Optimizer
Google Website Optimizer blog
Website Optimizer press release

(via Web Worker Daily)

Tags: analytics, Google, Marketing, Usability, website optimizer

Adobe launches web-based Photoshop Express

Posted by Dave | Filed under Design, Photography, Software, Web design

Adobe launched the web-based Photoshop Express recently and I’m trying to figure out if it’s any better or worse than Flickr’s  (picnik.com) web-based image editing tool.  Adobe offers 2GB of storage, which is better storage than the free Flickr account, however, Express isn’t meant to be a photo sharing site like Flickr.

The functionality isn’t terribly interesting yet, but image editing is Adobe’s bread and butter, so I would expect the functionality to grow in the coming months.

The one immediate limitation I noticed is the requirement of Flash Player 9 to run the Express.  I tried visiting the site with my current version of FireFox  and got a blank screen.  I suspected it was a problem with my version of Flash player.  When I upgraded my Flash Player to the current version (9), it worked fine.

I hope Adobe continues to build on this platform.  It’s an interesting idea and this space could use some decent competition.

Photoshop Express (via Bittbox)

Tags: adobe, express, image editing, photoshop, Software, web-based

South by Southwest Day 1

Posted by Dave | Filed under Technology, Web design

The first day of South by Southwest was great.  I met a bunch of cool people from all over the United States who are possibly nerdier than I am.  Very cool.

There is a small area of the convention center filled with LEGOS called the “Interactive Playpen”

I posted a few photos here.

The highlight of the day was hearing Jeffery Zeldman and his crew at Happy Cog.  Hearing Zeldman speak is like hearing Yoda address his cadre of young Jedis.

Mmm…wise designer he is.

Tags: south by southwest interactive, SXSW, sxsw2008, sxswi

Mobile sites: a few of my favorites

Posted by Dave | Filed under Mobile, Technology, Usability, Web design

Mobile LinkedIn is fantastic.

I just noticed today that LinkedIn (my work-related social networking site of choice) has launched an amazing mobile site. It feels nearly as robust as their full-featured site for searching and sending invitations.

I’m always shocked at how some mobile sites can tailor their user experience to give the perception of full functionality (even if that’s not the case).

Google and Yahoo offer many of their mobile applications & searches (calendar, maps, docs, email, etc). Mobile Google Maps has been the most impressive of the lot, in my opinion.

Bank of America allows you to check balances, pay bills, transfer money, etc. with your mobile browser.

Netflix allows you to search for movies and add them to your queue. This seems exceptionally handy if you are chatting with friends and someone mentions a movie you should see. You can immediately add it to your queue while you’re thinking of it.

I would be remiss if I didn’t pimp our very own mobile.chron.com in this blog post. I think we do a decent job of presenting diverse content (weather, news, sports, obituaries, etc) content in a very small space.

Mobile news sites such as the New York Times, CNN, Chicago Tribune, etc. offer some great mobile news user interfaces.

One of my favorite search tools is called Wapepedia. It is a simple mobile interface for Wikipedia.

You can find a lot more great mobile sites at cantoni.mobi.

Do you have any favorite mobile sites you find yourself using on a regular basis?

Tags: Blackberry, iPhone, linkedin, Mobile, Treo, WAP, wireless

Headed to BarCampNOLA

Posted by Dave | Filed under Design, Development, Marketing, Networking, Technology, Web design

Looks like I’m headed to New Orleans for BarCampNOLA in a couple of weeks. I missed BarCampHouston & BarCampTexas recently due to scheduling conflicts and my general chaotic schedule at work.

Since NOLA is a fun place in general, I’ve convinced the missus to join me. I have a feeling she will be doing more shopping than BarCamping, but I’m just glad she’s coming along regardless.

It looks like the campers will be helping a local business with the power of technology. I assume this will involve legions of man-servant robots and rocket-powered jetpacks. More likely it will involve a handful of programmers and a few laptops. I suspect Twitter will be involved somehow too.

The most popular Steve I know will also be attending (I think).

Looking forward to some beignets and a cup of chicory coffee…and finding a room in the French Quarter for under $250 a night. Yikes.

- Dave

Tags: barcamp, barcampnola, french quarter, Networking, social media, Technology, Web design