交互那些事兒—登錄注冊(cè)模塊(一)

登錄的必要性

登錄就好比APP大門外的守衛(wèi),如果你真有公事要辦,那么進(jìn)門查崗和登記是有必要的虱岂,可是你要是憋了泡尿,只想進(jìn)去上個(gè)廁所菠红,此時(shí)守衛(wèi)還要你出示證件第岖,你恨不得直接撒他身上。目前來(lái)說(shuō)试溯,讓用戶登錄的目的基本上有兩種:一是需要賬號(hào)獲取用戶數(shù)據(jù)并且使用一些基本功能蔑滓,如跟帖、評(píng)論等(如facebook遇绞、新浪微博键袱、網(wǎng)易新聞等);二是需要將數(shù)據(jù)同步到不同設(shè)備和平臺(tái)(如印象筆記)试读。

當(dāng)一個(gè)產(chǎn)品成熟了之后杠纵,登錄是必不可少的功能,那么钩骇,此時(shí)登錄出現(xiàn)的時(shí)機(jī)就很重要比藻。

登錄出現(xiàn)的時(shí)機(jī)

關(guān)于究竟是在應(yīng)用啟動(dòng)時(shí)就顯示登陸頁(yè)面還是在用戶需要執(zhí)行某項(xiàng)操作時(shí)才出現(xiàn),這應(yīng)該視應(yīng)用自身屬性所決定倘屹。像對(duì)于微信银亲、支付寶等這樣具有高度個(gè)人化的產(chǎn)品,將注冊(cè)登錄放置在應(yīng)用啟動(dòng)頁(yè)纽匙,對(duì)于用戶來(lái)講是容易接受的务蝠,因?yàn)楫a(chǎn)品本身就具有個(gè)人化的屬性。而像微博烛缔、足記等具有資訊或者說(shuō)是公共展示的功能馏段,如果在用戶打開(kāi)應(yīng)用轩拨,看到的直接是登錄界面,這樣在無(wú)法了解產(chǎn)品功能的情況下就強(qiáng)制用戶登錄院喜,就會(huì)有潛在用戶流失的風(fēng)險(xiǎn)亡蓉。所以對(duì)于具有公共屬性的應(yīng)用,可以通過(guò)開(kāi)放部分公共屬性功能喷舀,讓用戶對(duì)產(chǎn)品的內(nèi)容和定位有清晰了解與認(rèn)可后砍濒,當(dāng)用戶需要使用個(gè)性化屬性功能(如發(fā)布帖子、評(píng)論硫麻、關(guān)注爸邢、點(diǎn)贊等)時(shí),在引導(dǎo)用戶進(jìn)行注冊(cè)登錄拿愧,這樣的體驗(yàn)要好很多杠河。

登錄界面的幾種形式

1、登錄表單應(yīng)該盡可能少的輸入:用戶名赶掖、密碼感猛、操作按鈕七扰、密碼幫助以及注冊(cè)選項(xiàng)奢赂,一些應(yīng)用將這些輸入框全部設(shè)計(jì)在同一個(gè)頁(yè)面上。

2颈走、在首頁(yè)顯示登錄和注冊(cè)選項(xiàng)膳灶,然后引導(dǎo)用戶去填寫表單。要注意的是立由,在用戶選擇注冊(cè)或登錄后轧钓,應(yīng)該讓第一個(gè)輸入框自動(dòng)獲得焦點(diǎn),避免用戶做額外的點(diǎn)擊操作以打開(kāi)鍵盤锐膜。

安卓版的印象筆記毕箍,登陸注冊(cè)位于啟動(dòng)頁(yè)的右上角,通過(guò)手勢(shì)滑動(dòng)呼出登陸道盏、注冊(cè)頁(yè)面

3而柑、將注冊(cè)和登錄選項(xiàng)放在引導(dǎo)頁(yè)上,通過(guò)在每一頁(yè)上固定顯示這些選項(xiàng)荷逞,讓新用戶一旦決定使用應(yīng)用就可以立刻注冊(cè)媒咳,同時(shí)老用戶也一樣可以方便登錄。

4种远、標(biāo)簽頁(yè)是另一種既呈現(xiàn)兩個(gè)選項(xiàng)又能將導(dǎo)航最小化的可行模式涩澡。

? ? ? ? ? ? ? ? ? ? ? ?

5、筆者近期發(fā)現(xiàn)的坠敷,當(dāng)打應(yīng)用開(kāi)豆瓣小組妙同,應(yīng)用首屏的下方有一欄顯示登錄射富、注冊(cè)選項(xiàng),用戶可以在此狀態(tài)下在應(yīng)用內(nèi)任意瀏覽粥帚。這樣的好處是能讓用戶很直觀的了解應(yīng)用功能辉浦,并能隨時(shí)提醒用戶是否要注冊(cè)、登錄茎辐。

這些模式中的任何一種都可以加上第三方登陸選項(xiàng).第三方帳號(hào)登陸的好處是你的手機(jī)中已經(jīng)有一些現(xiàn)成的登陸信息,你只要獲取授權(quán)就可以,不用輸入任何用戶名和密碼,有些權(quán)限高的甚至可以將其他app中的昵稱頭像等一并拿來(lái)宪郊。那么,登陸頁(yè)面到底要怎么布局拖陆?如何在突出自己賬號(hào)體系的同時(shí)展示第三方登陸按鈕弛槐?答案是,將用戶最想要的信息呈現(xiàn)在最重要的位置依啰。

該不該顯示密碼

密碼向來(lái)充斥著實(shí)用性的問(wèn)題乎串。對(duì)于移動(dòng)應(yīng)用來(lái)說(shuō),過(guò)度復(fù)雜的安全性要求(最低字符數(shù)速警、標(biāo)點(diǎn)等等)以及本身輸入框的使用不夠簡(jiǎn)便等問(wèn)題叹誉,使得密碼的輸入變得更加讓用戶反感。而遮蔽密碼會(huì)讓本就困難的輸入變得難上加難闷旧,同時(shí)對(duì)于提高安全性裨益甚小长豁。

如今登錄表單發(fā)展出了一種新技術(shù)——明文顯示已輸入的密碼。雖然我們自信這樣能有效提高實(shí)用性與操作的便捷性忙灼,但也不無(wú)憂慮匠襟,不管怎么說(shuō),多年以來(lái)的登陸模式已經(jīng)給了人們“遮蔽密碼=安全”這一思維定式该园。但是這項(xiàng)技術(shù)目前已獲得可用性測(cè)試與現(xiàn)場(chǎng)使用效果的有力支撐酸舍。

LinkedIn、Adobe和Twitter則可以讓用戶通過(guò)點(diǎn)擊一個(gè)睜眼/閉眼圖標(biāo)選擇是否因此密碼里初。雖然這一類視覺(jué)符號(hào)可能沒(méi)有文字那么直白啃勉,但是對(duì)于在全球范圍內(nèi)經(jīng)營(yíng)的公司來(lái)說(shuō),這樣就不用翻譯成長(zhǎng)度不等的多國(guó)語(yǔ)言文案了双妨,所以說(shuō)具有本地化方面的好處淮阐。

一個(gè)好的設(shè)計(jì)并不是完全照搬PC端的功能和設(shè)計(jì),而是要考慮適合移動(dòng)端應(yīng)用的場(chǎng)景斥难,如在移動(dòng)端使用兩遍驗(yàn)證密碼是沒(méi)有必要的枝嘶,無(wú)疑增加了移動(dòng)端輸入的成本。蘋果iOS系統(tǒng)的輸入鍵盤會(huì)在點(diǎn)按下后變大哑诊,這本身就能讓用戶感知輸入的正確性群扶,同時(shí)在輸入密碼的時(shí)候先顯示輸入的字母再快速轉(zhuǎn)換成隱藏的黑點(diǎn),也能幫助用戶檢查輸入的正確性;而一些體驗(yàn)更優(yōu)雅的APP則會(huì)為用戶提供顯示密碼的功能竞阐,默認(rèn)不顯示缴饭,當(dāng)用戶需要確認(rèn)密碼是否輸入正確的時(shí)候再點(diǎn)擊顯示,這樣即避免了偷窺骆莹,又防止了輸錯(cuò)颗搂,也減少了兩次輸入的成本。一些APP甚至在此功能上做了很好玩的隱喻幕垦,例如tumblr用睜眼和閉眼的icon來(lái)表示顯示和隱藏密碼丢氢,總之一切都向著更美好的細(xì)節(jié)體驗(yàn)進(jìn)發(fā)!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末先改,一起剝皮案震驚了整個(gè)濱河市疚察,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌仇奶,老刑警劉巖貌嫡,帶你破解...
    沈念sama閱讀 218,122評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異该溯,居然都是意外死亡岛抄,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門夫椭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人益楼,你說(shuō)我怎么就攤上這事〉闱纾” “怎么了悯周?”我有些...
    開(kāi)封第一講書人閱讀 164,491評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵粒督,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我禽翼,道長(zhǎng),這世上最難降的妖魔是什么闰挡? 我笑而不...
    開(kāi)封第一講書人閱讀 58,636評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮长酗,結(jié)果婚禮上溪北,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好之拨,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布茉继。 她就那樣靜靜地躺著蚀乔,像睡著了一般。 火紅的嫁衣襯著肌膚如雪吉挣。 梳的紋絲不亂的頭發(fā)上派撕,一...
    開(kāi)封第一講書人閱讀 51,541評(píng)論 1 305
  • 那天睬魂,我揣著相機(jī)與錄音,去河邊找鬼汉买。 笑死,一個(gè)胖子當(dāng)著我的面吹牛蛙粘,可吹牛的內(nèi)容都是我干的垫卤。 我是一名探鬼主播出牧,決...
    沈念sama閱讀 40,292評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼舔痕!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起伯复,我...
    開(kāi)封第一講書人閱讀 39,211評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎啸如,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體叮雳,經(jīng)...
    沈念sama閱讀 45,655評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評(píng)論 3 336
  • 正文 我和宋清朗相戀三年说莫,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片储狭。...
    茶點(diǎn)故事閱讀 39,965評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡互婿,死狀恐怖晶密,靈堂內(nèi)的尸體忽然破棺而出擒悬,到底是詐尸還是另有隱情,我是刑警寧澤稻艰,帶...
    沈念sama閱讀 35,684評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站尊勿,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏元扔。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評(píng)論 3 329
  • 文/蒙蒙 一澎语、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧擅羞,春花似錦、人聲如沸减俏。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,894評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)娃承。三九已至奏夫,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間历筝,已是汗流浹背酗昼。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,012評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留漫谷,地道東北人仔雷。 一個(gè)月前我還...
    沈念sama閱讀 48,126評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像舔示,于是被迫代替她去往敵國(guó)和親电抚。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評(píng)論 2 355

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