登錄的必要性
登錄就好比APP大門外的守衛(wèi),如果你真有公事要辦,那么進門查崗和登記是有必要的,可是你要是憋了泡尿,只想進去上個廁所,此時守衛(wèi)還要你出示證件,你恨不得直接撒他身上。目前來說,讓用戶登錄的目的基本上有兩種:一是需要賬號獲取用戶數(shù)據(jù)并且使用一些基本功能,如跟帖、評論等(如facebook、新浪微博、網(wǎng)易新聞等);二是需要將數(shù)據(jù)同步到不同設(shè)備和平臺(如印象筆記)。
當(dāng)一個產(chǎn)品成熟了之后,登錄是必不可少的功能,那么,此時登錄出現(xiàn)的時機就很重要。
登錄出現(xiàn)的時機
關(guān)于究竟是在應(yīng)用啟動時就顯示登陸頁面還是在用戶需要執(zhí)行某項操作時才出現(xiàn),這應(yīng)該視應(yīng)用自身屬性所決定。像對于微信、支付寶等這樣具有高度個人化的產(chǎn)品,將注冊登錄放置在應(yīng)用啟動頁,對于用戶來講是容易接受的,因為產(chǎn)品本身就具有個人化的屬性。而像微博、足記等具有資訊或者說是公共展示的功能,如果在用戶打開應(yīng)用,看到的直接是登錄界面,這樣在無法了解產(chǎn)品功能的情況下就強制用戶登錄,就會有潛在用戶流失的風(fēng)險。所以對于具有公共屬性的應(yīng)用,可以通過開放部分公共屬性功能,讓用戶對產(chǎn)品的內(nèi)容和定位有清晰了解與認(rèn)可后,當(dāng)用戶需要使用個性化屬性功能(如發(fā)布帖子、評論、關(guān)注、點贊等)時,在引導(dǎo)用戶進行注冊登錄,這樣的體驗要好很多。
登錄界面的幾種形式
1、登錄表單應(yīng)該盡可能少的輸入:用戶名、密碼、操作按鈕、密碼幫助以及注冊選項,一些應(yīng)用將這些輸入框全部設(shè)計在同一個頁面上。

2、在首頁顯示登錄和注冊選項,然后引導(dǎo)用戶去填寫表單。要注意的是,在用戶選擇注冊或登錄后,應(yīng)該讓第一個輸入框自動獲得焦點,避免用戶做額外的點擊操作以打開鍵盤。


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

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

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

這些模式中的任何一種都可以加上第三方登陸選項.第三方帳號登陸的好處是你的手機中已經(jīng)有一些現(xiàn)成的登陸信息,你只要獲取授權(quán)就可以,不用輸入任何用戶名和密碼,有些權(quán)限高的甚至可以將其他app中的昵稱頭像等一并拿來。那么,登陸頁面到底要怎么布局?如何在突出自己賬號體系的同時展示第三方登陸按鈕?答案是,將用戶最想要的信息呈現(xiàn)在最重要的位置。
該不該顯示密碼
密碼向來充斥著實用性的問題。對于移動應(yīng)用來說,過度復(fù)雜的安全性要求(最低字符數(shù)、標(biāo)點等等)以及本身輸入框的使用不夠簡便等問題,使得密碼的輸入變得更加讓用戶反感。而遮蔽密碼會讓本就困難的輸入變得難上加難,同時對于提高安全性裨益甚小。
如今登錄表單發(fā)展出了一種新技術(shù)——明文顯示已輸入的密碼。雖然我們自信這樣能有效提高實用性與操作的便捷性,但也不無憂慮,不管怎么說,多年以來的登陸模式已經(jīng)給了人們“遮蔽密碼=安全”這一思維定式。但是這項技術(shù)目前已獲得可用性測試與現(xiàn)場使用效果的有力支撐。
LinkedIn、Adobe和Twitter則可以讓用戶通過點擊一個睜眼/閉眼圖標(biāo)選擇是否因此密碼。雖然這一類視覺符號可能沒有文字那么直白,但是對于在全球范圍內(nèi)經(jīng)營的公司來說,這樣就不用翻譯成長度不等的多國語言文案了,所以說具有本地化方面的好處。

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