Website Interface Design: Balanced Planning and Selection of Web Pages
Source: Shangpin China |
Type: website encyclopedia |
Date: August 6, 2012
This article is Shangpin China Website production The company's thinking on the balanced planning and selection of website pages is expected to be helpful to everyone. This paper is still product China website production company web page about the balance of the planning and the choice of the thinking, hope to be helpful to you.
1. Size
a) 800 * 600 can take care of all netizens' computers, but it is quite a "tabloid". A) 800 * 600 can take care of all of the computer, but rather is a "tabloids".
b) 1024 * 768 gradually becomes mainstream. 1024 * 768 can provide more information than 800 * 600. B) 1024 * 768 gradually into the mainstream. 1024 * 768 * 600 more than 800 a column of the information.
c) The body page adopts adaptive design, and can do more relevant content on the body page. The home page can also try the adaptive design, which is best consistent with UEO 。 The core of adaptive design is to leave a column with flexible width. C) text page using adaptive design, can in the text pages do more related content. This is also can try to adaptive design with best UEO. The core of the adaptive design is to set aside width retractile column.
d) In 1024 * 76 mode, the length of the page is not easy to exceed 10 screens. D) in 1024 * 76 mode, the length of the page is not easy to more than 10 screen.
e) With the upgrading of computers and the improvement of resolution, the computer screen can provide more and more area, which is a rare resource and should be fully utilized. The paper cost should be doubled when "tabloid" is changed to "big newspaper", and the website should be changed to "wide version" without any cost increase. E) with the computer upgrade, improve the resolution, the area of the computer screen can provide more and more, this is a kind of rare resources, to make full use of. "Tabloids" change "broadsheet" to double the size of the paper cost, the website change "wide" version, not increase any cost.
2. Font size
a) The content page is in small font to put more titles. A) directory page with small size, in order to put more title.
b) The body page is in large font size. In order to make readers feel comfortable. B) the text page with big size. In order to make readers read too comfortable.
c) Be careful to use regular script which is not easy to see. The role of regular script is equal to that of pictures, which mainly beautifies the layout. C) careful not easy to see clear kai ti. Kai ti role equal to pictures, mainly on the role of beautification layout.
d) Use search engine friendly bold marks to indicate the key points. D) use to the search engine friendly standard thick, said to focus.
3. Color
a) There should be no more than 4 colors on the same page. Dazzled, easy to produce visual fatigue. A) the same page color don't more than four. Dazzling, easy to produce visual fatigue.
b) The color contrast should not be too big. Web page layout is not a work of art, so form should not dominate over content. B) color contrast don't contrast is too big. Web page not art works, to avoid the content of the form of the sauce is better than the fish.
c) Text+background color can play a very good role in highlighting the visual changes equivalent to the role of pictures. C) text + impression can have very good prominent role, in the visual change as the role of the picture.
4. Static
a) Pages with large number of visits should be static to reduce server pressure and enhance website stability. The page that cannot be accessed is the worst page. A) traffic big page should be static, pressure to reduce the server, make web stability. Visit the web page is not the worst of web pages.
b) The combination of dynamic and static in one page can simultaneously benefit from light load and instant interactivity. B) dynamic and static page in a combination of use, can also get light load and real-time interactive benefits.
c) What pages need to be static should be considered at the beginning. If the number of visitors is high, it will be too late. There will be many historical problems when changing from dynamic to static. C) what page where need static to at the beginning consideration, traffic big, then high consideration, is late, the dynamic into static, there will be a lot of history.
5. Points column
a) Select 4 columns on the home page? Or three columns? A) home page choose 4 bar? Or 3 bar?
b) The body page uses two columns. B) the text page multi-purpose 2 column.
c) "Vertical logic" refers to arranging similar content from top to bottom, rather than from left to right. If the reader is interested in this aspect, he will read it line by line from top to bottom. This can make full use of the first screen, so that the home page can be read from top to bottom. C) "longitudinal logic" it is to point to will close from up to down content arrangement, not from left to right alignment. If readers on the content interested, he will from go up to below, line by reading. This can make full use of force in the first screen, let more home page from up to down the possibility of reading.
d) Avoid one column being too strong and one column being too weak. It is regulated by means of pictures and coloring. Average use of readers' ideas. So that readers dare not miss any column on the left, middle and right. D) avoid column is too strong, a bar is too weak. Through the pictures, TaoGong means of control. The average reader idea use force. Make the reader can't let go of any one like the column.
6. Pictures
a) A picture is worth a thousand words. Use only when necessary. Because the editing cost and bandwidth cost of pictures are much higher than that of text. A) a figure-thousand words. When it is necessary to use. Because the picture editor cost and bandwidth cost is high many words.
b) On the table of contents page, small points, and then small points, more close-up; Small resolution, just look. The figure on the text page shall be clear and beautiful. The body page is full of layout. B) in the directory page figure, little point, again small point, multi-purpose features; Small resolution, can see will do. In the text page figure, ensure that clear, beautiful. The text page have a plenty of layout.
c) The text page should be within 5 screens, so try not to split pages. Let the reader read it all at once. C) text page within 5 screen, try not to page. Let the reader a finished reading it.
7. A navigation bar and the site map
a) The navigation bar is the house number of the website and cannot be changed at will. Otherwise, the reader will get lost and can't find what he read. A) navigation is a number of web sites and may not be changed. Otherwise, the reader will get lost, he can't find the content of the original look.
b) The sequence of the category names on the navigation bar should take into account the key points and the reader's reading logic, that is, the classification and placement. B) navigation in the classified name to give the sequence point and the readers' reading logic, which put classified.
c) The navigation bar can be up to three lines long. Two lines is better. Too many rows are duplicated. C) navigation bar up to three lines. The best two lines. Too much do show heavy.
d) More navigation, namely website map. The summary version of the website map can be placed at the bottom of the website to become the bottom navigation. The bottom navigation of the website is very necessary. The advantages are: 1. Multiple lines can be placed, which is beneficial to SEO Optimization; 2. It can form the reading focus at the bottom of the website. Take readers from the first screen to the last screen, during which many more clicks will be added. D) navigation, the more is the site map. The site map of the version can be placed at the bottom website, become the bottom navigation. The bottom of the site navigation, it is very necessary. Its advantage is: 1, can put more lines, beneficial to the SEO optimization; 2, can form at the bottom of the website read key. From the first screen reader to last screen, will increase a lot during the click.
e) Main navigation and channel navigation: the main navigation is available on each page, and channel navigation only appears on the channel page. E) capital navigation and the channel navigation: capital navigation each page, channel navigation channel in only in this page.
8. Home page updated cost
a) The home page design should not only consider aesthetics and coordination, but also consider the requirement of updating every 24 hours. Updating is the life of a website, so we must minimize the cost of home page updating. A) home page design can not only consider beautiful, harmonious, want to consider the 24 hours of the update again requirements. The update is the life of the web site, be sure to maximize reduce home page updated cost.
b) The design of cross automatic synchronous update can effectively reduce the cost of various home page updates, giving readers a rich and immediate feeling of content. B) cross automatic update the design, can effectively reduce the various home page updated cost, give the reader with rich content of instant feeling.
c) Updating the instant home page is a resource of the website. Because it is a resource, more titles will be on the home page. In this way, the positive cycle, the home page will also fire. Updating the non instant homepage is the chicken ribs of the website, which will become more and more lonely and will eventually be abandoned. C) update on the front page of the website is instant resources, because is the resource, more title will wrap on the front page. So, are circulation, the home page is fire. Update not instant of the home page of the website is poor, will be more and more lonely, it will eventually be wasted.
d) Each home page should be designed with at least one reason for readers to click in. Instant updates cost less than exclusive content. D) each into the design of the front page to have at least a readers click in reason. Updating the exclusive content than the cost is low. This article was published by Beijing Website Construction Company Shangpin China //ihucc.com/
Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
