2014-3-14 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來源：http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里
網(wǎng)上擠滿了各種各樣的UI設(shè)計(jì)方案，事實(shí)上我們已經(jīng)有一套套的方案可遵循。但！設(shè)計(jì)永無止境！哪怕是一個(gè)注冊表單的界面設(shè)計(jì)，也值得再細(xì)心研究。下面藍(lán)藍(lán)設(shè)計(jì)給出注冊表單設(shè)計(jì)5個(gè)小技巧
1、別讓用戶重復(fù)填寫相同的內(nèi)容
幾乎每個(gè)人都經(jīng)歷過這樣一個(gè)事實(shí)：注冊時(shí)被要求填寫郵箱地址兩次或重復(fù)輸入密碼。但是這其實(shí)是沒有必要的。僅填寫一次，因?yàn)橛脩粢话愣加浀米约撼Ｓ玫泥]箱地址和密碼。假設(shè)哪天用戶忘記密碼了可以通過郵箱找回，再多此一舉填寫兩次反而更加容易導(dǎo)致用戶流失。
下面是一些非常值得參照的表單設(shè)計(jì)：
2、突出必填字段
從用戶體驗(yàn)的角度來看,最好是沒有可選字段,不需要去做假設(shè)。如果一塊信息毫無意義，那么只會(huì)浪費(fèi)用戶的時(shí)間。不過對于商家就不同了，搜集必要的信息更能促進(jìn)業(yè)務(wù)成功。
如果在注冊表單里面有可選字段，那么我們就要強(qiáng)調(diào)必填字段。通常一個(gè)小標(biāo)志例如星號(*)就足夠了。它可以讓用戶自覺發(fā)現(xiàn)并填寫必須填的字段。
看看下面這些例子：
3、不要強(qiáng)迫用戶在使用我們的服務(wù)前進(jìn)行郵箱驗(yàn)證
換位思考一下：通常為了更好地使用數(shù)字產(chǎn)品和服務(wù)我們往往被要求需要先驗(yàn)證注冊郵箱，另一方面商家也好確認(rèn)用戶。但是這對我們來說有什么好處呢？這些流程只會(huì)讓我們產(chǎn)生厭煩情緒罷了！難道就不能先玩一玩再考慮是否要驗(yàn)證？
好了，回過來。為什么不讓用戶先看看網(wǎng)站設(shè)計(jì)再考慮是否要注冊呢？如果一封電子郵件的確認(rèn)確實(shí)是非常重要的，那么至少也要事先提供給用戶一些有用的服務(wù)，不然很容易趕跑用戶。
4、確保用戶在登記信息時(shí)處于登錄狀態(tài)
另一個(gè)常見的問題就是讓用戶在登錄后就馬上做登記，然而登記完還需要另外再登錄一次。同樣也發(fā)生在許多電子郵件確認(rèn)鏈接里。
這是為了安全起見嗎？用戶一般只填寫一次信息，如果忘記密碼就通過郵件找回。
所以最好就是用戶在登記的時(shí)候保持登錄狀態(tài)，使整個(gè)用戶體驗(yàn)流程更流暢。
Dropbox在這一方面做得很好。用戶在創(chuàng)建賬戶是自動(dòng)重定向到dropbox安裝助理。
5、提供引導(dǎo)，但不強(qiáng)制推動(dòng)
“出于安全考慮，您的密碼必須在8-12字符之間，包含至少一個(gè)大寫字母，數(shù)字和符號。”這是一個(gè)典型的密碼輸入要求，但密碼的長度并不能保證安全。有時(shí)候一個(gè)5字符的密碼已經(jīng)足夠強(qiáng)悍，而有些8字符的密碼卻可以簡單到它僅僅只是一個(gè)“密碼”（不帶有安全性質(zhì)）。
建議顯示提示用戶輸入格式的字段，減少用戶的猜測時(shí)間。
使用額外的提示為用戶提供錯(cuò)誤解決指引。類似于“您務(wù)必填寫完所有表單才能注冊”是一個(gè)很糟糕的設(shè)計(jì)，特別是在用戶根本不知道自己在哪里犯錯(cuò)時(shí)。
針對這一問題有一個(gè)很好的解決方案就是實(shí)時(shí)數(shù)據(jù)驗(yàn)證。驗(yàn)證完畢馬上提醒用戶需要修改。
谷歌在用戶為其谷歌錢包添加信用卡時(shí)，所用的表單設(shè)計(jì)就做得非常好。Skype也是如此。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com