Usability and utility and not just finesse are the major determinants of the success or failure of a website. The ultimate judge of the effectiveness of a website is the user, and not the designer, so user-focused designs have become the gold standard for successful and profit-oriented web design.

This article outlines web design principles needed to create a technically and visually pleasing website. The same principles can also be applied to branding and marketing. The basic elements of a good design are shape, texture, direction, and color. When designers are creating a website they must  strive to achieve a balance of visual appeal, responsiveness, functionality, speed, and usefulness. In order to achieve this balance, there are certain principles designers must follow. These principles are explained in detail in this article.

Web Design Principle #1: Visual Hierarchy

The manner in which our eyes move from one item on a web page to the other is referred to as visual hierarchy. When designing a webpage, a designer needs to first categorize the various topics and thereafter, arrange them in order of their importance then place them in such a way that visitors first notice what is most important and move on to others in order of their importance.

A designer can create a visual hierarchy in order of the size of the most important image or content or create a hierarchy of content, from the most important content to the less important.

Web Design Principle #2: Design Intuitively

Many a time, users muddle through the content on a web page and when designing a web page, a web designer should strive to see the site from the eyes of the user and make it easy to read through so they know which way to go. The use of an intuitive and simple navigation helps increase the websites usability and make it more engaging so visitors won’t have to wonder about how to move from point A to point B.

Web Design Principle #3: Hick’s Law

This law states that ‘with every additional choice increases the time required to take a decision.’ This law holds true not only in web design but in every other facet of life.

One famous psychology study showed that when giving consumers 24 choices of scented candles rather than 8, it resulted in less purchases. The extra options made the decision on which scented candles to purchase more difficult, and many consumers chose not to make the decision. So how many choices should you have? You want to give consumers a choice, but not a difficult choice. You want one option to stand out to consumers, so it doesn’t take much cognitive effort to decide. If you are printing t-shirts for example, you will likely want to include 1, maybe 2 shades of blue, but you wouldn’t want 10 different shades of blue.

The more options you create for visitors using your website, the more difficult it is for them to come to a decision, this means you have to reduce the number of choices in order to create a better user experience. Distracting options have to be screened out to aid increased sales and better overall profit. You want to make things simple for your customers. If you need to have a lot of choices for products on your website, you can use filters to help people narrow down the selection.

Web Design Principle #4: Fitts Law

This law states that ‘the time needed to move to a target is dependent upon the size of the target as well as the distance to the target’. Simply put, the larger an object or target and the closer it is to us, the easier it is to use it.

This law can easily be applied when designing a website. Design your website so that what people are looking for is easy to find on the page, and easy to see. Make popular content standout to improve the usability of your website.

If you notice in your website analytics that a lot of people are searching for a particular topic, make that topic standout. Don’t make people scroll all the way to the bottom of a page for what they are looking for. On many popular music websites, the play button is much larger than either the reverse or fast-forward buttons beside it, these companies have applied this principle to improve their usability. This doesn’t mean you put buttons which cover half the screen; you have to use some discretion when applying this principle.

Web Design Principle #5: White Space and Simple Design

Simplicity should be the primary goal of web design. One of the most important features of a simple design is white space. White space not only unburdens users of the stress of identifying the information but makes it easier for users to perceive the information on the website.

White space helps divide the web page into several parts, which makes it easier for the user to process the information on the site and it also helps to solve problems of complex hierarchical structures.

Web Design Principle #6: Communication and Content

Visitors to your website come with a want which they want solved and this solution can be in form of entertainment or relevant information and it is important you communicate with your audience in a clear and engaging manner. This information usually can be in written form, in the form of images, videos, or audio pieces.

The visible language users usually see on a website should be formed with three principles in mind:
• Organization
• Economy
• Communication

Beside these sub-principles, the content on the website must be well-written, appropriate, easy to understand, and written with search engine optimization in mind.

Web Design Principle #7: Test Early and Test Often

This is a principle all web designers and website owners must consider. Testing the usability of the website every now and then provides important insights on complications and problems related to the website design and functionality. Asking someone who is unfamiliar with the website to visit and explain their experience can also be valuable. When websites are not tested often, certain issues may pop up on the site, which adversely affect visitors.

 Want help designing your website?

Send us a messageCall: (530) 413-8420

SEO has come to stay as a strategic marketing channel for business owners, each year it evolves into a more sophisticated discipline. As brands and industries continue to appreciate the importance of SEO, there is little time for you as a marketer to rest on your laurels, you have to refine your skills sets continuously.

This article is dedicated to the best, free, and most effective SEO tools (in increasing order of relevance) any contemporary SEO marketer must have under his belt.

Google Keyword Planner

Formerly known as the AdWords tool, the Google Keyword planner pulls out Google’s monthly query volume estimates for tons of keywords in seconds. This is one SEO tool you shouldn’t underestimate if you are interested in knowing what people search for.

 Google Search Console

This SEO tool is analogous to the Bing Webmaster Tool but much richer. Formerly known as the Google Webmaster Tool, the Google Search Console provides data and configuration control for your site in Google, which really is a big deal.

Google Analytics

This tool helps you understand your visitors and how they interact with your site. It delivers data like number of clicks, time spent per session, number of repeated visits and several other statistics. None of the tools mentioned above does a job near as good as this tool.

Webpagetest.org

This free tool will test your site to determine the loading speed. Loading time is one of the variables that affect your Google website ranking, so it’s important to have a fast loading website. Often times it’s helpful to run a baseline test before making changes to your site affecting loading speed, and then test afterwards to determine the change. If you have a WordPress site check out this article on speeding up your WordPress Site.

 Google and Bing Search Engines

This is a frequently overlooked SEO tool. Google and Bing search engines are very powerful SEO tools and mastery of the functionality of these tools is an essential tool every marketer must learn. With a search for any word you can examine indexation and duplicate content, check key word ranking, analyze SERP listings and scout for link and outreach prospects. Make sure to use an incognito / private window to see search results that aren’t affected by your search history.

Wayback Machine

This tool is the most complete archive on the web and it lets you see what a website used to look like back in the day. With this tool you can crack client’s cases of missing traffic by checking what was on the site and what wasn’t when the site had better traffic because usually, when the numbers for a site change then something about that site has changed.

Keywordtool.io

This SEO tool is great for generating several keyword ideas related to your seed term, particularly long-tail keywords that wouldn’t show up on the AdWords keyword tool because of their having very low volumes. If you are looking to build a list of potential keywords particularly when you need long-tail keywords then this tool is just what you need. This tool is also very comprehensive as it generates keywords based on the autocomplete feature of Google, YouTube, Bing or App Store Search.

 Moz SEO Tools

Moz is a suite of inbound marketing tools responsible for various functions. Top pick from the Moz suite include these useful SEO tools:

Open Site Explorer – This is a backlink analysis tool with metrics on estimating link equity.
Follower wonk – Shows analytics on Twitter
Moz Local – This tool gives data on a company’s local citations and is the first place to go when doing local SEO on a site.
The SERP Overlay – This tool is part of the Mozbar. It displays OSE metrics on each search results.

Honorable mentions listed in no particular order include Screaming Frog, Bing Webmaster Tool, Chrome Developer Tool, Google Trends, GTmetrix and Hootsuite.

Want help optimizing your website?

Send us a messageCall: (530) 413-8420

A company’s brand is the symbol which represents its business and embodies all of its characteristics, associations and experiences. This brand can be in the form of consistent imagery, phrases, sounds and logos with which people come into contact.

Building a website is seen as a rite of passage for most business and start-ups; even when the business is still to make a cent. Why? A website serves as a virtual business door where old and new can come through, explore and enjoy the services your business has to offer. However, to make your website stand out in this sea of websites, uniqueness is key, so is building a website which promotes the unique brand values of your company.

Building a website has been made a lot less technical with the availability of templates to help website builders build websites. Good as this may be, it makes the job a bit too easy for some website builders hence they just create websites which though functional aren’t built to your specific brand or niche. So as a business owner looking to build or revamp your website, it is imperative you know what to look out for in a website so you know when a great or sub-stand job has been done for you. Some of these things include:

COLOR

Colors aren’t just for aesthetic purposes; they stimulate different emotions and carries subconscious associations to various characteristics and things. For example, the color red, it signifies danger, excitement, love and power and this makes it a great choice for the arts and entertainment industry. So do other colors represent different things and elicit unique emotions. So when building a website, its important you research on the meaning of the colors unique to your type of business.

CHARACTER

Infusing some personality into your brand can help define what it stands for. You can do this by infusing some human characteristics into abstract shapes and figures or you can use particular objects or animals to represent what your brand stands for. For instance, the blue bird mascot on Twitter has proven very effective or the Wild West design in Outlaw Design blog serves as a personality which represents what the company does.

CONSISTENCY

Consistency in the image your brand portrays .on your website makes it not just neat but memorable to clients as the have a definite image associated with your brand. This consistency can be in the choice of colors, themes and typography. This consistency can be seen in the website of two of the top brands out there; Twitter and Skype with their famous blue colors, and on other household brands like Facebook, Instagram and Google.

SIZE AND POSITIONING OF LOGO

The size of your company logo on your website should be large in relation to most of the items on your website so it is easily noticed by customers. In addition to the size of the logo, the position of the logo should stick to the tradition, usually on the top left of the web page and should link directly to the home page of your website.

TONE OF VOICE

Just as we won’t expect the choice of language on a website for a pop group to be same as that of an audit firm, so it goes with whatever it is your brand portrays. The choice of words and the tone in which those words are said should be tailored to your brand and audience.

Branding is important not just for big corporations, but also for small business, websites and blogs even as it helps customers identify your business among competition and form an opinion on the company.

The web is a vital platform for building your brand and it’s important you don’t ignore branding when building your website.

Have questions about branding?

Send us a messageCall: (530) 413-8420

Check out BrandColors.net to see the colors used in logos and color schemes of over 300 major brands.

If you are unsure what colors to use for your logo or business branding, browse through this website to see what other companies in your field are using, and get an idea of what you like.

When picking out a color scheme, keep in mind that if you like a particular color scheme, there is a good chance your customers will like it also.