Web Design Tutorial: How to Grade Your Website?

Website designing and developing is a large business from a long time, but this business include varies level of design professionalism. There are a huge number of websites on the Internet that already growing every second, however the range of professionalism is huge, you can find a lot of good websites but you can find a lot of bad ones too, so what is the key elements for every great website.
In our topic today we will discuss all about this key elements, between the design elements and the structure elements. What you will need to do is to grade yourself while reading this topic, first grade your design elements from 1 to 10, then grade your structure elements again from 1 to 10.

First Phase Design Elements (10 points):

1- Banners/Header , top corner, and the top-left corner:(2 points)
The first element of our key elements is a combination of 2 design elements, your website banner and the top-left corner of your site, why? When your website user enters your site, the first this he look at is the banner or the top-left corner of your main page (index), then he moves his eyes down toward the rest of your webpage.

So know after you know this design element, you have to decide what your website visitor see at his first look, well the best websites banner elements is a combination of two design points;

– You company Logo, Website Logo or a description logo for your website. (1 point)

– A Key message includes some catch phrases describe your website, positioned in the right place in your website header/banner. (1 point)

2- Main design/Layout structure:(1 point)
Consistency, a main key element for great websites design, all great websites have a clear layout repeated through your website.
Also if you decide to have some elements on your website like a certain links or a certain design element in your layout you have to maintain the consistency of this layout deign throughout all your website pages.

3- Pages/Design Alignment:(1 point)
As well as layout, all great websites have a consistent Alignment. Decide your design alignment, either left, center or right alignment.
Some of experienced web designer’s advice not to use the center justifications, but if used, you have to keep the consistency of your layout/design alignment.

4- Colors:(2 point)
Choosing good colors for eyes is a good key element for a great website, main key elements for the color section; the first is a good background color, the second is a good text color.
Keeping text to the easiest form and color to read with a combination of a good background, black text with white background is a desirable combination. Colors overloading is bad for your user’s eyes, so try to choose 2 to 3 colors combination, and try to figure out a logical connection between colors, like a special colors for normal text, anther colors for titles and anther one for links.

– Clear text and background colors. (1 point)
– Logical connection and constancy for; Normal heading ‘text’, titles, and links color. (1 point)

5- Graphics:(1 point)
If you include some photos for your website, you have to maintain consistency; design of these graphics or photos should follow the same colors, style and layout of your website design.

6-Navigation:(3 points)
The most important key element for every great website is the easy navigation. Same as layout colors and graphics you navigation should maintain consistency through all you website pages. Check out the navigation on this site made for online piano lessons.
Your navigation should be easy and clear, whether it’s menu navigation, links navigation or even a graphics bottoms, you should maintain these three key elements navigation features; Easy, clear and consistence (1 point each).

Over a rate from 1 to 10, grade your design elements.
Second Phase Developing/Structure Elements (10 pints):

1- Keywords: (6 points)
One of the most important key elements is the Meta section on your website. What the search engine see when it’s crawl your website while ranking process.
You have to specify a set of keywords for every of these Meta Tags “keywords describing you website”;

– Title Tag (2 point) Every page in your website should have a title. Titles should not be a repetition of words; keywords should be used in the sentence.

– Heading Tag (2 point) Search engine use header tags in the ranking process.

– Description Tag (2 point) Description is displayed when the page is presented in the results of the search engine query..

2- Links:(4 points)
In order to score a high ranking position in search engine, you need to have links to and from your website beside your navigation links. Great websites usually exchange links with other sites and location.
Over a rate from 1 to 10, grade your developing/structure elements.

Hope you have a good grade.
Until Next time, Have Fun.