|
我一直覺得，文本框的這個(gè)東西，在有輸入法的國家，是我們這些懶人的杯具，文本框的自動(dòng)完成功能，在配合輸入法下，簡直是個(gè)雞肋。一次次的切換Ctrl+Space，是否有讓你崩潰想敲爛鍵盤呢？
上面的那張圖已經(jīng)很明顯的讓我們感覺到了三個(gè)問題：
輸入法把自動(dòng)完成遮擋住了，我看不見。使用鍵盤↑↓鍵只能切換輸入法內(nèi)的選字，無法選擇自動(dòng)完成內(nèi)的選項(xiàng)。想用卻用不到。當(dāng)你懊惱的打算用鼠標(biāo)去點(diǎn)自動(dòng)完成列表內(nèi)的文字時(shí)，杯具發(fā)生了，你發(fā)覺，你點(diǎn)了，事實(shí)上什么效果都沒有。你的文本框變成一遍空白。（在Chrome下多種中文搜索引擎有此問題，杯具啊。）備注：經(jīng)過筆者測試多種搜索引擎在不同瀏覽器的呈現(xiàn)效果，這三個(gè)問題出現(xiàn)的幾率各不相同，但在chrome下這三個(gè)問題非常明顯。（Chrome渲染有問題？）
關(guān)于問題一在Chrome下似乎沒有解決方案，所有的搜索引擎表現(xiàn)都如文章開頭的圖片的效果。
IE下，大部分的搜索引擎都采用了一種笨可是最有效的方法：只有文字被完全輸入到文本框內(nèi)后，自動(dòng)完成才出現(xiàn)，這樣就避免了遮擋的問題了。
在FF下，大部分搜索引擎也是采用與IE內(nèi)的做法，隱藏自動(dòng)完成。當(dāng)然，也有笨家伙：百度和有道，在FF下依然還是遮擋住了。
關(guān)于問題二因?yàn)樵贗E與FF下大部分搜索引擎采用了上訴的的方法避免了出現(xiàn)輸入法與自動(dòng)完成，所以這個(gè)問題主要是出現(xiàn)在Chrome內(nèi)。從實(shí)際的測試中發(fā)現(xiàn)，國外的搜索引擎表現(xiàn)更佳。
在Chrome的Google與bing搜索，如果使用↑↓鍵，是可以選中自動(dòng)完成的，當(dāng)然，你的輸入法選字也同時(shí)切換了。
當(dāng)然，也有笨家伙：Chrome下的所有中文搜索引擎，以及FF下的百度和有道，依然還是無法使用↑↓鍵選擇自動(dòng)完成。
關(guān)于問題三
好了，我就直接說笨家伙吧，這次上榜的還是百度與有道。但是百度這次可以欣慰了：有道墊底了。有道在FF與Chrome下鼠標(biāo)點(diǎn)擊自動(dòng)完成后，文本框都會(huì)自動(dòng)消失。百度只在Chrome下出現(xiàn)此問題。
說明這些問題并不是表示我強(qiáng)烈的鄙視中文搜索引擎，相反我更愛好他們。但我們需要考慮的問題是：在設(shè)計(jì)文本框的時(shí)候，是否應(yīng)該更加考慮到一個(gè)現(xiàn)實(shí)：所有的中文用戶都在用輸入法輸入文本框。我們的操作比英文用戶更復(fù)雜。
在輸入的時(shí)候，中文用戶多了一個(gè)翻譯的步驟，把鍵盤上的字母翻譯為中文漢字。這也是中文用戶偏愛鼠標(biāo)操作的原因，因?yàn)檩斎氲墓ぷ魈珡?fù)雜了，雖然我們的輸入法在近幾年有著超越的發(fā)展，但對(duì)于用戶而言，這種門檻還是存在的?！辽傥业陌謰屜胧褂秒娔X打字，他們就不得不去學(xué)拼音。
那么，為了使用戶少按一次ctrl+space，讓用戶操作更流暢，在文本框的設(shè)計(jì)上，我們必須更加細(xì)致與謹(jǐn)慎。我個(gè)人總結(jié)有以下幾個(gè)方法。
禁用輸入法
如果某些文本框只允許用戶輸入字母符號(hào)以及數(shù)字（如登陸界面的“用戶名”），那就禁用輸入法吧。
網(wǎng)易郵箱的登陸界面就采用了這種方法，Web界面的實(shí)現(xiàn)手段很簡單，只需在CSS代碼內(nèi)加上：ime-mode:disabled;
當(dāng)然，目前很多產(chǎn)品的登陸界面都進(jìn)行了相同的處理，不妨挖掘下更多產(chǎn)品內(nèi)部的文本框吧。如驗(yàn)證碼輸入框。
|