營(yíng)銷網(wǎng)站建設(shè)
全網(wǎng)營(yíng)銷網(wǎng)站
高端網(wǎng)站建設(shè)
商城網(wǎng)站建設(shè)
外貿(mào)網(wǎng)站建設(shè)
小程序開(kāi)發(fā)
區(qū)塊鏈開(kāi)發(fā)
物聯(lián)網(wǎng)項(xiàng)目開(kāi)發(fā)
定制app開(kāi)發(fā)
在線教育網(wǎng)站
速成網(wǎng)站建設(shè)
服裝網(wǎng)站建設(shè)
餐飲網(wǎng)站建設(shè)
珠寶首飾網(wǎng)站
機(jī)械制造網(wǎng)站
文化旅游網(wǎng)站
家裝建材網(wǎng)站
美容化妝品網(wǎng)站
數(shù)碼產(chǎn)品網(wǎng)站
模板案例庫(kù)
文章編輯:網(wǎng)站建設(shè) 文章來(lái)源:建站行業(yè)資訊 瀏覽量:次
網(wǎng)站制作知識(shí)之:符合用戶體驗(yà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è)大方向。
網(wǎng)站制作設(shè)計(jì)之手機(jī)號(hào)郵箱驗(yàn)證注冊(cè)。
網(wǎng)頁(yè)設(shè)計(jì)技巧之:第三方賬號(hào)關(guān)聯(lián)。
前者是目前一個(gè)app獲取用戶信息的最直接方式,一般會(huì)使用這種注冊(cè)方式的用戶心理在不知道第三方是否安全的情況下,害怕將自己的社交賬號(hào)個(gè)人信息泄露,會(huì)選擇這種看似比第三方安全的注冊(cè)方式。后者,是最受大家喜歡的注冊(cè)登錄方式,方便快捷,省去了繁瑣的填寫(xiě)個(gè)人信息部分。
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)上的審美。
網(wǎng)站制作、APP開(kāi)發(fā)之個(gè)人意見(jiàn):
注冊(cè)時(shí)間非常短,驗(yàn)證碼剛一輸入,就跳轉(zhuǎn)到起用戶名頁(yè)面,符合當(dāng)前用戶一掃而過(guò)的手機(jī)使用習(xí)慣。
2. 小程序開(kāi)發(fā)之微信
在易觀千帆上應(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)站制作經(jīng)驗(yàn)分享之微博
微博目前大概是流量最多的社交網(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)證。
案例:網(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è)比較好。
這次只分析了四個(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)好的朋友,讓距離不再是阻礙社交的第一大難題。深圳網(wǎng)站建設(shè)博納網(wǎng)絡(luò)編輯整理。
[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息,此類稿件不代表本網(wǎng)觀點(diǎn),本網(wǎng)不承擔(dān)此類稿件侵權(quán)行為的連帶責(zé)任。故此,如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán),請(qǐng)您的相關(guān)內(nèi)容發(fā)至此郵箱【qin@198bona.com 】,我們?cè)诖_認(rèn)后,會(huì)立即刪除,保證您的版權(quán)。
技術(shù)咨詢
價(jià)格咨詢
建議投訴
0755-82538016
關(guān)閉窗口