用戶界面設(shè)計(jì)是非常重要的，在用戶界面設(shè)計(jì)過程中需要考慮到很多問題，要求根據(jù)情況進(jìn)行針對(duì)性的設(shè)計(jì)，那么用戶登錄界面設(shè)計(jì)要點(diǎn)是什么？需要考慮哪些問題？下面一起看下吧。

　　一、要簡單而且容易操作

　　相較于以前那種復(fù)雜的登錄，我們現(xiàn)在網(wǎng)站登錄界面簡單了不少，以前可能只能通過登錄名和密碼登錄，現(xiàn)在可以通過一些其他的方式直接登錄，比如說微信、手機(jī)號(hào)、qq等，即使忘記了用戶名我們也是可以直接登錄的，簡單容易操作了很多。

　　二、要體現(xiàn)人文關(guān)懷

　　我們可以從其他優(yōu)秀的網(wǎng)站他們?cè)诘卿浗缑嫔纤龅墓ぷ髯屛覀兿嘈牛@個(gè)小小的地方，可以圍繞自己的網(wǎng)站用戶，來做很多事情的。登陸界面的人文關(guān)懷可以采用一些有故事的小插圖，一些問候語和自己的網(wǎng)站會(huì)員來進(jìn)行情感與心靈上的交流溝通?，F(xiàn)在很多網(wǎng)站不是在一些節(jié)日，以及會(huì)員的生日，向用戶發(fā)一些問候嗎?這些措施，都容易讓自己的網(wǎng)站用戶感到一種親切感與歸屬感。這些措施雖然沒有那種直接的廣告與品牌宣傳，但這種極富內(nèi)涵的方式恰恰深入的將自己網(wǎng)站的良好的印象植入到自己的用戶心中。

用戶登錄界面設(shè)計(jì)（圖片來自網(wǎng)絡(luò)）

　　三、占位符和標(biāo)簽

　　網(wǎng)站設(shè)計(jì)，登錄界面占位符和標(biāo)簽的設(shè)置也是比較重要的。占位符在表單中的展現(xiàn)形式應(yīng)該如何選，是一件非常棘手的事情。從設(shè)計(jì)的角度上來看，占位符很不錯(cuò)。但是要用好并不容易，尤其是需要兼顧到可訪問性和表單那自動(dòng)填充的時(shí)候。如果你使用HTML來實(shí)現(xiàn)占位符，那么當(dāng)用戶輸入的時(shí)候，占位符會(huì)消失，其結(jié)果是有的用戶此刻會(huì)忘記他真正要輸入的是什么。更麻煩的是，如果你的瀏覽器會(huì)自動(dòng)填充之前的信息的話，那么你永遠(yuǎn)看不到這個(gè)地方占位符。通過檢測(cè)表單內(nèi)容是手動(dòng)輸入還是自動(dòng)填充，我們之前成功地規(guī)避了這個(gè)問題，當(dāng)其中內(nèi)容是瀏覽器自動(dòng)填充之時(shí)，會(huì)有標(biāo)簽說明輸入內(nèi)容，如果是手工輸入，則不會(huì)顯示標(biāo)簽。不過，后來我們發(fā)現(xiàn)，用戶在提交之前喜歡有標(biāo)簽提醒，確保他們輸入的內(nèi)容是對(duì)的，這也就意味著，他們希望輸入過程中，標(biāo)簽一直存在。所以，我們可以使用單獨(dú)的元素來做占位符的標(biāo)簽，當(dāng)用戶輸入的時(shí)候，占位符標(biāo)簽會(huì)自動(dòng)移出輸入框。

　　四、安全特性需要考慮

　　網(wǎng)站設(shè)計(jì)，登錄界面安全性也是我們需要考慮的。最開始我們使用代碼來控制這些標(biāo)簽和占位符的時(shí)候，并不復(fù)雜：每當(dāng)表單中內(nèi)容改變的時(shí)候，檢測(cè)其中的內(nèi)容;如果內(nèi)容為空，占位符標(biāo)簽在表單中顯示;如果不為空，那么就移動(dòng)出去。當(dāng)頁面剛剛加載的時(shí)候，系統(tǒng)會(huì)自動(dòng)檢測(cè)若干次，檢測(cè)瀏覽器是否有自動(dòng)填充內(nèi)容。但是即便如此，依然存在問題。Chrome瀏覽器中有一項(xiàng)安全特性，這一特性的特殊之處在于，它并不會(huì)將之前保存的帳號(hào)和密碼字段直接填充到表單中，哪怕它們看起來填進(jìn)去了(當(dāng)然，用戶通常也不希望瀏覽器自己填充內(nèi)容之后還提交上去)，只有當(dāng)用戶和頁面進(jìn)行交互(也就是提交內(nèi)容的時(shí)候)，瀏覽器中的表單才能檢測(cè)到被填充了內(nèi)容。

用戶登錄界面設(shè)計(jì)（圖片來自網(wǎng)絡(luò)）

　　五、驗(yàn)證和郵箱糾錯(cuò)

　　如果你使用的界面比較小，比如移動(dòng)設(shè)備，非常容易打錯(cuò)登陸郵箱和用戶名，直到提交的時(shí)候才收到系統(tǒng)提醒，輸入的密碼或者帳號(hào)有誤。Mailcheck這樣的郵箱名稱糾錯(cuò)工具，能糾正絕大部分的郵箱地址輸入錯(cuò)誤，極大的降低了登錄輸入錯(cuò)誤率。我們?cè)谥苯蛹尤肓诉@一組件這樣用戶體驗(yàn)會(huì)更好一些。

　　通過上文的介紹，相信大家對(duì)用戶登錄界面設(shè)計(jì)要點(diǎn)也清楚了吧，在用戶登錄界面設(shè)計(jì)時(shí)需要考慮到很多因素，確保順利完成相關(guān)設(shè)計(jì)。