Sep 15
This is the title of Chapter 1 in the new book by Dan Cederholm, Handcrafted CSS. I’ve been dealing with this a lot lately myself and have been doing much thinking regarding the idea of “designing in a vacuum”.
I love this book! Handcrafted CSS is full of Web design gold. Dan goes on to say:
“Often the decisions we make as designers and design implementers directly reflect the integrity of the interface. What happens if there is more (or less) content on the page than planned? What happens if the text size of the page increases or decreases? What happens if there are two paragraphs instead of one? And what if one of those paragaphs is translated into, say, German?
Flexibility in Web design is the mark of a true craftsman. Designing something statically in an image editor is one achievement, but allowing for give and take within the boundaries of a page layout is what sets good Web design apart from great Web design. It’s taking the Web as a medium into account as part of the design process, and letting go of pixel precision.”
One of my old bosses and design mentors earlier in my career used to say this exact same thing all the time. “What if this changes” was a question he was always asking me, challenging me to ensure that what I was designing was flexible. I’m thankful for that early mentoring. If you’re a designer or front-end developer, do yourself a favor and grab a copy of this book.
Great review of a great book. I was surprised by how quickly I got through it! I wish it was longer
Flexibility is an important thing to test for any system. This same principle can apply to your back end work. If a customer types in (555) 443-6728 or 555-443-6728 instead of 5554436728, how are you going to handle it? You’re customer is going to be mighty unhappy if she has to enter in all the information again if your system failed to recognize her phone number.
For front end work, I think Lorem Ipsum text doesn’t go far enough to test a design. If I’m testing something, I’m going to use radical examples. What if I had invalid markup from a CMS, a really long word in a small box (I usually test it with the word ‘bulletproofness’), what if the text size is set to 24px?