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

　　一、要簡單而且容易操作

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

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

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

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

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

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

　　四、安全特性需要考慮

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

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

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

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

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