To product designer: "Back to Top" in the page or not?

Domestic product designer/ui designers in the design of a slightly longer page, often add a "back to the Top" button, in the form of a fixed at the bottom of the bottom, there are floating small pictures (mostly).

Take a look at two sample graphs:

Figure 1: The return top of Sina Weibo

Figure 2: Tencent Weibo's return top

How many people will use the "back to the top" button?

This is the details of a design, the details of the experience, but the implication is that this function is really the user needs? is not a product designer yy out, and then each platform to copy each other, forming a "" back to the top of the "button" storm, it exists the meaning of where?

The following is a discussion of the "Go back to Top" button on the Web:

Problem: A lot of foreign websites, even if many times the page will pull very long, there is no "back to the top" of this button

Q1: This problem alone is problematic. How can you tell if a "back to top" button is good or bad when you break a specific environment?

Not all pages that are very long will need to return to the top of the site. The key to see the layout of this site, what to do back to the top, need not often return to the top.

Some sites themselves have relative screen positioning of the menu, can already solve a variety of jumps, even if the page is very long does not need to return to the top. Like Google image search. Mouse move to point logo refresh page and point back to the top button is about the same distance.

Some sites have no key action buttons at the top. For example, all menu links, send micro-blog box or something. Back to the top what to do.

Some website local content has the folding expands the button, the content long folds up is, does not have to deliberately return to the top.

Also do not rule out some website is to want you to see more than a few times, do not go. I hope you slowly rolling, slowly look.

Also to be explained is that many foreign websites have to return to the top of the link. No, not at all.

Finally, there is a problem of operational habits. For example, my personal habit of keyboard pageup,pagedown,home,end. It's faster. It is useless to return the top button.

The computer screen and the mobile phone are not the same.

Q2: that what ... Regional differences should be counted, and it's a matter of habit.

Chinese have been accustomed to this auto way to return, in fact, a lot of foreign user habits and domestic is not the same, not very good user experience. This "back to the top" I think it's better to drop ~

Q3: Actually back to the top of the button, the original design is designed for users to read all the content of the page, need to change the channel or change the needs of other pages, return to the top click "Home" "DMS" what the shortcut keys, if the cancellation back to the top, users need to manually pull the scroll bar or mouse wheel, for the user's "lazy" is a test, if the header of the site is fixed to the top of the browser, there is no "back to the top" is also very good.

The foreigner did not return to the top, I would like to consider two aspects:

First, they want to read from the top and don't need to be disturbed. Just like you read a book, not to read a chapter, but also to go back to the table of contents, select the next chapter, directly turn the page look.

Second, read the finished, click on the fixed header, do not return to the top point again.

Foreigners did not return to the top, header is not fixed, the user experience must be bad, but, Apple's machine, touch board up a pull, back to the top is not trouble.

Q4: In fact, few people go to use that button, some are ignored, because too much attention to the content of the section, some is the habit, how down, on how to go up on the process can also repeat the key content;

Personally, I know the function of this button, but also rarely used, memory only used 1, 2 times, so no, keep it simple and stupid.

Note: This part of the content from Baidu products, knowledge of the content

Author: Xiu Ze

Article source: A Product manager's blog reproduced please indicate the source link.