Design matters. It should not come as a surprise that to Element Three design matters a lot. But what constitutes good design? Bad design? The answers to those questions vary widely from circle to circle, but there are certain principles and rules that good design either follows or breaks (intentionally, and with good reason).
In the world wide web, there’s a multitude of criteria for good design. Many of these principles are somewhat unique to the sphere of web design, and can often be summarized as the convergence of form and function. Form can be defined as “how it looks,” and function can be defined as “how it works.”
Form vs. function
It’s a common phrase amongst the creative community at large, and something taught from day one of school. But it’s an all too commonly lost facet of web design, and it’s of the utmost importance. Ultimately, in marketing, a website is a tool. Just as any good tool does, it serves a unique, critical purpose and it finds itself in a unique, critical role in a business's marketing and branding efforts. Similar to other products and tools, there’s a progression of concerns in making a timeless, solid website.
First and foremost, the tool needs to be useful. This means that whatever you’re making needs to help the person using it.
Next, the tool needs to be usable. After all, what good is a hammer without a handle for swinging it? Or a head for making contact with the nail?
Lastly, the tool needs to be desirable. It needs to be pretty too, right? It needs to stand out from the other tools on the shelf, and it needs to attract people to itself. This tends to be the primary focus of web designers in the modern age of the internet. Persuaded by stakeholders pushing for something eye-catching, designers of the internet often abandon the first two criteria for making a good tool, and they create an attractive website that fails to perform—and stakeholders are left wondering, “why?”
“I’m a designer”
In any part of life, it’s easy to lose context. It’s easy to find a groove and ride it out. In design/development, for example, it’s easy to throw on headphones and spend hours working away, creating something new. But doing this day after day, it’s tempting to want to break from the routine. To try something new, and to try something different.
This sort of thinking leads to innovative, stunning design, and it’s essential. Sometimes this mindset can be dangerous, though.
There’s a tendency amongst designers to rank their thoughts and opinions on good design higher than the audience’s opinions. Partially due to accuracy—after all, it’s your job. You should be good, and you should have a better idea than the average person. But this attitude often leads to an “I’m a designer” effect—when you begin designing for design’s sake, rather than for a purpose. You begin to care more about “good design” than achieving goals. However, if you fail to keep context for the purpose of the website, and lose sight of your first two objectives in designing a website (useful, usable), you find yourself in the previously discussed space: building an attractive, poorly performing website.
What is empathetic design?
Empathetic design (not to be confused with empathic design, a common design methodology) is, simply put, designing with a level of empathy for your audience. The opposite would be apathetic design—which is often a result of the “I’m a designer” effect.
Empathetic design is not necessarily just the practice of buzzword-filled “User Experience Design” practices. Empathetic design is the fundamental understanding of how people use the tools that you build. It’s not about users and testing (though those are important too). It’s about people. Empathetic design is about being a person, designing for other people. Understanding that your website that you create for your business to communicate with your audience is a tool that will be used by people is the first step in creating an empathetic website.
This has a lot of subsequent implications. But some easier-to-find outcomes are things like adhering to web standards, making your website accessible, and following established patterns in layouts to build trust with the people visiting your website.
Why does empathetic design matter?
All of that is wonderful and nice in principle, but in practice, why does it matter? Empathetic design for the web is important because it converts leads. Which, at the end of the day, is the purpose of the tool, right? And after all, who knows what people want better than a person? You need to find the ability to always be a person while designing your website.
Empathetic design is achieved by keeping a humble attitude and approach to creating intentional, meaningful experiences for people. The internet is for everyone—and your website is for someone. Bearing the person in mind prevents “avant-garde” from turning into, well, just plain “bad.”
Build a website people want to use
Your website is a communication tool—it’s made to communicate your brand, product, or service. Ensure that your marketing tools are effective—and in the case of your website, ensure that it is useful, usable, and desirable. Empathetic design will allow you to accomplish usefulness and usability—and then you can shape it into something beautiful and meaningful that communicates your brand through its visual identity.
We all want a website that stands out, looks beautiful, and maybe even wins an award or two. But make sure it does its job first. Make sure you’re building a site that actual people want to use.
Jared took a winding path to web design and development, but all the perspective he gained about design, photography, video production, and user experience makes us glad it took him a little while to find his passion. He’s all about creating experiences that are as thoughtful as they are delightful. And his dog. Who’s the best good boy.
Feed your marketing mind and keep your skills sharp by opting into our weekly newsletter, packed with lessons we’ve learned firsthand. You won’t regret it.