Photo Preview navigation design tips in Web pages

Navigation does not just refer to navigation bars that are often located on the head of a site. Roadside signage, shopping malls and so on are a kind of navigation, can be said that navigation in life everywhere, if there is no such navigation exists, then we will be lost, lost in the Internet information of the sea, lost in the criss-crossed road, Lost in a dazzling range of merchandise shelves.

In the so-called WEB2.0 craze from abroad blown into the domestic time, some foreign successful successful web site model is also crazy blown into the domestic imitators of the immediate. At present in the domestic about the network album aspect or the fashion point is to say about WEB2.0 the net album aspect to do well is yupoo, at the same time it is also the domestic imitation Flickr mode most like most successful--in fact Yupoo almost is another language version of Flickr. Apart from other factors, such as business operations, just compare the two different places on the photo preview navigation system (not knowing the correct name, on its own), or the difference between the two in terms of how the user is used.

The photo preview navigation system for Flickr albums can be seen in the image above as quite concise, only the thumbnail links to the previous and next photos are the total number of photos in the current album and a slide play button, and the thumbnail of the current photo is not in the preview navigation. Looking at the screenshot below Yupoo, the thumbnail of the current photo in the preview navigation is less than the total number of photos in the current album.

Let's not say that the thumbnail of the current photo should not appear in the preview navigation, the light Yupoo does not mark the total number of photos in the current album in the preview navigation, which means its failure.

Every time a user looks at an album, it's inevitable that they want to know how many photos are in the current album, this is actually related to human psychology, people are born with such a desire-the more information on one thing to master the better, only to have enough information on it, so that the heart will feel steadfast or feel safe. This is an innate instinctive desire.

But Yupoo did not mark the total number of photos in the current album, this is like leaving a question waiting for the user to search the answer, although may arouse the curiosity of some people to keep clicking on it, but to the end found that there is no idea how many photos in the album.

Is the thumbnail of the current photo supposed to appear in the Preview Navigator?

Yupoo's photo preview navigation system is completely in accordance with the site's navigation system to design, in the site's navigation system, users need to know where they are currently in or which column, this time the navigation system needs to mark this place or the column to give users tips, So that users are not lost in the Web site complex information.

But for the relatively simple navigation system of the photo preview navigation system, it seems to be a bit complicated to design according to the website navigation system.

First, the photo preview navigation does not need to mark the current location. It's not like the site navigation system, there may be subordinate or subordinate navigation exists, Photo preview only shows a picture, that is, in this preview of the navigation of all columns are equal, there is no subordinate or a deeper relationship of ownership, Users do not have the confusion of getting lost in such a page;

Second, the real role of the navigation system is to guide the user and the location, and since the photo preview navigation does not need to mark the location, then the photo preview navigation system is left to guide the user----To guide users to click on the navigation system thumbnails to view the photos. That's when the problem happens, and if you don't look at the thumbnail on the preview, click on the mouse directly, it is possible to point to the current photo of the thumbnail, click on the user will find the current photo, view the reason users will understand, the middle of that thumbnail is the current photo thumbnail- After clicking on the current photo, that is to say this thumbnail is no use. Why does it exist if it doesn't work?

Finally, the same space, when the space of the goods placed more, the space for each item is naturally less. Photo Preview Navigation The most successful thing is to display the thumbnail image of the image instead of the text, so that users can know the approximate shape of the two photos. So how to ensure the sharpness of the thumbnail is the real key to previewing the navigation. When the size of the picture is larger, the smaller the sharpness of the thumbnail, and eventually the Blur, the larger the size of the thumbnail, but the size of the preview navigation is limited, so getting rid of the thumbnail of the current photo will make the thumbnail of the close two photos even clearer.

From the details of considerate users, is the key to product success!