The difference between touch-screen mobile phone and non-touchscreen mobile website design

The difference between touch-screen mobile web sites and non-touchscreen mobile phones is that the former use of finger click to pay attention to the experience, and the latter is the use of mobile phone physics button to pay attention to the selection of rules, touch screen mobile phone screen, you can display more content, but the content density should not be too large or inconvenient to click, the average person's index finger click on the area of The Thumb-click area is about 8*8 mm, each major portal also introduced a high-end version of the touchscreen phone, the following will be from the mobile Web site most commonly used two interactive features to analyze the difference between 3G portals and other portals.

One of the most common interactive functions of mobile websites is "Information connection":

Vertical Screen Status:

(Figure 1)

(Figure 1) visible 3G Portal High-end version of the Information link response height of approximately equal to the other portal 3 times times, the physical response height of about 5.56mm, this value is close to the finger-click Area, and the information between the increase in line spacing, enhance the click Experience. Some people may ask why the response area can't be any bigger, because the mobile screen, although the increase, but the content and PC site is still much less, in order to display more content for a screen to users, reduce user operating costs, we passed usability test after this value relatively low, and to ensure a screen sufficient content display.

——————————————————————————————————————————–

Horizontal Screen Status:

(Figure 2)

To accommodate different screen sizes and to increase the reading experience, each portal will set the gravitational induction effect (both the mobile phone horizontal state) (Figure 2) We see in the gravity induction, Sina without adaptive mobile phone screen, NetEase and Sohu will have local adaptation, so in a single hand operation, left and right area will form a finger click Blind Zone, And the 3G Portal dazzling version can be in the response of the parallel area of any click, more in line with the single hand operation experience.

——————————————————————————————————————————–

Mobile web site commonly used interactive function of the two "paging":

(Figure 3)

(Figure 3) The high end page of each portal module or the use of Non-contact mobile phone mode, there is "next" "" The remaining Full text "" page number, if the page number exceeds a certain number, will be replaced with "Jump to page", do not know if you use touch screen mobile phone Click on the area will need to be more careful, because of fear of late.

Let's take a look at the 3G portal, we interviewed 30 touch-screen mobile phone users (the amount of response user behavior is sufficient) before making the paging module:

1, there are 26 users to see the content of the news when there is no jumping browsing (that is, not the habit of selecting page numbers)

2, there are 2 users who indicate that they will use it accidentally,

3, there are 2 users to show the habit of jumping browsing

4, all users will use the next page and the rest of the full text

So after analyzing the interview results, we went to the page number (except for special products), reduce the next page and the rest of the full text of the Click Interference, put the next page on the right, because the use of Non-contact mobile phone is from the left to choose so put left more user-friendly, but touch-screen mobile phone is not subject to this limit from the right thumb closest to the right. Touch screen mobile phone screen to increase the content of the page display is equivalent to 2-3 times the screen, the role of page number is correspondingly reduced.

(Figure 4)

(Figure 4) 3G gateway to add "show more Information" page interactive function, so that users need to see more information in the original page directly drop-down display.

Of course, the 3G portal Bright version There are many deficiencies, we have been to achieve a better touch screen experience and efforts, if the bright version of interested students please use the following way to browse

To achieve the perfect effect, please use your mobile phone with your browser login xuan.3g.cn