如何做好登錄頁面的用戶體驗(yàn)?

登錄是99%以上產(chǎn)品都會(huì)做的基本功能括享,那么移動(dòng)端的登錄也有那些坑可以繞過搂根?

標(biāo)簽:靈感、用戶界面設(shè)計(jì)奶浦,網(wǎng)頁和移動(dòng)端設(shè)計(jì)

一款應(yīng)用的成功有賴于很多因素兄墅,但在其中最重要的是優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)踢星。像實(shí)際那樣澳叉,在所有應(yīng)用市場中,最高排名的恰好是那些令人記憶尤新的沐悦。

顯然成洗,這并不是你要考慮的所有的——有很多的元素都需要被包含和完美組合。正因如此藏否,UX才會(huì)在所有方面都是完美的瓶殃。

對(duì)于你UX最好的行動(dòng)方案,是跟隨行業(yè)里最好的例子和實(shí)踐副签。你應(yīng)該應(yīng)用普遍和熟悉的模式遥椿,并且研究你的用戶來弄清楚,對(duì)于他們什么會(huì)有最好的效果淆储。


過程并不簡單冠场,你所選擇的每一個(gè)實(shí)踐,都涉及了一個(gè)具體的基礎(chǔ)心理學(xué)的多方面理解本砰。

文本輸入框增加提示


如果用戶使用你的服務(wù)必須登錄碴裙,那么信息字段是你必須要做的主要功能(即輸入框中的提示語,如:輸入手機(jī)號(hào)碼点额,輸入驗(yàn)證碼舔株。)

使這些字段清楚可視,并且不要強(qiáng)迫用戶到處尋找还棱,或花更多的步驟進(jìn)到App. 一旦他們進(jìn)到App, 登錄界面是他們所應(yīng)當(dāng)見到的第一個(gè)事情载慈。

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

“注冊(cè)”和“登陸”不應(yīng)該放在一起

更多地時(shí)候料扰,我們看到注冊(cè)和登陸按鈕被放置的靠近彼此凭豪,但是這會(huì)對(duì)用戶產(chǎn)生反作用。

這兩個(gè)動(dòng)作都包含了相同的動(dòng)詞晒杈,并且看起來也很相似嫂伞,所以他們會(huì)混淆用戶的選擇。在有限的時(shí)間內(nèi)進(jìn)入問題拯钻,他們可能會(huì)感到沮喪并且離開帖努。

基本上,任何界面上不應(yīng)該有使用戶“暫头喟悖”和“思考”的元素拼余。

如果你想讓他們的體驗(yàn)完美無瑕,分開這注冊(cè)和登陸兩個(gè)區(qū)域亩歹,并且使差別清晰可見匙监。另外,你可以使用不同的動(dòng)詞或者簡單解釋不同的字段是什么小作。


除了動(dòng)詞“Sign”是事實(shí)之外亭姥,另一個(gè)另用戶感到困惑的是,登錄和注冊(cè)部分通常有相同數(shù)量的輸入框(用戶名顾稀,密碼达罗,和郵箱)。

為了完全地區(qū)分静秆,最小化新用戶嘗試直接登錄的機(jī)會(huì)粮揉。用不同的輸入字段。

讓密碼可被看到

當(dāng)大多數(shù)用戶的密碼由于安保原因被打了馬賽克抚笔,用戶頻繁遇見的另一個(gè)問題是打錯(cuò)他們的密碼扶认。

這甚至?xí)l(fā)生在很有經(jīng)驗(yàn)的打字員身上,特別是當(dāng)他們?cè)谝苿?dòng)設(shè)備上登錄的時(shí)候塔沃。

防止這種情況發(fā)生的做法是:在密碼字符旁邊包含一個(gè)“顯示密碼”的單選框或圖標(biāo)蝠引。

讓他們知道什么是錯(cuò)誤的

如果應(yīng)用監(jiān)測到一個(gè)錯(cuò)誤的密碼組合,和用戶名蛀柴,但是沒有明確的報(bào)告給用戶問題是什么螃概,用戶可能會(huì)多次嘗試后,很生氣的退出應(yīng)用鸽疾。

這是為什么你應(yīng)該考慮通用的回復(fù)(例如“你的密碼或郵箱不符合”)吊洼,并且給他們立馬回復(fù)怎么解決這個(gè)問題。

為什么人們登錄時(shí)人們很少記住“用戶名”制肮?如果使用用戶名登錄冒窍,你會(huì)面對(duì)很多可避免的困難:用戶名必須是一個(gè)唯一的递沪,這意味著人們會(huì)重復(fù)嘗試輸入一個(gè)系統(tǒng)里目前還沒有的用戶名,或者最終使用其真實(shí)姓名综液。

過了一會(huì)兒款慨,用戶想出了一個(gè)唯一的登錄名,但是只過了一小會(huì)兒就忘記了谬莹,因?yàn)檫@個(gè)用戶名對(duì)他沒有任何的意義檩奠。

另一個(gè)事情可以促進(jìn)登錄,是提供給用戶幾個(gè)登錄選項(xiàng)附帽,并且給他們機(jī)會(huì)來選擇和嘗試用戶名而不會(huì)沮喪埠戳。在這過程中強(qiáng)迫的一部分是允許他們使用郵箱地址和密碼來注冊(cè)。

需要一個(gè)“忘記你的密碼”的流程

忘記密碼發(fā)生在所有人身上蕉扮,這也是為什么整胃,你急迫的給到用戶一個(gè)機(jī)會(huì)來恢復(fù)密碼,那么就直接在登錄界面這么做吧喳钟。

所要做的就是屁使,在輸入框下增加一個(gè)“忘記你的密碼”的鏈接,并讓系統(tǒng)能給用戶的郵箱或電話號(hào)碼發(fā)送驗(yàn)證碼荚藻。

不要鎖了用戶的賬號(hào)而不告知他們

為了避免強(qiáng)迫進(jìn)入和暴力攻擊屋灌,許多網(wǎng)頁和應(yīng)用在一系列的錯(cuò)誤嘗試之后關(guān)閉賬戶洁段。

安全第一应狱,但是你至少要嘗試告訴用戶,在多少次嘗試后祠丝,在關(guān)閉賬戶前疾呻,他們必須離開。你也可以分享更多的細(xì)節(jié)写半,例如岸蜗,在試錯(cuò)后的十分鐘才可以再次嘗試的事實(shí)。

登錄樣式靈感

如果在過去叠蝇,都是在用相同的無風(fēng)格和定制化的登錄頁×г溃現(xiàn)如今,給你的應(yīng)用悔捶,創(chuàng)造一個(gè)獨(dú)特的登錄頁設(shè)計(jì)是非常重要的事情铃慷,尤其是你想要圍繞你的應(yīng)用和服務(wù)來創(chuàng)造品牌。

結(jié)尾思考

對(duì)用戶來說蜕该,登陸已經(jīng)很困難了犁柜,所以,使之變得更復(fù)雜堂淡,對(duì)你的產(chǎn)品來說并不是一個(gè)很聰明的決定馋缅。避免更大的和不熟悉的形式扒腕,并且讓輸入字符簡單可視。這些只是一些為了節(jié)省用戶時(shí)間可以考慮的技巧萤悴,并且?guī)椭麄兿硎苣闼峁┑姆?wù)瘾腰。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市覆履,隨后出現(xiàn)的幾起案子居灯,更是在濱河造成了極大的恐慌,老刑警劉巖内狗,帶你破解...
    沈念sama閱讀 219,490評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件怪嫌,死亡現(xiàn)場離奇詭異,居然都是意外死亡柳沙,警方通過查閱死者的電腦和手機(jī)岩灭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來赂鲤,“玉大人噪径,你說我怎么就攤上這事∈酰” “怎么了找爱?”我有些...
    開封第一講書人閱讀 165,830評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長泡孩。 經(jīng)常有香客問我车摄,道長,這世上最難降的妖魔是什么仑鸥? 我笑而不...
    開封第一講書人閱讀 58,957評(píng)論 1 295
  • 正文 為了忘掉前任吮播,我火速辦了婚禮,結(jié)果婚禮上眼俊,老公的妹妹穿的比我還像新娘意狠。我一直安慰自己,他們只是感情好疮胖,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,974評(píng)論 6 393
  • 文/花漫 我一把揭開白布环戈。 她就那樣靜靜地躺著,像睡著了一般澎灸。 火紅的嫁衣襯著肌膚如雪院塞。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,754評(píng)論 1 307
  • 那天击孩,我揣著相機(jī)與錄音迫悠,去河邊找鬼。 笑死巩梢,一個(gè)胖子當(dāng)著我的面吹牛创泄,可吹牛的內(nèi)容都是我干的艺玲。 我是一名探鬼主播,決...
    沈念sama閱讀 40,464評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼鞠抑,長吁一口氣:“原來是場噩夢啊……” “哼饭聚!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起搁拙,我...
    開封第一講書人閱讀 39,357評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤秒梳,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后箕速,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體酪碘,經(jīng)...
    沈念sama閱讀 45,847評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,995評(píng)論 3 338
  • 正文 我和宋清朗相戀三年盐茎,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了兴垦。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,137評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡字柠,死狀恐怖探越,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情窑业,我是刑警寧澤钦幔,帶...
    沈念sama閱讀 35,819評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站常柄,受9級(jí)特大地震影響鲤氢,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜拐纱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,482評(píng)論 3 331
  • 文/蒙蒙 一铜异、第九天 我趴在偏房一處隱蔽的房頂上張望哥倔。 院中可真熱鬧秸架,春花似錦、人聲如沸咆蒿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽沃测。三九已至缭黔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間蒂破,已是汗流浹背馏谨。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評(píng)論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留附迷,地道東北人惧互。 一個(gè)月前我還...
    沈念sama閱讀 48,409評(píng)論 3 373
  • 正文 我出身青樓哎媚,卻偏偏與公主長得像,于是被迫代替她去往敵國和親喊儡。 傳聞我的和親對(duì)象是個(gè)殘疾皇子拨与,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,086評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 一款應(yīng)用的成功有賴于很多因素,但在其中最重要的是優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)艾猜。像實(shí)際那樣买喧,在所有應(yīng)用市場中,最高排名的恰好是...
    UI設(shè)計(jì)學(xué)習(xí)閣閱讀 1,018評(píng)論 0 5
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理匆赃,服務(wù)發(fā)現(xiàn)淤毛,斷路器,智...
    卡卡羅2017閱讀 134,672評(píng)論 18 139
  • 22年12月更新:個(gè)人網(wǎng)站關(guān)停算柳,如果仍舊對(duì)舊教程有興趣參考 Github 的markdown內(nèi)容[https://...
    tangyefei閱讀 35,184評(píng)論 22 257
  • 一钱床、簡介在iOS所有實(shí)現(xiàn)多線程的方案中,GCD應(yīng)該是最有魅力的埠居,因?yàn)镚CD本身是蘋果公司為多核的并行運(yùn)算提出的解決...
    MYS_iOS_8801閱讀 572評(píng)論 0 0
  • 七夕至查牌,日歷知。 落葉枯黃滥壕,然知秋已至纸颜。 君在何方,夢里伊人依稀在绎橘。 而何將至胁孙,才知君來。 歲月斑駁白發(fā)称鳞, 淡化照...
    just4you閱讀 168評(píng)論 3 0