什么是一把揪住你小心心的登陸注冊(cè)頁(yè)面?

文章對(duì)幾款比較常見(jiàn)的社交app登錄界面進(jìn)行全面分析,希望能夠給你一些借鑒思考。
當(dāng)?shù)谝淮螌⒁粋€(gè)應(yīng)用從AppStore或者安卓市場(chǎng)下載的時(shí)候,就像剛把一個(gè)大姑娘娶進(jìn)家門(mén)一樣,滿懷著期待的心情,小心翼翼的點(diǎn)開(kāi)這小小的圖標(biāo)。一個(gè)登錄界面是否好看讓你喜歡,是否第一眼就有讓你交出個(gè)人信息的能力,是每個(gè)社交app追求的。這個(gè)第一眼很重要,像簡(jiǎn)歷上的照片,相親信息上的年收入,是能否留住用戶的First Shoot。
接下來(lái)就幾款比較常見(jiàn)的社交app登錄界面進(jìn)行全面分析。
首先,大部分的登陸注冊(cè)頁(yè)面都是可以分為兩個(gè)大方向。
- 手機(jī)號(hào)郵箱驗(yàn)證注冊(cè)。
- 第三方賬號(hào)關(guān)聯(lián)。
前者是目前一個(gè)app獲取用戶信息的最直接方式,一般會(huì)使用這種注冊(cè)方式的用戶心理在不知道第三方是否安全的情況下,害怕將自己的社交賬號(hào)個(gè)人信息泄露,會(huì)選擇這種看似比第三方安全的注冊(cè)方式。后者,是最受大家喜歡的注冊(cè)登錄方式,方便快捷,省去了繁瑣的填寫(xiě)個(gè)人信息部分。
從第三方登陸三大巨頭開(kāi)始分類
1.?? 騰訊QQ
據(jù)易觀千帆提供的數(shù)據(jù)表明,使用QQ的用戶大多都是年輕人,并且QQ傳文件截圖遠(yuǎn)程等功能都很方便,也是很多職場(chǎng)人的必備的軟件,它的登錄頁(yè)面如下圖所示。
沒(méi)有任何第三方賬號(hào)登錄方式,只能手機(jī)注冊(cè),這是騰訊QQ最霸氣的一點(diǎn)。接著從登錄頁(yè)面看,全背景透明簡(jiǎn)單的登錄方式,下拉列表也完全采取同樣透明設(shè)計(jì),很配合最新款的手機(jī)。顏色上來(lái)講,背景圖片以藍(lán)白暗色為主,字體顏色也是藍(lán)白黑色,顏色搭配使用上不會(huì)讓用戶覺(jué)得很亂。
注冊(cè)界面是一系列頁(yè)面跳轉(zhuǎn)形式,輸入手機(jī)號(hào)后接受短信驗(yàn)證碼,一路注冊(cè)到取用戶名。
可以看的出來(lái),QQ這種明亮大方,清新美觀的設(shè)計(jì),既能吸引年輕人的目光,也能符合職場(chǎng)上的審美。
個(gè)人意見(jiàn):
注冊(cè)時(shí)間非常短,驗(yàn)證碼剛一輸入,就跳轉(zhuǎn)到起用戶名頁(yè)面,符合當(dāng)前用戶一掃而過(guò)的手機(jī)使用習(xí)慣。
2.?? 微信
在易觀千帆上應(yīng)用月度使用TOP榜上,微信總是位居榜首,這與微信強(qiáng)大的功能有很大關(guān)系。微信支付在生活中經(jīng)常用到,公眾號(hào)推送是每個(gè)上班族在地鐵中片段獲取知識(shí)新聞娛樂(lè)的一個(gè)途徑,朋友圈曬生活,小程序臨時(shí)代替無(wú)法下載app的尷尬,等等這些功能,都讓微信成為了現(xiàn)在人生活中無(wú)法替代的一個(gè)產(chǎn)品。也正是因?yàn)槲⑿排c大家的生活關(guān)系緊密,也讓微信的登陸注冊(cè)頁(yè)面比QQ稍微繁瑣了一點(diǎn)。
如果你登陸過(guò)微信,它會(huì)將你之前的賬號(hào)信息顯示在首頁(yè),只需輸入密碼即可登陸進(jìn)去。騰訊的這兩款產(chǎn)品登陸頁(yè)面都是走的不超過(guò)三個(gè)顏色白底簡(jiǎn)潔風(fēng),符合大眾審美。
如果沒(méi)有登陸過(guò)賬號(hào),微信提供了兩種登錄方式。
第一次注冊(cè)的時(shí)候,如下圖。
個(gè)人意見(jiàn):由于微信使用的年齡層很大,建議很多重點(diǎn)的注冊(cè)登錄過(guò)程,應(yīng)該用大字來(lái)顯示,讓那些年齡大的人也可以順利完成注冊(cè)登陸。
3.?? 微博
微博目前大概是流量最多的社交網(wǎng)絡(luò)軟件,因?yàn)橛辛烁鞣N明星的認(rèn)證賬號(hào),可以拉近大眾與公眾人物的距離。并且微博也是互聯(lián)網(wǎng)經(jīng)濟(jì)的帶動(dòng)者,中國(guó)是個(gè)人口大國(guó),營(yíng)銷號(hào)及網(wǎng)絡(luò)紅人的流量數(shù)據(jù),如果利用好了也是一筆不小的財(cái)富。
可以看得到,微博也采取了第三方登陸功能,里面的兩個(gè)正是前面寫(xiě)到了的QQ和微信。如果采用QQ和微信登陸,和大部分app一樣會(huì)直接跳轉(zhuǎn)到這個(gè)頁(yè)面。
注冊(cè)的時(shí)候,是這樣的。
下面演示一下手機(jī)號(hào)注冊(cè)。
因?yàn)槲⒉┒ㄎ坏挠脩舳际悄贻p人居多,所以整體顏色設(shè)計(jì)也是橙色這樣年輕有活力的顏色。但微博比較讓我喜歡的一點(diǎn)就是,再一次登陸直接是顯示頭像登陸賬號(hào)。如下圖。
個(gè)人意見(jiàn):微博應(yīng)該多幾個(gè)驗(yàn)證身份的注冊(cè)方式,現(xiàn)在網(wǎng)絡(luò)水軍這么多,應(yīng)該限制其發(fā)展,網(wǎng)絡(luò)水軍會(huì)影響話題導(dǎo)向,所以建議注冊(cè)的時(shí)候應(yīng)該多點(diǎn)個(gè)人信息的驗(yàn)證。
一個(gè)讓人眼前一亮的登陸注冊(cè)頁(yè)面
1.?? 網(wǎng)易LOFTER
LOFTER的定位一直都是年輕人分享攝影文章的平臺(tái),和微博不一樣的是,PC端可以自己設(shè)置自己的博客頁(yè)面,是自己擁有的一個(gè)小空間,因此很受用戶歡迎。
它的登陸頁(yè)面是這樣的,無(wú)論是配色還是頁(yè)面分割都特別好看,看得出來(lái)是經(jīng)過(guò)一番設(shè)計(jì)的。
點(diǎn)進(jìn)登陸是這樣的。
提供的也是有第三方登陸方式,支持手機(jī)號(hào)賬號(hào)郵箱登錄。
注冊(cè)頁(yè)面為以下幾個(gè)過(guò)程,也是十分簡(jiǎn)潔,并且配色也都是LOFTER的淺綠色,整體配色很柔和,用戶體驗(yàn)很好。
個(gè)人意見(jiàn):我很喜歡LOFTER注冊(cè)登錄頁(yè)面,但登錄頁(yè)面滑動(dòng)的內(nèi)嵌頁(yè)太多,恐怕很多注冊(cè)登錄的人都不會(huì)看,建議只留下兩個(gè)比較好。
總結(jié)
這次只分析了四個(gè)產(chǎn)品的注冊(cè)登錄界面,但也是大家經(jīng)常使用的一些社交類app了。之前一直有個(gè)疑問(wèn),既然都有了指紋解鎖和指紋支付,為什么不能推廣一下指紋登陸注冊(cè)這個(gè)技術(shù)。但后來(lái)想想,有些軟件使用的人正是我們的父母,他們可能還在使用子女們淘汰的智能機(jī),還沒(méi)有指紋解鎖功能,所以這個(gè)技術(shù)隨著科技發(fā)展還有待開(kāi)發(fā)。蘋(píng)果最新發(fā)布會(huì)帶來(lái)的IphoneX具有人臉識(shí)別功能,相信以后的社交賬號(hào)登陸注冊(cè)頁(yè)面會(huì)更加豐富多彩,添加了更多的注冊(cè)方式。
也相信,以后的世界將是全智能的,每個(gè)人都有自己的網(wǎng)絡(luò)名片,社交變得更加豐富多彩,真正實(shí)現(xiàn),三十五億人都可以互相找到自己相同興趣愛(ài)好的朋友,讓距離不再是阻礙社交的第一大難題。
本文僅代表個(gè)人意見(jiàn),這里一個(gè)產(chǎn)品小白,希望各位前輩多多批評(píng)指導(dǎo)。謝謝!
本文由 @太也君 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自PEXELS,基于CC0協(xié)議
我有點(diǎn)好奇你是誰(shuí)啦 加微信嗎
是“登錄”不是“登陸”
額……
額。。
有幾個(gè)關(guān)于你個(gè)人觀點(diǎn)的問(wèn)題,想問(wèn)一下,共同討論討論。
1.微信:建議很多重點(diǎn)的注冊(cè)登錄過(guò)程,應(yīng)該用大字來(lái)顯示。很好奇這個(gè)點(diǎn)是作者通過(guò)調(diào)研之后得到的還是單純的拍腦袋得到的。是否考慮到其他一些應(yīng)用場(chǎng)景,例如作者提到的年齡大的人,是否有調(diào)研過(guò)身邊有多少“年齡大”的人是自己完成的注冊(cè)流程,或者是通過(guò)身邊的其他人代其進(jìn)行注冊(cè)等等。
2. 微博:微博應(yīng)該多幾個(gè)驗(yàn)證身份的注冊(cè)方式。不知道作者是否潛心研究過(guò)注冊(cè)這個(gè)流程。我也是粗淺的理解,不一定對(duì)。但我一直覺(jué)得,在注冊(cè)流程每多一個(gè)環(huán)節(jié)就會(huì)降低一次轉(zhuǎn)化率。注冊(cè)對(duì)于公司來(lái)講是必需的,但對(duì)于用戶來(lái)講并非必需,我只想發(fā)個(gè)狀態(tài)付個(gè)錢(qián),如果要我做那么多驗(yàn)證,為什么我會(huì)選擇你家的產(chǎn)品呢?而且防止水軍的方式有很多種,從注冊(cè)端去防控恰恰是最不友好的一種,畢竟使用產(chǎn)品的用戶除了水軍,絕大部分還是正常的用戶。
3. lofter:登錄頁(yè)面滑動(dòng)的內(nèi)嵌頁(yè)太多,恐怕很多注冊(cè)登錄的人都不會(huì)看。這里的恐怕很多,是否又是拍腦袋得到的結(jié)論呢?我沒(méi)使用過(guò),所以不太過(guò)多評(píng)論,但每個(gè)頁(yè)面下面貌似都有直接登錄or注冊(cè)的按鈕可以跳轉(zhuǎn)的吧~
4. 關(guān)于最后的指紋問(wèn)題。我個(gè)人認(rèn)為,沒(méi)有推廣指紋注冊(cè)的原因并非你提到的父母,畢竟類似于支付寶or微信,在支付環(huán)節(jié)都有指紋支付,但如果你不想or機(jī)器不支持,也可以使用密碼支付,所以我覺(jué)得并不沖突。而我能想到的原因,就像我上面說(shuō)的,注冊(cè)對(duì)于用戶來(lái)講不是一個(gè)必需甚至是累贅的過(guò)程,但對(duì)于公司來(lái)講是必要的,因?yàn)橛辛俗?cè)才會(huì)有賬戶,有了賬戶才可以更好的進(jìn)行管理,比如畫(huà)像、定向推送等等,包括資金的管理、信息的管理等等,同時(shí)注冊(cè)用戶數(shù)也是一家公司能否活下去的重要指標(biāo)。所以可以理解,為什么有些注冊(cè)只支持手機(jī)號(hào)注冊(cè)。那么回到這個(gè)問(wèn)題,指紋的私鑰一般都是在手機(jī)本地(如果說(shuō)錯(cuò)了就當(dāng)我沒(méi)說(shuō),哈哈),而并不能像其他密碼一樣上傳到服務(wù)器,所以目前來(lái)講指紋只能證明你是你,但不能告訴我你是誰(shuí)。在這種情況下,服務(wù)端無(wú)法根據(jù)“確認(rèn)這個(gè)指紋就是設(shè)置指紋密碼的人所有”而判斷你是誰(shuí),那么就無(wú)法做到我上面說(shuō)的事情。這也是為什么現(xiàn)在指紋等生物識(shí)別方式更多的使用在驗(yàn)證核身環(huán)節(jié),而非你提到的注冊(cè)環(huán)節(jié)。
嗯,我用心的看了三遍你寫(xiě)的這個(gè)回答,剛才上課的時(shí)候也一直在思考你提的這些問(wèn)題,回復(fù)晚了很抱歉,我也在思考哈哈哈。
感謝的話不說(shuō)了,就你每一點(diǎn)建議我也來(lái)說(shuō)說(shuō)自己的看法,我也是初學(xué)者,說(shuō)的一些肯定也不是很專業(yè)。
1.微信注冊(cè)頁(yè)面字體大小問(wèn)題,首先可以看到QQ的注冊(cè)有很多重要的地方是很大的,我覺(jué)得這點(diǎn)很好,當(dāng)然我沒(méi)做過(guò)什么調(diào)研,我在一些數(shù)據(jù)網(wǎng)站上也并沒(méi)有查找過(guò)關(guān)于注冊(cè)登錄頁(yè)面的有關(guān)調(diào)研數(shù)據(jù),我承認(rèn),我沒(méi)有調(diào)研過(guò)你說(shuō)的這些問(wèn)題。我只能說(shuō),我爸在家跟我聊微信的時(shí)候都是帶著花鏡給我發(fā)消息的,而且我爸幾乎也怎么會(huì)用智能機(jī),有很多操作如果我不在他身邊,他不會(huì)自己弄這些東西的,所以我個(gè)人建議,微信的這個(gè)大一點(diǎn)會(huì)比較好。
2.關(guān)于微博,首先,微博在用戶使用上,已經(jīng)算是社交軟件用戶很多的大app了。我的建議,是在注冊(cè)微博的時(shí)候,就請(qǐng)綁定身份證號(hào),也并不是很多驗(yàn)證,當(dāng)然我沒(méi)有具體寫(xiě)到上面的文章里,抱歉!我首先是一個(gè)微博重度愛(ài)好者,我特別討厭在那些我討厭的明星下面水軍的留言,他們就決定著那些路人粉絲的輿論導(dǎo)向,隨意歪曲事實(shí)。如果不從注冊(cè)開(kāi)始就組織水軍,會(huì)讓網(wǎng)絡(luò)風(fēng)氣更加混亂。這是我粗略的理解,有錯(cuò)誤希望你繼續(xù)指出來(lái)。
3.lofter是我經(jīng)常用的,我喜歡在上面寫(xiě)同人文,畫(huà)圖。我說(shuō)的是那個(gè),上面的那個(gè)圖標(biāo),其實(shí)我第一次使用的時(shí)候也沒(méi)有看哈哈,寫(xiě)這篇文章才開(kāi)始注意的。但我很喜歡lofter整個(gè)app的感覺(jué),喜歡誰(shuí)就能看見(jiàn)誰(shuí),不會(huì)推送其他的東西,很簡(jiǎn)潔,哈哈哈推薦你也下一個(gè)玩玩。
4.至于指紋這個(gè)問(wèn)題,既然有了免密支付,指紋支付,就證明這個(gè)指紋還是被采到了。因?yàn)槲以嚵嗽嚾绻丫W(wǎng)斷了之后指紋支付,他是不能識(shí)別的,而且如果我的手機(jī)導(dǎo)入的是我大拇指的指紋,支付寶導(dǎo)入的是食指的指紋,那為什么支付寶使用我拇指會(huì)掃不開(kāi)。我個(gè)人覺(jué)得,這個(gè)指紋可能也存了下來(lái)吧,只是個(gè)人想法,估計(jì)可能不太對(duì),哈哈哈抱歉沒(méi)有查什么專業(yè)的資料。也希望以后的注冊(cè),大家都可以直接掃一個(gè)指紋就完成所有的注冊(cè)過(guò)程,每個(gè)人都擁有了自己的網(wǎng)絡(luò)名片。只是一個(gè)愿望而已吧。
寫(xiě)這篇文章總共寫(xiě)了不到一天時(shí)間,而且沒(méi)什么技術(shù)向數(shù)據(jù),真的不是很專業(yè),我也在一點(diǎn)一點(diǎn)學(xué)習(xí),十分謝謝你寫(xiě)的每一句話,我都有仔細(xì)看,思考。如果可以,也希望以后繼續(xù)交流?。?/p>
謝謝??!
根據(jù)你的回答,還是有些想法,和樓主交流下。
1. 微信注冊(cè)文字大小的問(wèn)題。其實(shí)我覺(jué)得對(duì)于你提到的大齡群體的使用問(wèn)題,更多的是對(duì)于流程的不理解,單純的放大字體也許會(huì)友好一點(diǎn),但依然無(wú)法從實(shí)際上解決你自己提到的“有很多操作如果我不在他身邊,他不會(huì)自己弄這些東西的”這個(gè)問(wèn)題。一個(gè)很簡(jiǎn)單的測(cè)試方法就是,依然對(duì)標(biāo)QQ,那么讓大齡群體用戶注冊(cè)QQ,是否能夠正常走完注冊(cè)流程呢?也未必。
2. 微博水軍問(wèn)題。其實(shí)我還是想說(shuō),注冊(cè)本身的流程對(duì)于用戶來(lái)講是非必需流程,所以在設(shè)計(jì)注冊(cè)流程上,各產(chǎn)品勢(shì)必都會(huì)越簡(jiǎn)單越好,所以為什么很興盛三方登錄免注冊(cè)。綁定身份證號(hào),的確從系統(tǒng)流程來(lái)講是不繁瑣的,但在用戶注冊(cè)漏斗上一定會(huì)有一個(gè)很明顯的體現(xiàn),那就是大大提高了用戶本身的注冊(cè)成本,從而導(dǎo)致注冊(cè)量大大減少。我來(lái)你家玩,你又是讓我換身衣服又是讓我洗個(gè)澡我肯定不愿意來(lái),為什么,就因?yàn)槲矣X(jué)得太麻煩。先不說(shuō)用戶是否信任你就直接填寫(xiě)身份證號(hào),就按照你上來(lái)就問(wèn)用戶要身份證號(hào)這一點(diǎn),肯定會(huì)趕走不少人。的確,你可以防住水軍,但你的確也防住了很多正常的用戶。所以在注冊(cè)增加門(mén)檻是非常不友好的行為。如果你想防住水軍,單就身份證號(hào)的采集這點(diǎn)來(lái)說(shuō),你可以設(shè)計(jì)成“如果需要發(fā)帖或者回復(fù),那么需要輸入身份證號(hào)完善身份”這種機(jī)制,雖然一樣不友好,但至少用戶你是拉過(guò)來(lái)了,他想擁有越多的權(quán)限那么他就要做更多的驗(yàn)證,這點(diǎn)是可以考慮的。
3. lofter,依然那句話,沒(méi)用過(guò),就不多評(píng)論了…
4. 至于指紋,之前有幸接觸過(guò)指紋核身的需求,也接觸過(guò)一家專門(mén)做指紋驗(yàn)證的公司。雖然沒(méi)有更深入的了解里面的原理,但是皮毛的東西也接觸了一些。指紋被采集到了,這點(diǎn)你說(shuō)的沒(méi)錯(cuò),但采集到的數(shù)據(jù)是保存在本機(jī)的,而且采集到的并非是指紋的圖像,而是轉(zhuǎn)換和加密的特征碼。在這個(gè)過(guò)程中,并沒(méi)有將你指紋的數(shù)據(jù)上傳到服務(wù)端,也就是說(shuō),服務(wù)端不會(huì)像知道你的密碼一樣能知道你的指紋信息。相反的,指紋會(huì)采用公私鑰的機(jī)制,在你錄入指紋的時(shí)候會(huì)在你的設(shè)備上生成一個(gè)私鑰,然后client會(huì)上傳這個(gè)私鑰信息到服務(wù)端進(jìn)行匹配。你提到了網(wǎng)斷了,實(shí)際上是因?yàn)闊o(wú)法將你的識(shí)別信息上傳,而非把你的指紋信息上傳,服務(wù)端拿不到驗(yàn)證信息,自然就不會(huì)通過(guò)你的支付請(qǐng)求。從這個(gè)角度考慮,還是我第一次回復(fù)你的,通過(guò)指紋識(shí)別只能知道你是你,而不能知道你是誰(shuí)。這也就是為什么指紋識(shí)別作為驗(yàn)證而不能作為注冊(cè)流程的原因。
登錄和登陸,通篇前后各種變,用的是智能ABC嗎?
hhhh其實(shí)我用的微軟自帶
你的測(cè)試手機(jī)不是iPhone么。。。
你的測(cè)試手機(jī)不是iPhone么。。。為啥是微軟自帶。。
是用電腦寫(xiě)的文章,微軟的輸入法
這里是語(yǔ)文考試卷子嗎?