An excellent example of how not to build a home page.

Each site now has a network home page (Also known as “Home”) Used him as a pillar entrance or gate the entire site. Each page that has (More or less) Fixed structure: Main navigation Top or side, Main content area, And- footer (Lower navigation and information). Why this structure is repeated? The reason is very simple: That he works! The average surfer got used to this building and he used to use it. Unusual structure makes use of slow speed and actually creates frustration for the user.

Home - What ever the problem ...?

We have said that repeated elements in a page, So what is actually? The problem starts at the exact site to be made in each of the components, Volume they occupy on the page, Design will create a continuous eye movement important parts, Create some space between them, Which fonts to use and more ...

When you build a home page (Whether for personal use and whether the customer) It is important to work neatly and correctly, While ensuring the steps until the desired final result. This process ensures a quality product and effective.

1. Set goals to homepage

What did we want to do home page? Sell? Share information? Newsletter subscribers would raise? Get new customers join the service offered by the business owner? There are quite a few different purposes, אבל ניתן לומר שלכולם יש מכנה משותף אחד – הנעה לפעולה. The bottom line is we want to do something surfer, Be active, Run!

Thus - the home page to direct the desired target surfers. If it comes to purchasing an item / product, then design the page so that it leads to sales, If you want to recruit customers then it should attract them to join, And so on and so on ... most important to remember - without setting a goal can not begin to design the home page.

2. Build a list of components that contribute directly to the set goal

Once you have set the main goal of Home, You can access the necessary components to build a list. These components must have a direct effect and purpose closely! Component has no direct effect - do not have to be on the home page. For example: If the primary goal of the home page is that surfers will seek bids, So on the home page should have the following components: Explanation on how to request a quote and what use is it to this proposal, Recommendations from satisfied customers, Reviews from the press and other media, Prominent headlines and simple formulation, Photos illustrating the product or service, And so on ...

3. Build a list of components that do not contribute directly to the set goal

This list should include elements such as business logos, Menus and various navigation means, Contact Details, Rights and rules manual, etc.. All those no direct impact on the target but also they should be on the home page. This list helps “To order” Organization of the page. That Slrcibim has no direct effect on the target does not say that does not need. The logo gives a sense of identity, Has “Back” Behind the site, After all, nobody would buy it from the body of an anonymous, True? The same for navigation, No one browsed the website without the navigation ...

These lists help us understand what more and what less important, And how should you prioritize the presence of each component on the home page.

4. Train initial infrastructure homepage

At this point you can work in different ways, Each according to his comfort and needs. Each component can be registered on a note and then arrange the letters, You can draw freehand areas that, Size and location, And you can also sit at a computer and produce the infrastructure on top of office software. We must remember of course, In the first stage focus on the list of elements that contribute directly to the target (Article list 2), Only after we had finished with them, Put in the other components. The result is a grid site (wireframe) Or Liiaaot site (layout).

It is very important - the resulting grid is not necessarily the best! There are other elements to consider in building Home, And you should try and put together some options and examine what works best. Anyway, There are several points are worth and it is advisable to consider them during construction of the home page:

A. Since reading - Hebrew read from right to left, English and Russian reading from left to right. This affects the shape of scanned page by browsing. Take this fact into account when you make up your home page or your client's.

In. Typography - As discussed in the article on Typography, Select any font that's not enough. Should also consider the font size, Type color, Length lines, Location and size of titles, Spacing between rows and more.

C. Colorfulness – In general, Building the infrastructure to Homepage, Color is not used. Point comes at the design and artwork. But still it is worth considering in advance what will be colored. You should also stick to one color scheme rather than disperse and mix colors unnecessarily. It is important to remember that colors attract attention and we must use them wisely to draw attention to areas important for us to stand out more than others.

Fourth. Photos – Just like color, Draw pictures, too much attention, Particularly if there is a single image or two on a page mostly consists of text. If using a poster of a human figure - should take care of her gaze will be directed toward important area of ​​the page. (Research has proven very effective in drawing attention to where you want). Nor should embed huge images but disproportionate in relation to other elements on the page.

The. Negative Space - This is an area where there is actually nothing. The blank space on page, Between each component to component. If the area is too large, With a sense of emptiness, And if the area is too small, With a sense of density. The negative space gives the eye of the viewer “Rest” Bit and get ready to read the next part. Cleverly used to emphasize the negative field areas and are important components, Is much more useful and true than the surrounding frames of various components.

5. Organization of the least important components for the purpose

Here repeat the list in section 3, And placing the components on the foundation established. Type of work here is the same as presented in Section 4: Order the components in a way that violates existing infrastructure and in a way that draws attention to what was essential, And yet, Let the components corresponding to the presence. For example logo, You can embed the usual top of the site, But regarding disproportionate and not too excessive. Anyone who wants to see the logo - will find it on his own.

We finished!

After completion of the infrastructure and organizing the various components adequately and satisfactorily, All that remains is to translate the groundwork for a finished design and programmed to increase.

Good luck!

———————————————————————————————-

Whoever wrote and translated the original post is Ami Samuel, Director of the new blog “Understanding” – Blog about Design & Graphics, Website Builder, Promotion and marketing and creative Web sites. I recommend you go and read the rest of the articles appearing in”Understanding” Your free time. More particularly interesting article was published on his blog “Tifogrih kinetic“. Go Go!

Leave a Reply Cancel reply