Touch screen Mobile website-Bright version Interactive design

Source: Internet
Author: User
Keywords Touchscreen phones portals US nbsp;

The difference between a touchscreen mobile website and a touchscreen phone 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 cannot be larger, 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 increase the reading experience, the 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.2 users indicate that they will use it by chance.

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

PC Computer Login http://pc.3g.cn/Browse PC version

Source: http://ued.3g.cn/?p=205

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.