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