Tips on web design for visitors first

Now the web Designer in addition to the beautiful page, more and more pay attention to "user experience", is to do "Don't let users think" of the page, so that the site truly "usability." Look at the combination of years of work experience, rough talk about this aspect of some of the problems, and we encourage each other!

First, how people browse the Web

First of all, this book explains how the Internet people surf the web, this seems to be a big gap because we think "users will stare at every page, read our carefully crafted text, understand how our pages are organized", and in fact most of the time users look at the web as "the highway looks like billboards", No time to read carefully, of course, do not think hard. Therefore, we must design for "scan". The following points must be noted in this regard:

1, as far as possible to meet the user's custom design, let a person accept unfamiliar things need to pay, unless we feel that the price is necessary.

2, in the page the more important things more prominent, establish a clear visual level.

3, you can click on the place must be prominent, let people obviously know can click.

4. Divide the page into well-defined areas

5, omit the superfluous text

Ii. on the design of navigation

Navigation is obviously the most important part of the site, "people will not use your site if you can't find directions on the site." Now the usage of Web navigation is basically formed, although it will continue to evolve, but the basic elements to produce: Website logo, website column, return home page, search, utility or help.

Site logo, usually the top left corner of the page, appear in the page visual level of the first place, you can take two ways: let it become the most prominent content on this page, or let it cover all the other elements of the pages, of course, the quality of the site logo design of the people have psychological impact on the

Site column, also known as the navigation bar, the top level of the site hierarchy. Navigation bars can often contain two-level navigation (the way the Drop-down menu is). Most of the time the label design is a good way to use navigation, Amazon.com almost to the perfect state. There are a few things to be aware of when designing navigation in a tabbed fashion:

1. When entering the website, a label has been selected;

2, the correct drawing, the Activated tab page to be located in the other tabs before;

3, color distinguish, can let each column use a kind of unused label color, and use this color on the page other navigation element, let them seamless;

Search function, if there is a site to provide search functionality, remember a simple formula: an input box, a button, and "Search" (searching) two words, do not get too complicated. For example, the "search" replaced by "find", "Quick Find", "Fast Search", "keyword search" will allow users to think. If you have to provide options for the search box (narrow your search), be sure to think twice about how to provide the most reasonable options, and to make sure that these options are really useful, or you can dampen the user's psychology.

It is noteworthy that many sites to the level two page below, the navigation will become fragmented, casual play. The problem is so common that it's hard to find examples of good three-level navigation. In fact, the user spends the same time on the underlying page as it does on the top-level page. Unless we start with a top-down navigation design, it is difficult to add later, it is difficult to maintain consistency. This means that before we discuss the color scheme for the home page, it is important to have a demo design that shows all the potential levels of the site's navigation. To do this, designers must closely integrate with the relevant planners, designers must know in advance of the entire station's profile and details.

One thing designers often ignore is to remember to add a name to each page. As if there was a signpost at every corner, always let motorists know where to go without thinking. The name of the page should appear in the location that covers the content of the page, to be compelling, and in most cases it should be the largest text on the page.

In short, a website with a good navigation system can tell the user this information at a glance:

What kind of website is this? (Website logo)

Which web page am I on? (Web page name)

What are the main columns of this station? (Navigation column list)

What options do I have at this level? (page navigation)

Where am I in the navigation system? (the "You are Here" indicator in the page)

How do I search?

third, on the homepage design

First of all, we must admit that the homepage is not controlled by us. Because everyone has a view, if you want to make everyone satisfied, then even the best home design can not be achieved. So it's inevitable to make compromises when designing a home page. But one thing not to forget--to convey the whole image, that one eye can make people feel this station is what. The quicker the better, the clearer the better. So when the viewer enters the home page, we have no difficulty (a few seconds to understand) to tell him four questions:

What kind of website is this?

What's on the website?

What can you do here?

Why are you here, not in the other place?

So how do you convey this information:

1, the slogan, that is close to the site logo location. A refined, personalized, vivid slogan allows people to immediately associate the content of the site. But there are exceptions, if a company's brand has reached a well-known point, you can omit the slogan.

2, welcome ads, that is, a brief description of the site, the main location of the homepage is displayed, do not need to scroll the screen can be seen.

3. Where should we start? After entering a new station, the viewer quickly scans the home page and should know clearly:

If you want to search, you can start here.

If you want to scan, you can start here.

If you want to scan the site's most exciting content, you can start from here.

When designing a home page, be aware of several issues:

The navigation of the home page can be somewhat different from the navigation of the subordinate, but it must have content and visual consistency.

You do not need to drop the box, because that is hidden information.

Total 2 page: previous 1 [2] Next page