What is the width of the Web page in line with user browsing

Source: Internet
Author: User
Tags knowledge base

How wide the Web page is appropriate, this problem may not have a standard, there is no right and wrong points, maybe we use the size of the page when more think and because it is how much width, but our visitors more suitable for how much width of the page!

1, Conclusion: fixed width is only suitable for functional web sites, not suitable for users want to read the browsing-type site. UCD neighborhood is a browsing site, its positioning is "knowledge base", I hope you stay here to carefully browse and read.

2, large screen is not used to display a wider text content, large screen will face the problem of long distance raid the mouse. Suggest the person with big screen: for own health sake, in the big screen reading, the habit of narrowing the window. Mutual encouragement:)

3, want users to read the site carefully, the main content area must be fixed width, not too long, otherwise it will hurt the reader's eyes, and not suitable for the fluency of reading. The fixed width is the most suitable in about 650. Interested people can go to search for relevant reports, why is about 650. (Google is in accordance with the width of English, we can adjust according to Chinese)

4, a page has only one main content area, other all is the auxiliary content, can conceal is hidden, can ignore ignores. When the user browses, the auxiliary content does not close next to the main content. That interferes with reading and affects the quality of content ingestion. Especially when the auxiliary content is not very small.

5, browse-type Web site as far as possible not to use three columns, three columns is too difficult to design, a reasonable page does not need to put so many content.

6, so: for browsing the web site, in the large screen, browse areas and ancillary areas need to be separated. Even if you do not have a fixed width, it can cause visual uncoordinated.

7, although the screen is growing, for some sites, 1024 of the width is not necessarily the mainstream, but at least backward compatibility of this width, they as a very important people to consider.

8, the width of the problem is actually a pretty worthy of discussion. The problem will become more and more noticeable as the screen grows larger and more diverse.
But it doesn't make any sense to dwell on "no gaps", "function and content cannot be separated." There are some usability principles and there is no room for challenge. It's like the doors in public places have to be opened outward.

9. For this issue, designers should consider more beneficial ways for users. Rather than listening to users say what they want. Because: most loud users, do not know what kind of way is most beneficial to themselves.

10. To ensure a better reading experience, the designers of UCD neighborhood are considering whether to stop typing articles from websites with poor reading experience, or to change the default link for these articles to our snapshot page (the "telescope" icon in front of the headline of the community article is the snapshot page).

Large size pages are not suitable for reading

First of all, we have to throw out an important premise that the big screen and the wide screen are not prepared for the convenience of "scanning". So the content based website design does not need to consider the ultra wide, the oversized scene, even includes the service class website to be so.

Once in the mainstream of 800*600, the page width is mostly 770 or 780px as the standard, in the mainstream of 1024*768, the page width is mostly 950 or 960px as the standard. The guideline was simple, the home was fixed width because the layout was easy to control, and the inner page was adaptive width because it allowed the larger screen (mainly 1024*768) users single-screen to see more content.

But now the big screen is usually more than 17′, in this case, full screen adaptive layout mode is not easy to read. So I personally think, in the display more and more wide, growing trend, the page width is fixed as well, and should be adapted to 1024*768 as the benchmark, 950 or 960px is almost the user does not twist the neck, binocular scan width limit.

As for the big screen application, it is mainly to be able to put more windows, or special view, processing oversized picture scene. Its aim is to improve efficiency, the use of dual-screen meaning is also true. Full screen mode, the adaptive page in the middle of a large number of white, fixed page must be a large number of white left. So back to the conclusion of the opening statement, large screen browsing the good experience of the page, the user should adjust their own windows, otherwise there is a mouse "Long March" of the drawbacks.

The wide screen is meant to allow users to see a wide range of movies experience better, is definitely not the reading experience. With ordinary 4:3 screen to see the wide film will inevitably cause up and down the black side, itself is a waste, and with widescreen browsing the Web page on both sides would have to leave White is the same reason. For example, I rarely watch movies in notebooks, with notebooks mainly work and study, so I still like 12′ common proportions, although widescreen notebooks are becoming more and more mainstream.

For example, my blog now style layout, from the first version of the 06 design began on the width fixed, and then large and small screens are so. Now the content width is the result of several adjustments, fixed or adaptive each has its own advantages, I do not like adaptive. On the need for fixed issues, I do not agree with the White Crow point of view, in addition to the big FAI, Sibe raised the question, I work next Tuesday with a large screen cut a few interesting applications after the discussion.

Some people think "Ucdchina blog is very good, but the actual output is not the same thing." "Most of the time, the summary of research is only in the theoretical stage, it takes time to actually apply and access the project." Innovation must be ahead of the application, not to mention because of our own ability problems, there are many outstanding concepts, theoretical understanding of errors.

Finally back to the blog skin problems, suggest all write blog "known as" web designers of the peer to their own hands-on design blogging interface, this is the most basic ability to display, the achievements of the European and American peers are obvious to all. Different directions must have different creative results, including visual design, interactive design, interface design, information design can play at their own point. Only in the blooming environment, the domestic web design level can be a real improvement.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.