To All You Designers Who Hate Liquid Layouts

I was recently asked to provide some good examples of liquid/hybrid web page layouts, to defend my position that they are superior. While I believe, fundamentally, that they are a great idea, I had a hard time coming up with "off-the-cuff" examples of sites that I use regularly.


So, I did a little soul-searching (okay, very little) to defend my position. Why do I believe, fundamentally, that liquid (or hybrid) layouts are great idea? Accessibility is the first thing that comes to mind. A liquid display doesn't care what your monitor resolution is. It doesn't require someone with a small screen to scroll to the right to see stuff. It gives a similar user experience to everyone.


Mobile devices is the second thing that comes to mind. How can anyone possibly keep up with all the mobile web devices out there, and design specifically for each resolution?


So, why wouldn't you use liquid displays? Well, it's easier to design, build and test. Just like the argument for only supporting One Browser. And you can maintain the integrity of your visual design without worrying about things "flying around".

Needing more ammunition, I resorted to the most popular research tool: Google. I turned up  http://cssliquid.com, dedicated to the promotion of liquid/hybrid displays, which had some great examples (see for yourself). The examples there aren't all great, but some are quite effective. Like any other usability guideline: "Where it makes sense."

There are many places where you can do elegant, liquid things, Recently, I designed a div-based form that displays in one column on narrow displays and two columns on wider displays. All we did was chunk the form into two equal divs so that the right column would wrap below the left column on a narrow display. Not rocket science--but it was a place where it made sense.

All you designers: be open to liquid displays. It doesn't challenge the integrity of your design; it challenges the integrity of your design ability.

Support Minneapolis Lock and Key

Yesterday, as I was architecting the communication between my Skype and Google Voice accounts, so that people could call or text a local number and get me anywhere, I thought how interesting it would be that I could create an account with a different area code than mine and let people make local calls to reach me. Brilliant! I could pretend I was from somewhere exotic, like Duluth or Boise.

Then, coincidentally, this morning, there was an article on the local TV news about a nasty company who has done just that to scam people: created a business with a local number here and a business name ("Company Scam", for our purposes) that is similar enough to a well-established local business ("Company Legit") that it generates confusion among customers. They've managed to get higher Google rankings as well, so they're the first click for a lot of people.

So, here's the scene:

1. Customer finds Company Scam through Google
2. Company Scam charges 3X for bad work
3. Customer contacts the BBB or another Google search to complain
4. Customer calls Company Legit (thinking they are Company Scam) to complain

So, Company Legit is getting a reputation for bad work.

Search Google for minneapolis locksmith. Which would you choose? It's hard, isn't it?

Lessons to be learned:

• Just because it's on Google doesn't mean it's good.
• Just because it has a local number doesn't mean it's local. 
• A high ranking doesn't mean it's the best business. 
• Do your research. 
• And do business with reputable, local companies where you can, like Minneapolis Lock and Key.