Want to promote their own website, 10 excellent website design experience

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

A well-designed web page should be read by a multimedia high-end computer on a broadband network or a browser installed on a low-end computer that still uses a slow modem connection. However, many new Web site designers are not very knowledgeable about how to keep these HTML files in good compatibility.

Of course, there are too many uncertainties affecting the final presentation of the page. First, the computer's display has a different resolution and display quality, followed by a variety of operating systems, using a version of the Web browser, different Internet connection and various speeds of the modem. We cannot take for granted the preferences of viewers arbitrarily. Let's take the time to test the page so that every visitor can be happy. Unfortunately, however, there is no way to optimize the page for each visitor, but the next few steps will help you ensure that most visitors are browsing.

1, determine the audience

In general, the vast majority of general audience graphics, Plug-ins, applets and other related advanced Web browser features. For us, the usefulness of the page may be more important than the beautiful, for users, nothing is faster than the page can download more important, in short, streamline your site, this is a best shortcut.

A graphic designer and art lecturer in Boston said: "What you have to think about, all of this should come from your audience"!

In order to satisfy everyone, the utility of a site is more important than beauty. and first, it must be able to quickly be explained by the older version of the browser. Simplify your site, however, that may not be the best approach.

Consider the site visitor's operating system, monitor, browser, and connection type. Then, think about the theory they need to get from your site? Do they want to get a connection or do they need actual content? If it is a normal site will be disappointed, whether to download special plug-ins for browsing. One trick is that there is no need to optimize your site for each individual, and to meet every visitor is clearly impossible, you must take appropriate technology for your visitors.

2, do not rely on graphics

In terms of site design, it is true that visitors can be touted or lost through successful graphic design. Not all visitors can see the picture completely, and some people have turned off the browser-side graphics to speed access to the network. In short, graphics do not load correctly on the client. However, graphics are often used as navigation buttons. For example, visitors often press the left ARROW to return to the previous page, or a graphic that contains a question mark can get more information, or the company's address and phone number will be told by the company's logo. The graphical map (image map) allows you to connect to different places in different areas of the image, which is often used as a site map, and you provide visitors with site content guidelines. But if you are only using images to provide site navigation, some visitors will not be able to completely or correctly leave your site.

It's a stupid way to always tell users what kind of technology your site needs to be able to navigate your site properly. If a visitor needs to install a plugin to handle it, if you just give a link to the visitor to download. This very cool page for users is not a humorous thing at all, this is contrary to the expectations of users. As for why the contrary, I hope you can reflect on, if it is you, you would like to browse a site you do not know what to download a bunch of plug-ins you do not know?

How to solve this contradiction? You might think of two solutions: one is pure text, and the other is complete graphics. Fact。 If you use a graphical map to give a list of content, you can do it at the end of the page using a plain text form, which is much better. If you use graphical buttons, it is best to include simple navigation text hints.

Most of the time, we usually have to develop the habit of using the "ALT" tag, so that when the graph is not displayed correctly, the text can be substituted for the display. In this way, the user can at least see the description of the graph, and then know what it means. For example, the preliminary text of an image marker can be written like this:

There is another benefit with the "ALT" tag. The text will be displayed on top of the image, which will give the user a sense of how to express the guide.

3, keep the page small

In this section we are talking about the processing of graphics. The best way is for us to appeal to the broad masses of readers to keep the size of the graphics files as small as possible. Even those who are lucky enough to have a fast internet connection will not complain that your site is loading too fast.

The first basic principle is that each graphic file is less than 30KB in size. This is definitely not a bad suggestion. More "extreme" some of the page design experts say it is appropriate to keep the entire size of the page at around 30KB, 40KB (that is, the entire page that contains graphics and text and other multimedia objects). And advised us "never use a very large page".

To keep the size of the page small, spend some time to deal with the graphics, in order to ensure the quality of the graphic use as high as possible compression ratio, so that the graphics as small as possible.

In addition, let the graphics use less color is also a way to make the graphics as small as possible. Using a monotone color is better than using a gradient color. Use gradient color to quickly populate a color palette on the browser side for client display. In addition, it is also possible to reduce the color depth of the graphic and to use fewer color trees.

If you need to provide larger images and multimedia files, try not to insert the page inside, provide a connection on it. In this way, if you use a fast connection to click on the image can be seen immediately, low-speed connection does not look at the image can also see his most concerned about the content, browsing feel no delay is the best.

4, do not assume the user's display and resolution size

A common mistake is that many web designers think that visitors have a big-screen display that works as well as they do. According to the current situation, you can optimize your site design for the standard 800x600 resolution, which is now the default display resolution of the mainstream display.

Search engines, such as excite, we can find some good ideas for increasing the amount of user traffic. For example, use more table cell color fills. The page designer adds a background color to the page so that the user does not feel that the download page is consuming too much time. In addition, most monitors can only display 256 colors, rather than the millions of colors that the designer uses for the true color. The browser can display the color in the browser "Safe color range", that is, within 256 colors. We will discuss the issue in detail later.

5, careful use of plug-ins (INS) and applets

Sites that highlight interactivity or multimedia features typically use ins and applets. INS is an extension of Web browser functionality. Viewers can run different types of files, such as animations, videos, and audio, if they have INS installed. Applets is a small program fragment or tool that is often written in the Java language and can be used to perform some useful functions with a large program such as a browser.

Although ins and applets can greatly enhance the interactivity of the site and multimedia performance, but for some older configuration of the machine, this is undoubtedly a redundant function. For example, the Java applets works only under 32-bit operating systems, Windows 3.

Although ins and applets can greatly enhance the interactivity of the site and multimedia performance, but for some older configuration of the machine, this is undoubtedly a redundant function. For example, the Java applets only works under a 32-bit operating system, and Windows 3.x does not work (although few people now use it). In addition, INS will take time to download the installation, but not every user can be skilled to complete the download after the installation of such a process. Unskilled users may encounter failures when installing ins, and unskilled users do not need such annoyance.

If you judge that your audience can install ins and applets, you must prompt the user in the relevant section, download the time and address of ins and applets, and what you need to be aware of during the installation process. This will facilitate the user's use. If this is a very important message, it is recommended that you provide a usable information, such as plain text, to facilitate those visitors who are really unable to install ins and applets.

6. Use frames only when needed

Using frames can divide a browser into several different windows, and the structure of the site is a good way to grasp. But you still have to know that someone is using browsers that don't support frames. When you start to design a frame, you should consider carefully whether you really need it. Often, your needs can be structured by using tables to organize your site. Of course, some particularly old browsers do not even support tables. Well, that said, we seem to really have no way.

If you have to use frames, try to provide other solutions for users who are still using those antique browsers. The worst scenario is that if there is no solution, give these users some information about apologizing and don't let them feel you are ignoring them.

7, do not forget the Web browser

You should know that there are a number of ways for the final viewer to control how the page is displayed in the client browser (including font size, color, and so on), but in terms of market share, Netscape's Navigator (Navigator) is compared to Microsoft's Explorer (Internet Explorer) 's share is diminishing.

For a designated site, if you take into account that some visitors do not like the use of graphical navigation bar, you need to turn off the graphic display when testing. So, in making it, you have to take into account that most (not all, when you should at least take into account the navigation bar) graphics must use text hints, so that even if the browser client does not display the navigation picture when there is text to give appropriate hints, this feeling will be much better, At least in the face of the Red Fork can not display graphics, such a text hint gives a friendly feeling two not at a loss.

In fact, there are more and more similarities between the Web explorers produced by Microsoft and the American Netscape Navigator, and the compatibility between them is not a big problem as early as a year ago. But there is a difference in detail, and some of the effects that appear in one browser in a different browser are completely different. You can understand these differences, but you can't control him, and different browsers look different, just as different people have different impressions of each other. All you need is to know that they are different, and you should try to avoid using code or methods that cause huge differences. The good news is that these two browsers are free to download, for users, you can try to use two browsers to see what your site has different browsing experience, the right to choose is the viewer, and you as a site designer, to do is to listen to the viewer may be feedback. The bad news is that you can't control what browsers a visitor uses, or the extra size of the browser window, setting the font type, color, and size. What you can do is suggest what configuration they use and how to look at your site when visitors can't access certain parts, so they can use the default settings or your suggested browsers.

8, keep the Apple and PC format compatible

Many of the pages are designed in an Apple environment and browsers are really PCs. For most pages, this is the reason. In fact, browsers affect the browsing effect of the site more than the operating system. There is a need to point out the fact that the images seen on the IBM compliant PC appear to be smaller than the apple, and slightly darker. If your site graphics most of the design on the Macintosh, it is recommended that before the release of the PC on the preview to see if there is a larger effect difference.

The same color shown on the Mac and PC appears to be somewhat different in some way. To be more precise, the difference between the palette we mentioned earlier is playing a decisive role. These two different platforms, there are 216 common colors, so the web designer in the design of the use of this universal 216 colors to the maximum extent possible to ensure that the two platform page color display effect is basically the same.

9, testing, testing, re-test

Don't be bored with my wordy. In order to ensure that the number of browsers in the browser can correctly see what we want to express the effect of the page, so the formal release of the site before the test appears to be very important, is the top priority. Starting with your own computer, testing it over and over again, using a different browser, try adjusting the width and height of the browser window, turning off the graphic display, and trying to use a different display resolution. Then repeat what you've just done on your friends, co-workers, and even your neighbors ' computers.

There are professional web designers who recommend that we give the test work to a familiar user, because that's what the majority of users are accustomed to, and the browsers they use are older, which will ensure the end user's browsing effect. It is necessary to underline the importance of this step. In the office, we can often see some ancient machines that seem to be used as embellishment (almost to witness the history of the development of computers), and we might as well use our test machines to reflect the value of these antique machines. The results of these antique machines are often more objective and representative than all the computer tests of the professional designers we use.

10, you can notify your visitors

Even if we do all the work we have to do, you have to understand that we still can't guarantee that this well-designed site will give every visitor a good display. If you specify on the home page what kind of conditions you need to browse your site, you must understand that not all users have the conditions you require. You can choose a different option for these users who do not meet the basic criteria you think, so that they know that you are not ignoring them. You can tell them how to get in touch with you by phone, letter or email so that they don't go empty-handed.

Finally, after testing, acceptance of qualified sites can be released to the world. Whether the viewer is interested in browsing your site or staying long in your site is completely out of your control. Some users become restless by using a slow modem, or the page cannot display graphics, or the user uses their personalized browser to not display the site properly ... None of this would be surprising. What we can do now is to analyze and test the diversity and possibilities of the users from the customer feedback.

Anyway, you've got some kind of psychological satisfaction from your site. Before you begin to do this, you can sit down and think clearly about what you are creating this site for. By carefully listing your connections, not all users have the patience to find content on your site that they care about. Let them know when and where it will be provided, such as when you are ready to provide a download of important information, and so on. It is particularly important to be satisfied with the relevant promotional objects, because once they find something useful to them, they will spread to friends, classmates or relatives around them, and your site's popularity will slowly open.

Congratulations, you have half the success, the next thing to tell you is "perseverance, excellence." I hope you will remember.