網站設計，每個細節都是需要注意的，對于會員系統網站來說，我們的登錄界面設計這塊是比較重要的 。很多人覺得登錄界面設計比較簡單 ， 這確實不假，但是要想設計的好就必須在安全性和可用性之間找到平衡點，好的界面是可以一下子吸引住我們用戶的 。小編認為，登錄界面設計要考慮的要點其實也是不少的，用戶體驗度這塊是最關鍵的 。關于登錄界面設計要點，小編整理了一些，我們一起來往下看看：
一、要簡單而且容易操作
相較于以前那種復雜的登錄，我們現在網站登錄界面簡單了不少，以前可能只能通過登錄名和密碼登錄，現在可以通過一些其他的方式直接登錄，比如說微信、手機號、qq等，即使忘記了用戶名我們也是可以直接登錄的，簡單容易操作了很多 。
【網站設計之登錄界面設計要點】二、占位符和標簽
網站設計，登錄界面占位符和標簽的設置也是比較重要的 。占位符在表單中的展現形式應該如何選 ， 是一件非常棘手的事情 。從設計的角度上來看，占位符很不錯 。但是要用好并不容易，尤其是需要兼顧到可訪問性和表單那自動填充的時候 。如果你使用HTML來實現占位符，那么當用戶輸入的時候，占位符會消失 ， 其結果是有的用戶此刻會忘記他真正要輸入的是什么 。更麻煩的是，如果你的瀏覽器會自動填充之前的信息的話，那么你永遠看不到這個地方占位符 。
通過檢測表單內容是手動輸入還是自動填充，我們之前成功地規避了這個問題 ， 當其中內容是瀏覽器自動填充之時，會有標簽說明輸入內容，如果是手工輸入，則不會顯示標簽 。不過，后來我們發現 ， 用戶在提交之前喜歡有標簽提醒，確保他們輸入的內容是對的，這也就意味著，他們希望輸入過程中，標簽一直存在 。
所以 ， 我們最終想到了一個優雅的解決方案，使用單獨的元素來做占位符的標簽 ， 當用戶輸入的時候，占位符標簽會自動移出輸入框 。
三、安全特性需要考慮
網站設計，登錄界面安全性也是我們需要考慮的 。最開始我們使用代碼來控制這些標簽和占位符的時候，并不復雜：每當表單中內容改變的時候，檢測其中的內容；如果內容為空，占位符標簽在表單中顯示；如果不為空 ， 那么就移動出去 。當頁面剛剛加載的時候，系統會自動檢測若干次，檢測瀏覽器是否有自動填充內容 。
但是即便如此 ， 依然存在問題 。Chrome瀏覽器中有一項安全特性，這一特性的特殊之處在于，它并不會將之前保存的帳號和密碼字段直接填充到表單中 ， 哪怕它們看起來填進去了（當然，用戶通常也不希望瀏覽器自己填充內容之后還提交上去），只有當用戶和頁面進行交互（也就是提交內容的時候），瀏覽器中的表單才能檢測到被填充了內容 。所以 ， 瀏覽器的這一設計使得我們的標簽會以這樣的形式展現出來：
四、驗證和郵箱糾錯
如果你使用的界面比較?。?比如移動設備，非常容易打錯登陸郵箱和用戶名，直到提交的時候才收到系統提醒 ， 輸入的密碼或者帳號有誤 。
Mailcheck這樣的郵箱名稱糾錯工具 ， 能糾正絕大部分的郵箱地址輸入錯誤，極大的降低了登陸輸入錯誤率 。我們在直接加入了這一組件這樣用戶體驗會更好一些 。
很多人可能覺得登錄界面不太重要 ， 但是在小編看來對于那些商城類網站而言，登錄界面是很關鍵的，因為很多用戶不喜歡繁瑣的東西，如果你網站登錄太麻煩很有可能就會出現用戶直接關掉，選擇其他平臺了，所以這點企業在設計網站的時候就需要考慮在內了 。
