雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

用戶登錄界面設(shè)計要點(diǎn)是什么?需要考慮哪些問題

Time: 2021-04-09

用戶界面設(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è)計

用戶登錄界面設(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è)計

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


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

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

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


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開