登錄的必要性
登錄就好比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è)面上。
![](file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image002.gif)
2颈走、在首頁(yè)顯示登錄和注冊(cè)選項(xiàng)膳灶,然后引導(dǎo)用戶去填寫表單。要注意的是立由,在用戶選擇注冊(cè)或登錄后轧钓,應(yīng)該讓第一個(gè)輸入框自動(dòng)獲得焦點(diǎn),避免用戶做額外的點(diǎn)擊操作以打開(kāi)鍵盤锐膜。
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ā)!