In an oversaturated age where everyone is online,it can be tricky to make sure your website stands out. As we see more and more sites and apps every day, we're developing a more discerning eye and will notice and appreciate sites with elevated design. The six following tips are simple, easy and above all rooted in design principles, to help you and your users get the most out of your site.
- Consider designing mobile-first
Does your website look good on a smartphone? Did you design the mobile version as an afterthought? Mobile viewing of sites is getting ever more prevalent; depending on your site, upwards of 90% of your visitors may be viewing it on their phone's browser. Designing your pages with this in mind could change the experience of interacting with your site from frustrating to delightful.
- Interact with your users
Just because your site is being viewed remotely doesn't mean you can't have meaningful interactions with your visitors. To immediately upgrade the interactivity of your site, simply embed some of the many widgets out there specifically designed for conversations. Some of the most effective include ratings and reviews (which can also serve as happy customer testimonials), feedback (our little sticky tab version lets your customers give you feednack from any page), and customer chat (for immediately responding to any customers concerns and thus drastically improving their experience).
- Page hierarchy
Make it clear where you want your users to go. Feature a clear and simple call-to-action (CTA) that your users will see during the first glance of your site's landing page. If you have lots of content, make sure it doesn't distract from your CTA and that it's filed under clear titles and tabs.
- Creative use of whitespace
Don't be afraid of a white page! Executed properly, plenty of whitespace opens up your page, elevates its overall aesthetic, and gives your users' eyes a break.
- Typography design
Looking at so much information every day, visitors to your site will really appreciate a clean and subtly beautiful approach to typography. Typography on-screen follows different rules than print typography; some of these are below.
- typically display/title fonts should be sized 18pt and higher
- body text should be between 12-16pt
- looser fonts look better on screen
- use body fonts with larger x-heights (the height of the shorter lower case letters such as vowels)
- body fonts with open counters are easiest to read on screen (larger holes inside the "o", "a", etc)
- little or no "stroke modulation" (the letters' lines should be roughly the same width throughout)
- Consistent visual language
Try to keep your styles consistent throughout the page. In general, stick to 1-3 fonts, 2-4 colours, and a similar style for all assets like buttons, input fields and illustrations. If you embed thrid party tools like widgets, make sure you select ones that give you some freedom in design to ensure they match and complement your site. BawkBox's widgets allow you to choose from 3 different styles, to find the best fit for your site.
There are many other tips out there, but if you follow the above when designing your site you'll be well ahead of the pack. Happy designing!