手機(jī) — 點(diǎn)擊區(qū)域

摘自:http://xiaohedaniel.lofter.com/post/1d2235_750306

1、點(diǎn)擊區(qū)域

一般人手可點(diǎn)擊區(qū)域,左撇子翻過來。

2、熱區(qū)

EASY區(qū)域?yàn)闊釁^(qū),熱區(qū)是用戶手指最靈活的區(qū)域,最易于點(diǎn)擊,而且出錯(cuò)率最低。

3、上部視野好,下部易操作

人的閱讀習(xí)慣是從上往下的,所以會(huì)首先注意上部,所以上部視野好,適合放重要信息。

下部易于用戶點(diǎn)擊操作,所以下部適合放重要的操作。


4、擴(kuò)大可觸控區(qū)域

為方便用戶點(diǎn)擊,而在按鈕的上下左右增加可觸控區(qū)域??伸`活運(yùn)用。


5、注意留白,以方便用戶點(diǎn)擊

避免離按鈕太近,而發(fā)生誤點(diǎn)擊。


6、點(diǎn)擊要有反饋

無論點(diǎn)擊了哪個(gè)按鈕,都要給用戶一個(gè)反饋,提示用戶:“你已經(jīng)點(diǎn)擊了”!


7、無效點(diǎn)擊不要給用戶任何反饋!

上圖的紅圓內(nèi),是點(diǎn)擊屏幕會(huì)出現(xiàn)的一個(gè)“白點(diǎn)”。但實(shí)際上點(diǎn)擊屏幕,不會(huì)產(chǎn)生任何效果。所以,這里就不應(yīng)該有這個(gè)白點(diǎn),無效點(diǎn)擊不要給用戶任何反饋!


8、食指點(diǎn)擊區(qū)域

用戶食指緊貼按鈕時(shí),能看到按鈕的邊緣。這為他們提供了清晰的交互反饋,幫助用戶判斷擊中目標(biāo)的準(zhǔn)確性,也提升用戶擊中目標(biāo)的效率。

9、拇指點(diǎn)擊區(qū)域

一個(gè)成人大拇指平均寬度為1英寸(2.5厘米),折算下來是72像素。

用戶點(diǎn)擊拇指大小的按鈕時(shí),是非常的輕松準(zhǔn)確的,能帶來良好的愉悅體驗(yàn)。


10、行走狀態(tài)下,拇指點(diǎn)擊準(zhǔn)確率95%以上的最小尺寸

行走狀態(tài)下,單手拇指操作觸擊正確率均值達(dá)到95%的最小尺寸。

設(shè)計(jì)界面時(shí),參考控件所在位置的觸擊尺寸要求,避免因尺寸小帶來誤操作,影響操作效率。

在(部分資料是來自大神的博客,非個(gè)人原創(chuàng),在此向大神致敬?。?/p>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容