Reference Value of the mobile phone contact clicking Area

Source: Internet
Author: User
The screen size increases to show more content, The density of the touch screen control should not be too large, otherwise it is inconvenient to click . Each mobile phone and PC operating system has a recommended value for the clickable area:

IPhone: The minimum value is 29 x 44px.

Windows Phone:9mm/34px, minimum 7mm/26px, minimum distance between elements 7mm/26px, and visible area of the element is 60-100% of the click area. For interface elements that are frequently used and cause risky operations (such as data deletion), elements that are hard to click in the corner of the screen, and elements in subtasks (such as dialing ), the recommended click area is greater than 9mm.

Nokia:We recommend that you click in a region no less than 1 cm (0.4. Minimum value:

    • 7mm/1mm padding on the index finger
    • Thumb click 8x8mm/2mm spacing
    • The list options are separated by 5mm.

Ubuntu:The size of the buttons and other controls depends on the adult finger (16-20mm), finger belly (10-14mm), and fingertip (8mm-10mm ), we recommend that you click in a region no less than 1 cm (0.4.

(Translated from lukew's blog)

The clicked area is calculated based on the physical size. If the portable area W × T of other touch screens is similar to that of the iPhone, assuming that the precision of the touch screen is d, the calculation formula is: w/D = 29/164, t/d = 44/164.(164 is the screen precision of the iPhone)

Windows Phone for dangerous controls is recommended to increase the clickable area, I think it should reduce the clickable area, for the danger-free controls can be appropriately increased to ensure the distance between elements. For example, in the mobile phone interface, "□remember password" is generally only available in the "□" multi-select box. You may wish to include" Remember password "and add the accessible area for multiple select boxes.

Swype is a good solution for touch screen input. The input per minute can be increased to 50 letters.

    • You can slide on the screen without lifting or pressing your fingers during input, saving some time.
    • The space input is skipped. After each slide, the letter is followed by a space by default.
    • Guesses, corrections, matches, and modifications in English

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.