當(dāng)PageSpeed Insights檢測到某些點(diǎn)按目標(biāo)(例如按鈕、鏈接或表單字段)可能過小或距離過近,以致用戶不方便在觸摸屏上點(diǎn)按時(shí),就會(huì)觸發(fā)此規(guī)則。
對于用戶來說,如果鏈接或按鈕太小或擺放太密集的話,要想在觸摸屏上準(zhǔn)確點(diǎn)按這些目標(biāo),會(huì)比使用傳統(tǒng)鼠標(biāo)光標(biāo)更費(fèi)力。為了讓用戶免去不慎按錯(cuò)位置的困擾,請為每個(gè)點(diǎn)按目標(biāo)設(shè)置足夠的大小,并讓它們之間保持足夠的距離,以免用戶在點(diǎn)按任何目標(biāo)時(shí)手指觸碰到其他任何點(diǎn)按目標(biāo)。成人的手指指腹平均寬約10毫米(不到半英寸),因此Android界面準(zhǔn)則建議最小點(diǎn)按目標(biāo)尺寸約為7毫米,或在移動(dòng)視口正確設(shè)置的網(wǎng)站上,點(diǎn)按目標(biāo)至少要達(dá)到48 CSS像素。您應(yīng)確保網(wǎng)站上最重要的點(diǎn)按目標(biāo)(用戶最常用的目標(biāo))足夠大,即高/寬至少要達(dá)到48 CSS像素(如果您已正確配置您的視口),以便用戶輕松點(diǎn)按。不常用鏈接的尺寸可以較小一些,但仍要與其他鏈接之間保持一定的距離,以免10毫米寬的手指不慎同時(shí)按到兩個(gè)鏈接。用戶無需張合手指(或依賴其他瀏覽器界面功能來排除手指點(diǎn)按干擾,如Chrome的彈出式放大鏡),即可輕松準(zhǔn)確地點(diǎn)按所需的按鈕或鏈接。
將重要的點(diǎn)按目標(biāo)設(shè)置得足夠大以易于點(diǎn)按
這種方式比較適合您的用戶最常用的點(diǎn)按目標(biāo),例如常用操作的按鈕、搜索欄、其他重要的表單字段,以及主要的導(dǎo)航鏈接。這些點(diǎn)按目標(biāo)的尺寸至少應(yīng)為7毫米(如果您已正確配置您的視口,即為48 CSS像素),如果小于7毫米,則其周圍須留有足夠的空間。
確保較小的點(diǎn)按目標(biāo)之間有足夠的空間
對于不常用的鏈接或按鈕,尺寸小于建議的7毫米是沒有問題的。不過,其橫向和縱向5毫米(32 CSS像素)范圍內(nèi)不應(yīng)該有其他點(diǎn)按目標(biāo),以免用戶手指點(diǎn)按一個(gè)點(diǎn)按目標(biāo)時(shí)不慎按到其他點(diǎn)按目標(biāo)。
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under the Apache 2.0 License. For details, see our Site Policies.