This is the fourth post in a series on building a new website. This is a deeper compilation of tips and tricks around one of the most important and arduous elements to a website: the design. To get a refresher on other important aspects, check out the previous posts in the series:
Buidling a New Website: Best Practices for Design (more general)
Let's go a little further into the weeds than our last post. Here is an assortment of best practices to consider in your website design journey.
It’s always a good practice to use a grid structure in order to align objects.
Or use a responsive or adaptive design.
Try not to do any of the following.
Site design is important but the content is the priority and it needs to be current, useful and accessible. Ask yourself these questions:
Is your content timely? Archive or remove older content. Be sure to update hyperlinks or provide redirects to content’s new location(s).
Is your content easy to access? Put your highest priority information on the homepage. Place the most important information above the fold.
Do all of your hyperlinks function properly?
Your palette does more than make your site pretty. It’s a color system providing a visual hierarchy that performs multiple tasks simultaneously. It reinforces your grid system. It helps the viewer mentally prioritize the content. It helps draw the viewer’s eye across the page. Be sure to:
Use it consistently and in a complimentary manner.
Have enough contrast to ensure legibility.
Kick up the contrast if your target audience is using a mobile device to view your site!
Hopefully you’ve implemented graphics, audio, video and/or multimedia on your site in order to vary the content and the visual appeal.
Use captions, alt and/or title tags to assist users whose browser do not support images or users who require assistance to use your site.
Consider offering hyperlinks to media plug-ins/apps.
As we move through this checklist, you can see that it’s all details, details, details. Here are more best practices to consider.
Have you used common fonts in legible sizes?
Viewed the site in multiple browsers and on multiple devices.
Consistently place your logo, your mission statement and/or your menu on each page.
Use page titles to tell users where they are.
All of this can be overwhelming. Perhaps you are considering using preexisting designs or templates. If so, here are some additional things to consider.
If the template says it’s free, make sure it really is free.
If you are surfing and find a site that you like, it is definitely not a best practice to steal, appropriate or repurpose the design. You could end up embarrassed or in trouble. Just in case you are wondering about copyright and the web.
For additional best practices, consult this comprehensive checklist. Hopefully your web presence is up and running. Next up is how to improve search engine optimization and drive traffic to your site.