Here's the list of design standards that we use on every website. If you meet all of these requirments, your design-level is top-notch.
It’s not everyday that you get a glimpse into the inner-processes of a company. But today we’re walking through our 10-point Design Checklist for any project that we produce.
Let’s get right into it.
In modern design, we tend to prefer more spaced out elements on pages. Giving blocks of content or media a clear space that it is supposed to take up. Any overlap of buttons or text hinders the visitor’s ability to use your site in a clean, simple way.
It’s sometimes easy to forget, but the content of a website isn’t everything. You should also include relevant multi-media items on your website that are relevant to your content. These can be images, videos, or GIFs that are related and compliment the content next to it.
When using videos, it’s good practice to make sure the video is teaching/informing the visitor about the product or service you provide. Don’t link a non-relevant video of people walking in a city, that is highly misleading to the customer and leaves them confused.
If you want your website to be easy to use, you need to make sure that simple elements, especially interactive elements are clearly defined. For instance, a button should make known that it is a button. We wouldn’t want the visitor clicking around to random places in search for a link or button.
One bad example that we see frequently on blog websites, the links in the blog post are the same color and style as the body text. Meaning that if you scan the article you won’t be able to find a link easily.
We want to make sure that anyone is able to use your website. This means making elements bigger and easier to see, even on low-res screens.
You also want to make sure that your font is an adequate size. The smallest we recommend for small captions is 12px. We tend to hover in the 14 - 17px range for body text.
Multiple studies have concluded that posts and content is much harder to read if the width of the text is larger than 400px. 400px wide is a little small, though, which is why we try not to exceed around 570px.
Persistence in your style is key to making a brand. We recommend spending time with a professional designer and figuring out your style. And you want to reflect that throughout your logos, branding, website, documents, etc.
Colors are important as well. If your company likes blue, use that throughout your company. The same goes for any color. The key is to find your style and relatively keep that throughout your brand.
You want your visitor to be able to understand how to use your website in seconds. The attention span of visitors is slowly getting smaller. You don’t want to be losing customers because your website is hard to understand.
Hire professional designers to think about the layout of your website and design it to match the flow of the message you’re trying to get across.
On a similar note to the last item, you want your visitors to find where to go easily and quickly. Having a clear navigation menu that uses precise terminology is key to creating a great user experience.
Start by mapping out the categories of your business. This can be Web Design, Support, Product Features, etc. Then use those as your navigation items. Think about what each visitor’s goal is when going to your website and design accordingly.
We really hope this goes without saying…. But your website should be able to work on mobile devices, tablets, AND computers. Newer websites have reported that 60-70% of their traffic comes from mobile devices.
That’s a huge chunk of people who you’re losing if your website doesn’t accommodate their device.
It wouldn’t make much sense to talk about the features of your product first and then to describe its uses and purpose second. That would be unclear to the visitor and may cause them to leave your site.
Sit down with a content team and discuss the message that you want to put out. Then talk with your designers and they will put the words into a working model.
We’ve perfected this checklist over time, and now we design and develop naturally using these 10 tips. Want someone professional to build your brand or website? Check our services out.