10 Powerful Tweaks for a First Class Website

Follow these 10 practical pieces of web design advice and make your good website, great! Ensure you give your visitors the best experience while on your site. Read More

This article was contributed by Sean Huang

In a study where British researchers asked participants what elements of a health-related website influenced the amount of trust they had in the site, 94 percent of the feedback was design-related.

1St Class Website

Elements that helped these people form their opinions included:

  • The site`s overall complexity
  • A busy layout
  • The lack of navigation aids
  • The use of color
  • Loading time
  • Small print
  • Too much text
  • A corporate look and feel

We all know that design is important; after all, no one wants a site that is just 'good enough.` You want a first class site for your business, and in order for it to be first class, it really has to stand out to capture the attention of your visitors.

Here are some powerful tweaks that can help:

1.    Reduce the clutter

This is one of the more difficult tweaks to make because it does take some planning. Think about each page on your website, and determine what the focus of that page should be. Once you have that, get rid of everything else that distracts from that focus. There should be no competing calls to action or any graphics, images, or buttons that could distract the visitor from the most important parts of the page.

10 Tweaks - Reduce the clutter

2.    Embrace the space

Designers refer to the space between elements as 'white space` from the print days, and now in the digital days, it represents any blank or negative space on your website. Aside from being easy on the eyes, using white space gives your design two benefits. For one, it helps break up content and elements on your page, giving a natural pause as the visitor views your content. Second, it makes it easier for a person to find the important stuff, like your call to action or that piece of highlighted content.

10 Tweaks - Embrace the space

3.    Use the psychology of color

Colors influence our behavior, which is why so much thought goes into corporate logos and the color scheme used on your web site. For call-to-action buttons, text, and other elements that you need visitors to engage with, make sure you are using colors that convey the emotion you want them to have. If you need a bit of guidance, check out this infographic on how colors affect purchases.

10 Tweaks - Use the psychology of color

4.    Make your icons unique

Font Awesome icons are great because they look good and are free, but this also means that everyone is using them. So instead of being like everyone else, try to find an icon set that makes your design look less generic.

10 Tweaks - Make your icons unique

5.    Forget the stock photos

“Website visitors can sniff out generic photos in a second–and they’ll be left with a generic impression of your company,” warns Zane Schwarzlose, community relations director of Fahrenheit Marketing. Like common icon sets, stock photos also make your site look generic. And if you use the same images as your competitors, it just looks tacky. Instead, invest in professional photography. Not only will it help keep things unique, but it also helps establish a stronger feeling of trust among your visitors when they know that those images are yours.

10 Tweaks - Forget the stock photos

6.    Use drop caps

Maria Veloso reports in her book Web Copy That Sells that a company who used a drop cap on 11 major paragraphs for one website saw a 251% increase in sales. Not only does the large letter at the beginning of a paragraph help your sales, but it also looks really good, even on different devices or browsers - and drop caps have been used for centuries.

10 Tweaks - Use drop caps

7.    Choose the right fonts

Typography is so important when it comes to conveying the right message and giving your site personality. Unfortunately, too many designers are hung up on using Helvetica for everything, and they are afraid to step outside that box. Experiment with different fonts; just make sure that you choose something universal, that it is readable at 11px, and that you don`t use more than two different font families.

10 Tweaks - Choose the right fonts

8.    Provide enough contrast

We`ve talked about using colors and white space to help draw attention to important elements on your web pages, but this needs to be complimented with the right amount of contrast. For example, a rule of thumb is to use dark type on a light background (or vice versa) so people can read what you have to say on different screen sizes without having to squint.

If you have to design according to accessibility guidelines, having the right contrast is extremely important; but even if you aren`t required to comply with 508 or WCAG, it still benefits your visitors to put this into practice.

10 Tweaks - Provide enough contrast

9.    Make your navigation intuitive

Forget about drop-down or accordion-style navigation elements. They are a nightmare for mobile users, and they just confuse people. They were originally developed when it was common practice that every page on your website have a link to every other page on your site.

Nowadays, your sitemap is all you need for the search engine crawlers. Primary navigation for your most important pages should be at the top of your website, and secondary navigation can go underneath the primary navigation bar, in the sidebar, or even in the footer.

10 Tweaks - Make your navigation intuitive

10.   Improve page load time

People don’t wait around for web sites to load anymore. This went out the window with Flash animations. Nowadays, they expect a page to load quickly; and if it doesn`t, they are off to another site. So what can you do to improve page load times? Try these quick fixes:

  • Optimize your images by scaling them appropriately
  • Enable browser caching on the server
  • Compress your pages to reduce their size, and do this on the server as well
  • Cleanup and optimize the site`s cascading style sheets to remove erroneous or duplicate code
  • Place external scripts just above the closing </body> tag so they load last
10 Tweaks - Improve page load time

Any one of these tweaks will assist in making your website`s design better, but employing as many of them as you can, will really help things out. What`s nice about these tweaks is that they are not trendy or stylish changes that will be outdated by the time you make them. They are all practical pieces of advice that should help you give your visitors a better experience when they are on your site.

Sean Huang is a Business Analyst at Clutch responsible for research and analysis of web design agencies. He is a lifelong native of Maryland and earned his BS in Foreign Service from Georgetown University. 

Disclaimer

Clover Desain is a non commercial website that providing information to its visitors, Clover Desain gathered information from various sources (will be displayed in each content)

All data and information provided on this site is for informational purposes only. Clover Desain makes no representations as to accuracy, completeness, currentness, suitability, or validity of any information on this site and will not be liable for any errors, omissions, or delays in this information or any losses, injuries, or damages arising from its display or use. All information is provided on an as-is basis.

If this content contains any copyright please send us email or message through our social media to take out this content.

And/Or you as the author or the owner of this content and you do not want your content displayed on this website please send us email or message through our social media.

Leave a comment

GraphicDesign blog