Web page picture slide user Experience Design small details

Picture slides are one of the most common effects of a Web page, features are almost different, but many web designers may not have considered the most commonly used slides covered by the user experience idea, this article through the domestic and foreign several large web sites in the slides to analyze their own small details of design and bring us the experience

1, excellent Amazon home rotation pictures, each refresh once, are random different order display, such a design to solve more pictures of rotation and rely on the picture information is rarely seen, this is not very specific to the timeliness of E-commerce site is particularly important;

2, the first time is to click the photo to jump to the next, and then click on the left side of the photo is the previous one, click on the right side of the photo is the next one, when we are accustomed to such a photo browsing mode, it seems that our mouse will be limited to the range of photos. Baidu Space in the album browsing page expands the clickable range of the mouse, making the photo page is not limited to the inside of the photo, but the width of the entire page, as well as in the middle part of the photo amplification function added. There is the side of the preview scroll wheel support;

3, and Tencent Web content page on the image of the processing of this piece there are more details, such as the picture below the preview, such as the bottom of the picture can be hidden description text. When a limited space is stacked more functions, good and bad start to become a relative thing;

4, when the link in the page with the right mouse button click, pop-up menu: ie from top to bottom to "open", "Open in New tab", "Open in New Window", Firefox is "Open in new Window", "Open in New tab", and Chrome is " Open link in New tab page, open link in new window. IE's first "open" Finish is left-click behavior, but in fact meaningless; Firefox's handling of this order seems to remain in the browser's design of not introducing tabs, which is designed to solve the desktop's full browser window, so in this order, Chrome's design is the best;

5, when the page needs to appear, you can see a lot of web pages on the design of the page is done, such as reducing the "prev" clickable area, increase the "next" clickable area. For a long time, the browser's forward and backward two buttons are the same size, but in the page when the user more action is in the "next page", the same, for the browser forward and backward, the user more action will be in the "back", so Firefox on the design of the two buttons to do the processing, Increase the Back button, more user-friendly frequent operation;