Can not jump on the phone does not jump

Source: Internet
Author: User
Keywords Navigation can this more

Jump too much, don't understand.
On the PC page, the page repeatedly jumps is again normal, from the homepage into the search results page, then to the Details page, and then jump to the relevant content page ... But on the phone, uncontrolled jump is a bit of a problem.

From the homepage list-> The single article Micro-blog Details page-> Personal homepage-> The individual microblogging details page-> Personal homepage ... You can go deep in one time, but after jumping three, and then look at the upper left corner of the "Back" button, you are very difficult to determine where to return to.
If it is a traditional PC website, can show the level of navigation, can jump to other columns to explain clearly, of course, such a situation should be minimized, but the total return can be explained clearly.
The page is small, not too many places tabs navigation or breadcrumbs, only the upper left corner of a "back" button as navigation. For micro Bo This situation, obviously not enough. Also like the traditional PC Web site as the intricate links, it is more easily around dizzy.

More levels, more clicks, and less efficient use.
Even if there is no halo, more levels, more depth, more clicks, also reduces the use of efficiency.
Digging the mobile version of the log, you can see the picture directly on the list page, open the video:

You must have been attracted by the chemistry teacher, but I also saw the chemistry teacher in high school take a 500 ml beaker to drink water. What to say here is: This mobile version of the site does not need to enter the details page, just browse the list can be, see the video of interest, directly click on the full screen to open the video playback page. If each article on the list page shows only a small number of previous content, to go to the details page to see the full text, broadcast video, doing so although there is nothing wrong, but it is more tired.
Compared to some of the mobile phone version of the site just to do a little bit of the page, dug the mobile version of the blog more consideration of the mobile phone users to use the situation, not only looks simple, but also the use of high efficiency.

There are too many levels to read, even if you understand, the level of more use of trouble, so: mobile phone can not jump not jump. Then let's see if there is a way to reduce the jump ...

The way Google reader works is typical for opening detail pages from a list page:

Directly in the page, did not enter the details page this thing, naturally there will be no return after entering the toil.
Google reader has changed the question of navigating through the pages of the page into pages. As a result, the navigation on its page has a small problem: open a long text, see half, do not want to see, want to roll down or roll up, are relatively hard. (This, of course, stems from a Web page originally designed for PCs.) Fortunately, the problem does not need to be solved, Google Reader will be closed. But this design is not just Google Reader unique, the use of similar pages in the launch of the product may be separate for their own page to do some of their own unique page navigation function, so that users can expand the long text and roll to the middle of the time can be directly put away the long text.

Change to "Enter Detail Page" to "expand within current Page", which is used specifically for listing-> details. Previously mentioned Weibo, this approach does not seem to solve any problems, in fact, most of the products we face are difficult to ensure that a page to fix.
Can not jump to try not to jump, if compelled, must jump? If you have to jump, you can pretend not to jump. There are also a number of examples:

Pretending not to jump example 1:http://www.aliyun.com/zixun/aggregation/11189.html ">feedly details surfaced.

When clicked, it emerges, clicking the left arrow button, or any link-free position on the Point details page.
To interpret this as a pop-up window, perhaps, it is the heinous pattern of the window, in fact, the traditional entry details page can be considered to be equivalent to the modal window, or, the concept of a modal window in the current design is not so meaningful. (Er, this topic seems rather complicated, should be taken out alone to talk about, here is no longer to say, in this bracket is not clear.) )
If this form is understood to be a more figurative way of showing details, then it looks pretty cute. The original list page does not seem to disappear, but is covered, the details of the page opened so that people are not so afraid.
This form is more like a mobile phone on the micro-blog click on a picture, the picture directly surfaced, and then click on the image to restore.

Pretend not to jump the example 2:path the left and right sliding.

Click a tab, the right side of the page sliding over, in fact, or jump page, but such a form so that the jump looks more like sliding over, not left the current page to another page.
In addition, slide to the Feeds page, and then click on a picture, it is the micro-blog to emerge from the effect of the picture, or to say that the feedly surfaced details. Ox x, combination fist ~

Pretend not to jump over the example 3 "I" flip.

The "I" page appears to be turned over and is the back of the current page.

These special ways, although not to reduce the jump between pages, but the jump to polish the less blunt, so that the jump more vivid, better understanding. Their common thread is to make the current page more like the target page. The target page covers the current page; the target page pushes the current page aside; the target page is on the back of the current page.

The simple structure of a product is the key.
If the use of these expressions, is it possible to the beginning of the micro-blog constantly jump to deal with the problem? Maybe some help, but perfect, I'm afraid.
Click on the link in the details page of the feedly, or you'll have to open the new page in a polite and similar example. In other words, the design of these smart thoughts can only deal with a limited level of page relationships.

"Can not jump does not jump, must jump also try to pretend not jump." "It all has a premise: the structure of the product is simpler."
Mobile phone system only provides a paperback between the pages of navigation, we have tried to only deal with a one, two-tier page relationship, to do as the PC page on the complex pages of interoperability, it can only infinite "return". The navigation code provided by the mobile phone system actually implies that we can't make the product too complicated, too complicated to be uncertain.

Of course I do not agree with the existing limitations as the basis for product design, what products to do, what not to do, still should be based on the user's goals, use scenarios, user tasks. The limitations on the phone may be understood to be that we have to do "user-centric design" in such a limited way.

Source: http://ucdchina.com/snap/12782

Related Article

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.