小編導(dǎo)讀：登錄界面是很多產(chǎn)品設(shè)計容易忽略的一面，但是如果你細(xì)想一下，你就會意識到登陸頁的重要性了。

相信我們都有過這樣的體驗(yàn)：登錄過程中出現(xiàn)不明錯誤，卻不會有任何提示告訴你是用戶名錯了還是密碼錯了；快速輸入賬號和密碼，瀟灑地按一下回車鍵，等個十幾秒，沒反應(yīng)？原來還要點(diǎn)一下坑爹的「登錄」按鈕。如果登錄的界面都能設(shè)計成這樣，相信產(chǎn)品也好不到那里去。不過沒關(guān)系，以下就是登陸頁設(shè)計的幾個重要原則。

1. 簡單

這點(diǎn)無需贅言，但是用戶就是希望登陸頁能越快過去越好。登陸頁的這種性質(zhì)直接決定了它只能發(fā)揮這一種作用（但國產(chǎn)應(yīng)用將登陸頁的作用發(fā)揮到了極致，一不留神就…），所以應(yīng)該盡可能簡單，高效。但是隨著兩步驗(yàn)證等的加入，登陸頁變得越來越復(fù)雜，設(shè)計一張簡潔高效的登陸頁做起來比說起來難得多。設(shè)計師可以化繁為簡，使用流暢的動畫和單頁設(shè)計，讓整個頁面看起來運(yùn)行速度快，如絲般流暢。

2. 實(shí)體登錄鍵

如今，很多網(wǎng)站都采用了點(diǎn)擊回車鍵進(jìn)入的設(shè)計。但是根據(jù)調(diào)查，普通用戶還是喜歡有一個登錄鍵可以點(diǎn)擊，所以設(shè)計師要做好兩手準(zhǔn)備，給技術(shù)宅設(shè)計一個回車鍵，普通用戶還是老老實(shí)實(shí)使用鼠標(biāo)吧。

3. 自動更正

我們在登錄的時候，往往會因?yàn)檩斎敕ǖ膯栴}打錯用戶名或密碼，使用 Mailcheck 這款在線服務(wù)可以檢查郵件輸入時的問題。雖然不能保證更正所有的問題，但是把「gmail」寫成「gmaul」這類的錯誤還是可以更正的。

4. 占位符

現(xiàn)在很多的網(wǎng)站都會把「登錄名」的標(biāo)簽放在輸入框里面，也就是說，當(dāng)你開始輸入的時候，標(biāo)簽會自動隱藏，然后輸入框內(nèi)僅僅顯示你輸入的內(nèi)容。但是經(jīng)過調(diào)查發(fā)現(xiàn)，絕大多數(shù)的用戶還是希望能有一個「登錄名」的標(biāo)簽，這樣就能夠在輸入后檢查是否填寫正確。有一種解決方案是非常好的，前面不變，但是當(dāng)用戶開始輸入的時候，「登錄名」就滑到左邊，這樣不僅增加了一個漂亮的動畫，還方便用戶檢查填寫的信息，不會犯把賬號填寫到了密碼處的低級錯誤。

以上這些登錄的設(shè)計實(shí)現(xiàn)起來并不是很難，但是很多產(chǎn)品往往忽略了這些小問題，導(dǎo)致用戶體驗(yàn)不佳。但是不管問題多小，都會影響到用戶對產(chǎn)品的整個體驗(yàn)。

本文作者 ：@陳剛 ? ?來自：TECH2IPO