推薦：簡(jiǎn)單的設(shè)計(jì)
什么是簡(jiǎn)單？很多時(shí)候我們把簡(jiǎn)單和簡(jiǎn)潔混淆成一個(gè)概念，以為簡(jiǎn)單就是使用盡量少的視覺元素。其實(shí)不然。簡(jiǎn)潔和簡(jiǎn)單關(guān)注的角度不同。簡(jiǎn)潔強(qiáng)調(diào)的是“潔”，是干凈；而簡(jiǎn)單強(qiáng)調(diào)的是“單”，是不復(fù)雜、容易—容易獲

驗(yàn)證碼(CAPTCHA)是“Completely Automated Public Turing test to tell Computers and HumansApart”(全自動(dòng)區(qū)分計(jì)算機(jī)和人類的圖靈測(cè)試)的縮寫，是一種區(qū)分用戶是計(jì)算機(jī)和人的公共全自動(dòng)程序。
<摘自百度百科>
不知道你是否有過本文標(biāo)題那樣的想法?
在填寫了一長(zhǎng)串表單，最后還有一個(gè)驗(yàn)證碼在等著你，就好像100米賽跑到就差10米時(shí)候，卻發(fā)現(xiàn)前面有個(gè)柵欄要跨的感覺。

驗(yàn)證碼現(xiàn)如今存在于互聯(lián)網(wǎng)的各個(gè)角落，提交有驗(yàn)證碼，回復(fù)有驗(yàn)證碼，注冊(cè)有驗(yàn)證碼，綁定有驗(yàn)證碼，修改有驗(yàn)證碼，付費(fèi)還有驗(yàn)證碼。

從安全角度來說，驗(yàn)證碼無疑是一個(gè)好方法，可以防止一些惡意程序的操作，但在界面設(shè)計(jì)師們絞盡腦汁想減少用戶操作步驟來說，是無法避免但又不起決定性操作的一步，據(jù)統(tǒng)計(jì)人們平均停留在驗(yàn)證碼的時(shí)間超過5.5秒，有的網(wǎng)站的安全防范特別高，驗(yàn)證碼的信息是隨機(jī)大小寫+隨機(jī)數(shù)字+隨機(jī)干擾圖形的混合，如下圖：

整個(gè)背景圖案都快跟字符融合到一起了，肉眼識(shí)別都困難，更不用說機(jī)器，或者鼠標(biāo)只要離開驗(yàn)證碼框，驗(yàn)證碼就自動(dòng)刷新，這無疑大大增加了用戶停留時(shí)間。

有時(shí)候就是這短短的幾秒，大腦經(jīng)過思考過程很容易會(huì)改變當(dāng)前的決定，如果這是一個(gè)注冊(cè)流程，很可能網(wǎng)站又失去了一個(gè)用戶，如果這是一個(gè)付費(fèi)流程，可能網(wǎng)站失去了一筆交易。這肯定不是我們的初衷。

但在各種黑客手段層出不窮的今天，網(wǎng)站又不得不使用驗(yàn)證碼來保證用戶的操作安全，那么我們能不能將驗(yàn)證碼這一步做的沒那么麻煩?

目前大多數(shù)網(wǎng)站還是使用的內(nèi)容和交互比較復(fù)雜的驗(yàn)證碼，不過也有網(wǎng)站他們正在做一些改變。設(shè)想下如果驗(yàn)證碼都是一個(gè)隨機(jī)英文單詞+隨機(jī)干擾背景，如下圖：

這樣，用戶在只輸出的幾個(gè)字母，目前主流的輸入法自帶的聯(lián)想字詞，就自動(dòng)顯示出來，簡(jiǎn)單的選擇下就可以了，還不容易出錯(cuò)。個(gè)人感覺比較適合定義為小清新/文青的網(wǎng)站，用單詞做驗(yàn)證碼，雖然只是一個(gè)小細(xì)節(jié)，但還是保持了網(wǎng)站整體風(fēng)格，當(dāng)然如果遇到使用一些少數(shù)不帶聯(lián)想字詞輸入法的用戶可能會(huì)慢些。

還有些辦法比較適合中國(guó)地區(qū)使用，如上圖用隨機(jī)漢字和隨機(jī)干擾背景，這個(gè)雖然也要耗費(fèi)時(shí)間，但在中國(guó)地區(qū)來說，中文至少比英文識(shí)別速度更快，盲打的速度也高。如果將驗(yàn)證碼中文設(shè)定為隨機(jī)成語，配合輸入法的聯(lián)想功能，這樣也能更方便一些。

還有一種方法，適用于填寫內(nèi)容很長(zhǎng)的表單。將驗(yàn)證碼的位置做一些變化，將它放在關(guān)鍵填寫內(nèi)容之后，或者放在靠前明顯位置，這樣用戶一上來就將這步不必要，又不得不做的一步做完了，后面時(shí)間就專心填寫自己所需內(nèi)容，對(duì)提高效率也有一定幫助，當(dāng)然個(gè)人建議驗(yàn)證碼內(nèi)容不要過于繁雜，刷新機(jī)制不要太嚴(yán)格，不然用戶在第一步就遇到障礙更不用說耐心填寫后面內(nèi)容了。

目前很多設(shè)計(jì)團(tuán)隊(duì)都不斷在對(duì)驗(yàn)證碼的呈現(xiàn)方式做優(yōu)化，說明大家都意識(shí)到驗(yàn)證碼的作用和定位。所以個(gè)人認(rèn)為，界面設(shè)計(jì)既然是對(duì)人機(jī)交互，操作界面的整體設(shè)計(jì)，那么除了在注重外表美觀，色彩風(fēng)格的同時(shí)，更要注重用戶習(xí)慣，在不脫離當(dāng)前主流設(shè)計(jì)的情況下，將操作簡(jiǎn)捷最大化，記憶負(fù)擔(dān)最小化。

分享：頁面構(gòu)建和js前端不得不說的那點(diǎn)事兒
作為微博的頁面構(gòu)建工程師，主要職責(zé)就是利用htmlcss，高質(zhì)量的完成靜態(tài)頁面的制作，保證項(xiàng)目的按時(shí)完成。而頁面需要的js效果則交給下游的js前端工程師去做。在微博，這兩個(gè)崗位是分開的。但在大家的思維定勢(shì)里可能覺得這兩個(gè)崗位應(yīng)由一個(gè)人來完成最好，畢竟，頁面構(gòu)建