為什么要打造仿淘寶注冊(cè)的Text呢,不為什么,因?yàn)樗每矗『呛牵@個(gè)不算理由,其實(shí)最重要的原因是因?yàn)樽罱陂_發(fā)過程中,發(fā)現(xiàn)驗(yàn)證是個(gè)最麻煩的事情,雖然Eclipse和JFace為我們已經(jīng)提供了比較好用的“高級(jí)”對(duì)話框和向?qū)ы摿耍瑢?duì)于簡(jiǎn)單的應(yīng)用,他們兩個(gè)用起來是非常簡(jiǎn)單,如果要驗(yàn)證的東西非常多,而且還有交叉驗(yàn)證(我自己起的名字,就是填了A就不再驗(yàn)證BCD的錯(cuò)在了,或者填了C就要驗(yàn)證AD存在)處理起來了就麻煩了,前兩天以為新同事接手一端代碼,發(fā)現(xiàn)里面竟然有20+個(gè)監(jiān)聽器,驗(yàn)證邏輯復(fù)雜的要死~為了解決這個(gè)問題。再結(jié)合B/S的開發(fā)經(jīng)驗(yàn),我認(rèn)為,完全沒有必要當(dāng)用戶把所有的必填項(xiàng)全都填了以后再把OK按鍵打開,不然永遠(yuǎn)置灰~大家做過的哪個(gè)B/S程序是這樣的?不都是他愛填填,不愛填拉到,點(diǎn)確定的時(shí)候我告訴,或者是,我以上來就告訴你哪些必填,不填的,點(diǎn)擊確定繼續(xù)提醒!
OK,閑話少說,先看看淘寶的注冊(cè)吧~我一直認(rèn)為淘寶的注冊(cè)界面是國(guó)內(nèi)客戶體驗(yàn)度最好的~
首先界面一打開就是這樣的提示,在input框的左下腳又一個(gè)藍(lán)色的小箭頭,代表此文本框必填;
當(dāng)獲得焦點(diǎn)以后改變,后面的提示框高亮,著重提醒用戶;
如果沒有填,必填項(xiàng),提交的時(shí)候的提示;
填寫正確的提示;
OK,分析了上面的四種狀態(tài),那么我們來確定我們需要做成什么樣子的~首先,我們需要;
必填提醒狀態(tài)
填寫正確提醒狀態(tài)
錯(cuò)誤填寫提醒狀態(tài)
還有就是鼠標(biāo)移動(dòng)到三種圖標(biāo)上的浮動(dòng)框詳細(xì)說明,因?yàn)槲覀儾豢赡芟裉詫毮菢樱粋€(gè)控件占那么大位置,用戶界面還需要放更多的東西。
大致的任務(wù)交代清楚了,下一次再寫詳細(xì)的實(shí)現(xiàn)過程。
客戶虐我千百遍,我待客戶如初戀!