登錄是99%以上的手機app都會做的基本功能，那么什么樣的手機app登錄界面設計是好的呢？

一個登錄界面，它內里包含很多細微的東西，除去外觀視覺，更多要注意的是交互的操作體驗，比如一些動畫、一些文案提示等細節(jié)等等都要注意，如果你是UI設計師，建議看看這篇文章，文末有案例，也許能幫助你更好的去設計一個用戶體驗友好的APP登錄界面。

下面通過幾個關于登錄界面的設計指南，讓你更好的運用在設計過程中。

1 文本輸入框需增加提示

如果用戶使用你的服務必須登錄，那么輸入框中的提示語（如：輸入手機號碼，輸入驗證碼）必須要增加。

使這些字段清楚可見，并且不要讓用戶到處尋找，或花更多的步驟進到App。

提示：相比于使用常見的“登錄”“登陸”的按鈕，可以更富有創(chuàng)造性，并要包含可直接輸入?yún)^(qū)域。確保記住用戶的數(shù)據(jù)，這樣他們就不需要每次輸入信息。

“注冊”和“登陸”不應該放在一起

很多時候，我們看到注冊和登陸按鈕并排放置，其實這樣是會對用戶產(chǎn)生反作用的。

這兩個動作都包含了相同的動詞，并且看起來也很相似，所以他們會混淆用戶的選擇。用戶一思考一猶豫就會離開。所以，任何界面上不應該有使用戶“暫?！焙汀八伎肌钡脑?。

如果你想讓他們的體驗更好，分開這注冊和登錄這兩個區(qū)域，并且設計得有差異化。另外，你可以使用不同的動詞或者簡單解釋不同的字段是什么。

在登錄和注冊部分，增加不同的輸入字段

除了動詞“登入”之外，另一個另用戶感到困惑的是，登錄和注冊部分通常有相同數(shù)量的輸入框（用戶名，密碼，和郵箱）。為了更好的區(qū)分，最小化新用戶嘗試直接登錄的機會。應用不同的輸入字段。

可以讓密碼可見

大多數(shù)用戶的密碼出于安全的考慮被打上了馬賽克，但用戶經(jīng)常輸錯密碼，就算個程序員，經(jīng)常敲鍵盤，在手機上也是會輸錯密碼的，為了避免用戶的這種焦慮情況，應該在密碼輸入框的旁邊增加一個“顯示密碼”的按鈕。

讓用戶知道哪里錯了

如果應用監(jiān)測到一個錯誤的密碼組合，或用戶名，但是沒有明確的報告給用戶哪里錯了，用戶可能會多次嘗試后，很生氣的退出應用。

所以你應該考慮回復哪里出錯了（例如“你的密碼或郵箱不符合”），并且給他們立馬回復怎么解決這個問題。

登錄時增加郵箱地址或手機號，而不只是用戶名

為什么人們登錄時很少有人會記住“用戶名”？如果使用用戶名登錄，用戶會面臨幾個問題：用戶名必須是一個唯一的，這意味著人們會重復嘗試輸入一個系統(tǒng)里目前還沒有的用戶名，或者最終使用其真實姓名。

過了一會兒，用戶想出了一個唯一的登錄名，但是過了一小會兒又會忘記，因為這個用戶名對他沒有任何的意義。

所以，為了讓用戶快速登錄，應該提供給用戶幾個登錄選項，并且給他們機會來選擇和嘗試用戶名。

但是，在注冊的時候，就需要要求用戶使用郵箱地址或手機號來注冊。

需要一個“忘記密碼”的流程

忘記密碼可能發(fā)生在所有人身上，這也是為什么，你需要給用戶一個恢復密碼的選項，所以直接在登錄界面加上是最好的。

所要做的就是，在輸入框下增加一個“忘記你的密碼”的鏈接，并讓系統(tǒng)能給用戶的郵箱或手機號發(fā)送驗證碼。

不能沒有提醒用戶就關停他們的賬號

為了避免強迫進入和暴力攻擊，許多網(wǎng)頁和應用在一系列的錯誤嘗試之后關閉賬戶。

安全第一，但是你至少要嘗試告訴用戶，在多少次嘗試后，你們會關閉他的賬號。你也可以提供更多提示，例如，在試錯后的十分鐘才可以再次嘗試。

登錄界面設計靈感

以前我們可能使用了相同的風格或樣式來設計登錄頁，但是，現(xiàn)在每個應用都希望在不影響用戶體驗的情況下，做出更贊的設計，而且還要與應用的品牌理論一致。所以，我們分享一些app的登錄界面設計，希望能給您提供一些設計靈感。

Roostio Login Screen

Job Board – Company Profile / Login

Shopping app

Tailslife: Login

Moody Sign Up/In Screen

Bandio App Login & Sign Up

ZSSK – login and route detail

DailyUI Day001

Sign Up Window – Daily UI #001

原文：designyourway? 原作者：Bogdan Sandu