How to improve the efficiency of design in Web page making

Now the site has abandoned the previous kind of what all put the design form, people pursue more efficiency, hope that visitors more targeted, more professional content, this article is an introduction to how to improve the efficiency of design , first of all need to introduce what is efficiency!

(i) Excessive design and application flooding

In the web1.0 era, because of the customer's desire and its own lack of information resources, filled with "excessive design." The large portal is more so, a dense home, 2-digit channel navigation, creating a large portal in the sensory characteristics-messy. And more followers, to simulate "clutter" as a means to achieve a look like a large portal user experience.

web2.0 era, SNS, plug-in applications, recommendations, the proliferation of related information, there is another "application flooding", and these applications sometimes have to, not willing to give up, and eventually form a SNS portal, such as on-line time not too long "out of the river", also failed to get rid of the "application of flooding".

Vertical classification portal, the use of classification links far more than keyword search, you have to fill the dense links, has long been aging Alibaba, is so. The same is true of the Business-to-consumer Mall.

And some of the other Taobao shopkeepers, but because the operation is not much of the things, and the page to do a simple eye-catching. Because they know how to do it, they can bring more sales, and it's efficient.

(b) What is the economy, is to spend the smallest investment, to achieve the maximum effect.

For web design, efficiency is handled in the following ways:

(1) Home

Do you see the first page of most sites, will look at a screen down the content, and then click on other links? There is no doubt that in more and more impetuous times, users more and more rapid operation, open the home page, please give me 5 seconds to make a click on the link to judge and continue to visit the reasons, otherwise I will lose patience.

Home more than 1.5 screen content, often 80% of users do not pay attention to, wasted bandwidth. And your home page will often exceed 3 screen, that is to say, users download your home page originally only need half of the time, you gave him the other half he did not read the content. China's network is far in the garbage phase, in China only Thunder, online games Accelerator This kind of things to survive the soil. Your home page download time is so valuable ah, you have wasted.

(2) Rounded corner decoration and right angle decoration

Fillet decoration looks more lubrication, because in comparison, the right angle is two 90 degrees of line intersection, in the four-dimensional judgment of the user to be judged by two directions, causing a sense of distress. And the rounded angle is two 90 degrees of the line of the country transition, visual judgment is a kind of détente. For women, the sense of direction is worse, so they have to "love" the smooth transition of rounded corners.

After all the decorative pictures with css background, one download multiple use, improve efficiency. Before the popularization of HTML5, still need to use the picture to form a rounded corner decoration, of course, do not rule out using CSS, filters, js some of the hack skills to simulate rounded corners, but these are "strange clever skill."

Again, the pioneer of industrial design, the Bauhaus, originated in Germany before World War II, and became the birthplace of industrial design since the war shifted to the United States. Look at the World War II German tanks and modern tanks in the shape of the design of the race.

It is actually industry, and only after the industrial design matures, in the ability to have it production base. Industry is fastidious about a straightforward, remove excess impurities, direct straightening a line, which improves efficiency. And the implementation of the browser, it is based on "block", in other words, browser rendering is to follow the vertical and horizontal chain of the axes, and rounded corners and slashes are not in line with the browser's industrial design rules. Of course there are plug-ins and some other vector language to make up, but to improve efficiency, it is necessary to follow the browser's industrial design rules-block structure.

So throw away the fillet decorations, even with the HTML5, there's no more efficient rendering than a box. Remove the rounded corners, directly using CSS to make a box, the efficiency of how high AH.

(3) content is king

What is a good website design?

The style sheet, decorative pictures are removed, the rest of the entity can be selected text, pictures, multimedia objects, is still a very attractive, this is a good station-the content of the king.

On the contrary, it is to change the original design order, first the contents of the line, and then organize to plan a hierarchy of browsing system-this is minimalist design. In this way, every page of you saves unwanted information and decorations, improves download efficiency, reduces user-selection problems, and delivers your message to the user instantaneously. This is a lot to do.

Many designs have been seen for decoration. Here empty, you have to add a picture, the layout does not fill up, add a friendship link. Column before the title is not to give up the decoration, Korean Bonzi do so, we will learn to Bonzi? Decoration is not not can add, must say a valuable purpose to it, such as highlighting the title, you can use CSS to control the text, why do you want to make the text into pictures? For example, the registration page is empty, it is necessary to add a picture to attract new users, this also said the past.

In short, add decoration, please give me a reason, need? Don't you need it?

For the website, efficiency is king, function is king, content is king, user is king, and decorate in front of the king will condescend.

There are a lot of chores, such as the same area size, the same file format of the brightness of the picture, than darkened the picture to a small number of K, download fast, so the big picture with white background, the Web page with a bright tone is always the theme-efficiency ah, efficiency.

If you want to say something, talk about it for three days and stop.