8 Recruit to teach you to do business-to-business industry website page Design

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

Due to the characteristics of the Business-to-business website and the characteristics of the portal site, the Business-to-business website determines the different points between the page design and other websites. In the writing "business-to-business Industry portal Page Design" chapter, in this theory in the page design and production of the basic points for everyone to refer to, said the wrong, I hope everyone criticized.

1 page with color, frame and the overall style should be rigorous, full of business atmosphere

Because the content of the Business-to-business Web site is rigorous, high-end, involving the development of the industry, a variety of technical exchanges, marketing management knowledge of enterprises and other information, destined to the content is rigorous, high-end, because it involves the business and enterprise trade facilitation, information exchange and friends, So in the commercial column more to reflect a strong business atmosphere, all page design is for the businessman and consider.

A page of the use of color to be more rigorous, taboo non-commercial color

Blue, red, yellow is business-to-business industry site commonly used main colors, which are often used in several colors, of course, in the use of the process, is often used in addition to these colors to match, or the color of the gradient.

The resulting colors include: dark blue, dark red, bright red, orange, orange, gray and so on, in this list, color matching by the designers themselves to determine, we most later audit.

Taboo to use the following colors as the main color:

Green: Green more symbol of nature, purity, natural and other meanings, not in line with the rigorous business website, commercial two features, can be used as orange, red and so on with color, but it is not recommended as the main hue.

Pink: This color more expression is feminine, the warm atmosphere, even if is the feminine product as the characteristic profession, also cannot use, as the collocation color also as far as possible uses, after all with the user demand difference too far.

Black: Black, Gray is the most of the text can be used in the color, but can not be used as a business-to-business industry site's main colors.

B page title bar and navigation bar more square, regular

As a corporate web site, fashion type of site, or to express the fashionable, lively theme, the site can be more lively design, the use of circular or irregular layout, but as a business-to-business Web site, you can not design this way.

Each part should have a clear distinction, each area is a rule, the use of pictures, backgrounds are rigorous. Can not put the picture oblique, with a large oval, with a large icon, with cartoon icons, lively graphics, etc. to design the site's title bar and navigation bar.

C overall style should be rigorous, full of business atmosphere

The overall style of the site than with color, title bar design More important, a certain color with more lively, stylish, and will not affect the overall style. A picture is irregular, or the content of the page is irregular, and will not have much impact on the overall feeling. The overall style of the page can not be fancy, to reduce the frame, background, such as the impact of reading content, reduce the noise of the page, the overall style should be elegant, so that the people who visit the quiet mind to think.

2 content and Function decision form and interface design

Page design is not a fixed standard, many times can not be judged by the beauty and ugliness, also can not use the idea of whether to judge, but should be integrated analysis of this page visitors, page content, function. Sometimes a little creativity is not, and many other sites are similar, is the best, because it should be so. Any design, function is for visitors, users service, the designer's analytical ability is far more important than the creative.

Examples:

User Registration page If the head has a lot of navigation bar, left or right there are many wonderful content recommended, design a beautiful icon, but it is wrong, this page should be less links to the better, the more concise the page the better. Guide users to fill out the heart of the real, rich content is the most critical, otherwise the user may operate half, feel trouble, there are better content to attract him, no longer fill down.

Any page before design, designers must be quiet to think about what this page is expressing, or what kind of function, according to the content and function to determine the form of expression should be. Site planning should be initially for the designer to consider the form of the page, please refer to the "Business-to-business Industry portal Planning Combat Research Report," the fourth edition of the 8th chapter, the issue of a systematic exposition.

3 to use more idioms, do not easily use a new usage

The so-called habitual usage, is the user often uses the website, or the very well-known website usage, is often the user's custom, because the well-known website user is most, the user is also most approved. The same function, or not because the site is different and the way the expression changes, you can use the idiom.

For example, when we come to a new website, often need to understand the site's introduction, the organizer contact information and so on, the habit is to find this information at the bottom of the site, most of the site at the bottom have a row of links to express, if you design the site, hope very innovative, put these links do not put at the bottom, Users will feel unaccustomed.

For designers, the fear of such familiarity makes you feel similar and boring, there is no innovation, you still have to use this. But it's not that we don't need innovation, on the contrary, we need bold innovation in planning and design, and if we don't intend to use a idiom, planners and designers must confirm that the new usage has the following two features:

(1) Equally clear, the same self-evident: just for a better way of expression, and the original is not much change in nature, the same users can see at a glance, not completely out of thin air innovation, to be better than the original can.

(2) Bring great value, worthy of the user to pay efforts to learn: This feature although it was not seen before, but we confirm that he can bring qualitative changes, rather than just change the user is not accustomed to the function and interface. For example, the vast majority of the previous site registration is a step, now if registered members, there are many sites are divided into two or three steps, why should such a design? Because the content is too much to fill in a few steps users can be more acceptable.

4 Establish a clear visual hierarchy that allows users to visually differentiate

The page has a layered sense, a look can understand those are the focus, those are secondary, each part of the content is very clear, users can quickly find their focus on the part. On the contrary, the page is very messy, the structure is not clear, the user came to the page do not know those are the focus. Network users have a poor tolerance within 30 seconds it is difficult to find the content of their interest, may not find, that the site is not his interest, or simply not to come, but in fact the site has his content or want to use the function, just because the page design is not good, can not find it faster.

A the more important part is the more prominent

In a page, if there is no focus, the user will spend a lot of time in all the same content to find his favorite content and features, not user-friendly. The more users often use, often read content, the more to put in the most important position, users will use the shortest time to get the most attention to the content and function, in order to attract him to stay.

In the design of the page, there are many ways to highlight the key points. Commonly used are: font bold, large size, the color of the word and the surrounding color is different, the text before with eye-catching icons, with pictures or colors as a background, etc., in the "Business-to-business Industry portal design and development of actual combat research report," the third chapter made a focus on the elaboration.

B functional or content-related sections are visually relevant

In the functional or content-related part of the visual also related, because the user scan, the visual related parts will be scanned together, otherwise easy to ignore, at the same time will appear messy. The common method is to use the same frame, the same background, the same icon to express the related function or content.

The logical part of C function or content is visually nested

Logically, it is reasoning from the point of view of logic, he should be included, such as: the upstream raw materials and equipment of the Business-to-business website, if we put these 2 parts on one page, we should separate the equipment from the raw materials to design, but the material and the equipment module itself will include many different content, In order to let the enterprise that wants to purchase very quickly to find oneself wants the product, must in the equipment module and the raw material module inside again nesting.

5 visitors are not reading, but scanning

"Don't let me think," said the book: "Visitors are not reading, but scanning, is one of the few proven facts, people will spend very little time to read most of the pages, instead, we just scan (or hurry over) the Web page, looking for the words or phrases that attract our attention. "For navigation pages, home page, and so on, users will be more scanning to obtain their own content of interest." For the content of the final page, users will first scan before reading about the content, for too long article or content, it is necessary to see whether there is a small title, if you have to first scan the small title, to see if they are interested, interested will continue to read. Users typically scan the following:

A, what we need to know about the task at hand.

B, our current or next personal interests, such as: Want to buy a group of machines, looking for work;

C, there are some deep-rooted words in our heads, such as "Free", "discount", "Beauty" and so on. Business-to-business Web site users will be interested: for example, the industry's most explosive news, well-known companies Mister Dynamic, the latest buy and so on.

When we are planning and designing the website page, when editing the content of the website, we should always remember that the user is not reading, but scanning, carrying out the idea. Will guide a lot of proper planning and design, for example: the important content wants the big title, wants to be bold, each module as far as possible can be illustrated, lets the reader scan the time to see the picture, is more likely to arouse the interest, to the advertisement copy and so on must summarize, the refinement, attracts them to be interested; For more than 800 words of the article, it is best to add a small title, so that users can scan beforehand whether interested.

6 behind closed doors to make things, is far behind the comprehensive reference

Web technology updates quickly, a website interface design life of only 2-3 years. No matter whether it is rubbish or fine, there is no classic. The classics only exist so that the first successful innovative application. A closed-doors person to make things, is far behind the comprehensive reference. Web design is different from other art, in the field of imitative and innovative web design, even if it is completely designed, it is also followed by the majority of people have been identified with the user habits, and the traces of this lineage is sometimes very obvious! and the designer who dares to shy face to say, this is my own original design? For the industry, The classics are just a concept and a symbol!

For the design of business-to-business websites, to more reference, more imitation, find dozens of of the same type of the most excellent site to reference, analysis of other sites why so design, take its essence, to its dross, contact their own design site characteristics to improve or modify, often such a design is the most successful design. Because the most successful sites are through a lot of research, they are not only imitation, but also belong to their own innovation, most also withstand the test of users, in line with the vast majority of user needs.

7 Business-to-business Web site Most of the interface should be weakened, emphasizing features and content

Business-to-business Portal is different from corporate Web site, it exists the greatest value is to provide users with a platform to provide more valuable content, interface exists in the value of supporting, guide users to better use this platform, find the content of their own interest, pick and read, to obtain knowledge. Not to use a lot of colors and icons to express the theme of the page, this is some of the design of business-to-business website People often make mistakes, especially beginners.

Do a corporate website, why do we use large pictures, icons, large area of color to render this page? Because each enterprise has its own unique products and corporate culture, to this page readers are want to understand this enterprise or product, we need to use the design to visitors very intuitive delivery of enterprise information, In particular, many brands of corporate websites. Business-to-business Web site design, billing services and other pages like the construction of corporate sites, need to use large pictures, small icons, large area of color to foil the theme of the page.

8 pages to be modular, more modifiable

Modularization can not only improve the reusability, but also unify the website style, and reduce the strength of the program development. The biggest advantage of modularity is the unity of the Web site style, so that users, regardless of the site on that page, can also understand or in this site, formed a strong brand recognition. Always remember, do the ultimate goal of the website, is to do the brand, must be designed as the guiding ideology.

Whether it's a schema, a module, or a picture, consider its modifiable nature. To give a simple example: Buttons, many people like to make pictures, n buttons is n picture. If only do 3-5 kinds of button background picture, in the page code in the text, then modify it simple, let the program/Web page system author to change the word on it. However, the page display font is serrated, generally both clear and ensure that beautiful font size has several categories: "Song Body 12px | XXFarEastFont-Arial Bold 12px | Song Body 14px | XXFarEastFont-Arial Bold 14px | Blackbody 20px | Verdana 9px | Arial Black 12px+| " Wait a minute.

About the Business-to-business industry website page Design base on this 8 points, which will be designed as the guiding ideology of business-to-business industry portal, but also a smooth reading of the basic knowledge of this chapter. Perhaps there are more basic knowledge of design, to everyone in their work to summarize and improve. As a product planning of the non-design workers, on the design of the 8 point of view, hope that the vast number of designers and product planning friends to Xuejiang Pat Bricks.

This article original author: Xuejiang, welcome the Exchange guidance consultation, the Exchange qq:1580658565.