2016-12-2 ui設(shè)計(jì)分享達(dá)人
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，?請(qǐng)點(diǎn)這里
不論是網(wǎng)頁(yè)設(shè)計(jì)師還是UI設(shè)計(jì)師，登錄和注冊(cè)頁(yè)面的設(shè)計(jì)是必然經(jīng)歷過(guò)的工作內(nèi)容。登錄界面的設(shè)計(jì)說(shuō)難不難，說(shuō)容易也不是那么輕松就可以做好的，要在安全和可用性之間找到登錄界面的平衡點(diǎn)，還是需要相當(dāng)?shù)慕?jīng)驗(yàn)來(lái)支撐的。那么，具體怎么去把握好這個(gè)平衡點(diǎn)呢？
（1）輕松不費(fèi)力。通常，我們打開(kāi)登錄界面，并不是為了查看登錄表單本身，而是由此登錄賬戶(hù)。表單本身僅僅只是獲取個(gè)人信息的一個(gè)手段，而非目的。從這一點(diǎn)來(lái)看，登錄體驗(yàn)應(yīng)該輕松而不費(fèi)力，一切設(shè)計(jì)都應(yīng)盡力降低干擾，剪除障礙，讓你更輕松完成登錄這一任務(wù)，而不用進(jìn)行任何多余的操作。
（2）登錄按鈕的回歸。畢竟在今天，輸入完帳號(hào)密碼之后按回車(chē)鍵登錄是一件自然而然的事情，有沒(méi)有登錄按鈕似乎影響不大。但是，當(dāng)我們觀察實(shí)際用戶(hù)操作之后才意識(shí)到，有許多用戶(hù)寧可點(diǎn)擊按鈕提交表單也不愿點(diǎn)擊回車(chē)鍵。所以，登錄按鈕該有還是要有的。
（3）占位符和標(biāo)簽。占位符在表單中的展現(xiàn)形式應(yīng)該如何選，是一件非常棘手的事情。從設(shè)計(jì)的角度上來(lái)看，占位符很不錯(cuò)。但是要用好并不容易，尤其是需要兼顧到可訪問(wèn)性和表單那自動(dòng)填充的時(shí)候。如果你使用HTML來(lái)實(shí)現(xiàn)占位符，那么當(dāng)用戶(hù)輸入的時(shí)候，占位符會(huì)消失，其結(jié)果是有的用戶(hù)此刻會(huì)忘記他真正要輸入的是什么。更麻煩的是，如果你的瀏覽器會(huì)自動(dòng)填充之前的信息的話(huà)，那么你永遠(yuǎn)看不到這個(gè)地方占位符。
（4）驗(yàn)證和建議。正如同我們?cè)谥暗奈恼轮兴f(shuō)的，之前的設(shè)計(jì)非常容易打錯(cuò)登錄郵箱和用戶(hù)名，直到提交的時(shí)候才收到系統(tǒng)提醒，輸入的密碼或者帳號(hào)有誤。
（5）尷尬的安全特性。最開(kāi)始我們使用代碼來(lái)控制這些標(biāo)簽和占位符的時(shí)候，并不復(fù)雜：每當(dāng)表單中內(nèi)容改變的時(shí)候，檢測(cè)其中的內(nèi)容;如果內(nèi)容為空，占位符標(biāo)簽在表單中顯示;如果不為空，那么就移動(dòng)出去。當(dāng)頁(yè)面剛剛加載的時(shí)候，系統(tǒng)會(huì)自動(dòng)檢測(cè)若干次，檢測(cè)瀏覽器是否有自動(dòng)填充內(nèi)容。
用戶(hù)體驗(yàn)和UI設(shè)計(jì)并非一成不變的東西，它們會(huì)隨著時(shí)間和地區(qū)的改變而不停地調(diào)整。
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com?)是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì)?、 cs界面設(shè)計(jì)?、 ipad界面設(shè)計(jì)?、 包裝設(shè)計(jì)?、 圖標(biāo)定制?、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、?網(wǎng)站建設(shè)?、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com
