測(cè)試以及絕密小抄:
雖然這些基本原理看上去是顯而易見(jiàn)的,但是要記得全球最大的移動(dòng)電子商務(wù)網(wǎng)站中98%的網(wǎng)站違反了至少一條(參看任務(wù)完成列表)。70%的網(wǎng)站違反了兩條甚至更多的“基礎(chǔ)“觸摸鍵盤(pán)準(zhǔn)則。事實(shí)上,24%的網(wǎng)站根本沒(méi)有為觸屏鍵盤(pán)輸入做過(guò)什么優(yōu)化,就算是省掉標(biāo)準(zhǔn)鍵盤(pán)(在輸入電話(huà)、電子郵件、數(shù)字等情況),偶爾調(diào)用專(zhuān)用鍵盤(pán)(一致性很差),在合適的地方禁用自動(dòng)更正,抑或是在電子郵件地址輸入框禁用自動(dòng)大寫(xiě),這些都沒(méi)有。
不遵守設(shè)計(jì)準(zhǔn)則的一個(gè)原因可能是,針對(duì)一個(gè)大型網(wǎng)站所做的全局測(cè)試需要去發(fā)現(xiàn)所有的明顯缺陷——故而,理想情況下的第三項(xiàng)建議中提到調(diào)用鍵盤(pán)的一致性問(wèn)題,是不必要被提及的。另外一個(gè)原因是,在前一篇文章中提到的,手機(jī)和觸屏界面是一個(gè)相對(duì)較新的平臺(tái),它的全新的界面理論需要大家去關(guān)注無(wú)數(shù)的小的細(xì)節(jié)——這些細(xì)節(jié)對(duì)于我們網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)者來(lái)說(shuō)還不習(xí)慣去主動(dòng)尋找和設(shè)計(jì)。
綜合以上原因,我們將用一個(gè)絕密小抄來(lái)作為文章的結(jié)尾,此小抄是設(shè)計(jì)觸屏界面輸入框最常見(jiàn)的細(xì)節(jié)點(diǎn),包括可復(fù)制粘貼代碼以及正確調(diào)用了鍵盤(pán)的手機(jī)觸屏優(yōu)化demo,你可以把它當(dāng)作是一個(gè)設(shè)計(jì)開(kāi)發(fā)手機(jī)端以及桌面端網(wǎng)站的清單。
可交互的觸屏鍵盤(pán)小抄,以及手機(jī)端優(yōu)化demo。
這些輸入框通常都會(huì)出現(xiàn)在以下類(lèi)型的表單中:帳號(hào)注冊(cè),帳號(hào)登錄,搜索,調(diào)查,完整的結(jié)賬過(guò)程,注釋表單以及聯(lián)系表單。我們建議你搜索整個(gè)代碼庫(kù),來(lái)捕獲到每一個(gè)實(shí)例。
平面設(shè)計(jì)
工業(yè)設(shè)計(jì)
CG插畫(huà)
UI交互
室內(nèi)設(shè)計(jì)
建筑環(huán)境