四十三款國內(nèi)外App「注冊(cè)登錄」流程對(duì)比


一直對(duì)注冊(cè)登錄這件事比較在意,從PC端的「需要注冊(cè)發(fā)帖的資源就放棄」到移動(dòng)端的「手機(jī)驗(yàn)證碼刷屏」,這次碰巧寢室多了張新卡,就拿出原來的4s裝了幾十個(gè)App看看各自的注冊(cè)登錄流程~(主要是注冊(cè),登錄肯定都是差不多的。)

列了一個(gè)表格,分別列出個(gè)產(chǎn)品的「派系」,「類別」,「初始頁面」,「注冊(cè)和登錄按鈕的比重」,「注冊(cè)條款如何選擇」,「注冊(cè)流程」以及「?jìng)€(gè)人看法」。

這里選擇一些比較特點(diǎn)的App作介紹,全部四十三款的對(duì)比放在云盤上大家可以下載看看。


國內(nèi)App

手機(jī)QQ-社交類

手Q的流程還是比較流暢的,一個(gè)步驟一個(gè)頁面,非常簡(jiǎn)潔。

我覺得非常棒的一點(diǎn)是,手Q的手機(jī)號(hào)碼注冊(cè)是不需要密碼的,而當(dāng)你注冊(cè)完畢后,會(huì)有一欄「為了您的賬號(hào)安全,請(qǐng)?jiān)O(shè)置QQ密碼。」的信息提示。


事后密碼
事后密碼

除了信息提示,當(dāng)你要退出QQ的時(shí)候,也會(huì)提示你設(shè)置密碼。


事后密碼
事后密碼

微信的流程也是類似,既減少注冊(cè)的操作步驟和輸入量,又能夠把密碼的重要性體現(xiàn)出來,很贊。

值得一提的是,手Q的使用條款是「默認(rèn)打鉤」的,而微信是「注冊(cè)即同意」。相應(yīng)來說后者的處理方式更合理。默認(rèn)打鉤有一定的欺騙誘導(dǎo)性。

2.阿里旺旺-社交類

登錄界面丑就不說了。
注冊(cè)方式是發(fā)送短信注冊(cè),然后點(diǎn)擊手動(dòng)注冊(cè),還是一個(gè)Not found的頁面……阿里你是怎么了?


不知道多少年以前的「編輯短信發(fā)送到注冊(cè)」
不知道多少年以前的「編輯短信發(fā)送到注冊(cè)」

Not Found……
Not Found……

而且阿里的注冊(cè)并沒有看到注冊(cè)條款相應(yīng)的內(nèi)容。作為一家這么大的企業(yè)……阿里旺旺真的比較失望。

3.微博-社交類

微博可以通過郵箱或者手機(jī)注冊(cè),但是在選擇郵箱注冊(cè)的時(shí)候,仍然需要填寫手機(jī)號(hào)碼,并且驗(yàn)證。
既然都需要手機(jī)號(hào)碼,為什么不取消郵箱注冊(cè)方式,改為在個(gè)人信息里完善郵箱?


郵箱注冊(cè)
郵箱注冊(cè)

郵箱注冊(cè)之后,仍然需要手機(jī)號(hào)碼驗(yàn)證
郵箱注冊(cè)之后,仍然需要手機(jī)號(hào)碼驗(yàn)證

手機(jī)注冊(cè),條款是「注冊(cè)即同意」;郵箱注冊(cè),條款又是「默認(rèn)打鉤」。細(xì)節(jié)不統(tǒng)一顯得產(chǎn)品比較劣質(zhì),小地方雖然基本沒人看得到但還是希望能夠完善。


直接使用手機(jī)注冊(cè)
直接使用手機(jī)注冊(cè)

微博的登錄一直是我比較喜歡的,因?yàn)猷]箱補(bǔ)全做得比較好。但是在「郵箱注冊(cè)」的時(shí)候卻沒有使用補(bǔ)全機(jī)制,這也是一個(gè)問題,有現(xiàn)成的干嘛不拿來用呢……


登錄的時(shí)候,體貼的「郵箱補(bǔ)全」
登錄的時(shí)候,體貼的「郵箱補(bǔ)全」

4.美圖外賣/貓眼-O2O

美團(tuán)外賣和貓眼在注冊(cè)的時(shí)候都是一個(gè)步驟一個(gè)頁面,并且擁有「步驟目錄」,用戶能夠非常清楚的了解到「從哪來(干什么)」,「我在哪」,「要去哪」,降低未知的恐懼,提高信任感。


步驟目錄
步驟目錄

相比之下,「大眾點(diǎn)評(píng)」直接單頁面注冊(cè)所有信息(手機(jī)、驗(yàn)證、密碼),感覺更快速,但其實(shí)并沒有(因?yàn)椤盖袚Q輸入框焦點(diǎn)」和「點(diǎn)擊下一步」其實(shí)都是一個(gè)步驟,后者自動(dòng)焦點(diǎn),不會(huì)出現(xiàn)鍵盤亂出現(xiàn)會(huì)讓用戶更舒服),而且沒有單頁步驟更讓用戶踏實(shí)。


單頁面完成
單頁面完成

美團(tuán)外賣還有一個(gè)特別的地方,它默認(rèn)的登錄方式是「手機(jī)號(hào)快捷登錄」,且下方有一句提示語「未注冊(cè)過的手機(jī)將自動(dòng)創(chuàng)建為美團(tuán)賬戶。」我自己也一直在思考,是否能夠把登錄和注冊(cè)結(jié)合為一個(gè)步驟,即「存在則登錄,不存在則注冊(cè)」。不過當(dāng)時(shí)想的有一些問題,美團(tuán)外賣這里做的還是不錯(cuò)的,唯一可能的問題就是用戶可能會(huì)看不到這句話,直接點(diǎn)注冊(cè)。

登錄和注冊(cè)結(jié)合的嘗試
登錄和注冊(cè)結(jié)合的嘗試

5.時(shí)光網(wǎng)-O2O

時(shí)光網(wǎng)有趣的一點(diǎn)是,它在「我的信息」這個(gè)頁面,同時(shí)有「登錄」和「注冊(cè)」,我覺得這個(gè)設(shè)計(jì)還蠻不錯(cuò)的,從布局來說兩個(gè)按鈕位置放得下,也能夠把注冊(cè)和登錄不同的人群分開,讓各頁面的元素更合理。


同時(shí)有「注冊(cè)」和「登錄」選項(xiàng)
同時(shí)有「注冊(cè)」和「登錄」選項(xiàng)

在獲得短信驗(yàn)證碼之前,還需要做一次圖片驗(yàn)證碼的填寫,這個(gè)非常不理解。用了手機(jī)驗(yàn)證,「防作弊注冊(cè)」應(yīng)該沒有那么嚴(yán)重吧?是出過什么事故有難言之隱,還是說是PC上遺留下的思維?這樣多一個(gè)步驟讓用戶輸入,沒有比較合理的理由是比較嚴(yán)重的設(shè)計(jì)問題了。


圖片驗(yàn)證碼
圖片驗(yàn)證碼

6.滴滴出行-O2O

所有測(cè)試的產(chǎn)品中,嘀嘀出行是最「移動(dòng)化」的登錄。不需要注冊(cè),也不需要密碼,只用手機(jī)驗(yàn)證登錄。
對(duì)于一款打車軟件來說,手機(jī)號(hào)碼是必要的東西,其余都可以變化甚至不需要的(支付方式雖然必要,但可變)。
而滴滴出行并不太需要「用戶賬號(hào)的粘性」——換了手機(jī)號(hào),肯定會(huì)換滴滴的賬號(hào);沒有換手機(jī)號(hào)碼,則可以隨意換手機(jī)硬件,反正使用App的當(dāng)時(shí)一定是能夠收到短信的

僅能通過手機(jī)驗(yàn)證登錄
僅能通過手機(jī)驗(yàn)證登錄

甚至滴滴出行的初始界面都不是注冊(cè)登錄,而是地圖主頁,當(dāng)你選擇目的地后再彈出手機(jī)號(hào)碼登錄。雖然可能違背用戶習(xí)慣(「需要支付,肯定需要賬號(hào),沒有賬號(hào),就需要注冊(cè)」是一個(gè)根深蒂固的念頭),但是整體來說我認(rèn)為「鼓勵(lì)用戶使用滴滴出行」的優(yōu)先級(jí)是最高的,先用,后注冊(cè)是比較符合這個(gè)優(yōu)先級(jí)的設(shè)定。


產(chǎn)品首頁
產(chǎn)品首頁

7.手機(jī)淘寶-電商

點(diǎn)擊登錄,焦點(diǎn)直接在賬號(hào)欄,使4s的鍵盤直接阻擋底部的「注冊(cè)」按鈕,如果是一個(gè)使用經(jīng)驗(yàn)少的用戶,可能直接都找不到在哪里注冊(cè)。


默認(rèn)打開鍵盤,遮擋「注冊(cè)」按鈕
默認(rèn)打開鍵盤,遮擋「注冊(cè)」按鈕

注冊(cè)按鈕在底部
注冊(cè)按鈕在底部

在所有調(diào)查的電商類產(chǎn)品中,只有手機(jī)淘寶需要先登錄,再瀏覽商品。其余產(chǎn)品的初始頁面都是產(chǎn)品主頁。這里應(yīng)該是因?yàn)樘詫毜氖鼙娞珡V,提前注冊(cè)一不會(huì)引起反感,二是這樣能夠不中斷購買體驗(yàn),更好的讓用戶剁手。

在注冊(cè)成功后,會(huì)給注冊(cè)手機(jī)發(fā)一條成功短信,作為電商來說,這一點(diǎn)還是挺增加用戶信任和好感的。

8.知乎-內(nèi)容

知乎的注冊(cè)也有郵箱補(bǔ)全,而且比微博的更美觀一點(diǎn)。


更優(yōu)雅的「郵箱補(bǔ)全」
更優(yōu)雅的「郵箱補(bǔ)全」

知乎的用戶名是「手機(jī)」或者「郵箱」,若輸入手機(jī),點(diǎn)擊「注冊(cè)」按鈕,然后獲得驗(yàn)證碼。從用戶習(xí)慣來說雖然可以理解。但是卻存在一個(gè)「安全隱患」——你并沒有告訴我點(diǎn)擊「注冊(cè)」會(huì)發(fā)送驗(yàn)證碼,驗(yàn)證碼是什么?會(huì)不會(huì)收費(fèi)?而其余的產(chǎn)品按鈕名稱都是「點(diǎn)擊獲得驗(yàn)證碼」類似的,在點(diǎn)擊的時(shí)候用戶已經(jīng)有了心理預(yù)期,收到驗(yàn)證碼是理所當(dāng)然的,但是知乎這里卻不一樣,會(huì)有一種「強(qiáng)制性」的錯(cuò)覺。解決方案可以是檢測(cè)到輸入的是十一位數(shù)字自動(dòng)修改按鈕文本,這樣既解決這個(gè)問題又讓用戶覺得體貼。


如果輸入手機(jī)號(hào)碼,「注冊(cè)」按鈕文本顯得不合適
如果輸入手機(jī)號(hào)碼,「注冊(cè)」按鈕文本顯得不合適

談到知乎,順便就說說知乎日?qǐng)?bào)。
「知乎日?qǐng)?bào)」作為「知乎」旗下的子產(chǎn)品,卻和「知乎」完全獨(dú)立。其中的收藏、點(diǎn)贊完全不同步不說。甚至「知乎日?qǐng)?bào)」都無法用「知乎」的賬號(hào)登錄(只支持新浪和騰訊微博登錄)。
在「知乎日?qǐng)?bào)」中點(diǎn)擊查看完全討論,會(huì)跳轉(zhuǎn)到「知乎」,而且需要重新登錄「知乎」的賬號(hào)。
就算想讓「知乎日?qǐng)?bào)」的用戶不受「知乎」用戶的影響,收藏和點(diǎn)贊單獨(dú)劃分,至少賬號(hào)是能夠通用的吧……不太理解知乎的意圖。


知乎日?qǐng)?bào)僅支持微博登錄
知乎日?qǐng)?bào)僅支持微博登錄

9.Lofter-內(nèi)容

Lofter點(diǎn)擊登錄和點(diǎn)擊注冊(cè),跳轉(zhuǎn)的是同一個(gè)界面,都是顯示四種登錄方式。
然后如果想真正的「注冊(cè)」一個(gè)賬號(hào),必須在點(diǎn)擊「注冊(cè)」后選擇「郵箱登錄」再點(diǎn)擊「注冊(cè)」。盡管有理由鼓勵(lì)「第三方登錄」避免「注冊(cè)」,但是這樣邏輯混亂的設(shè)定還是非常不合理。這么多問題,其實(shí)只需要在主頁中只顯示「登錄」,去掉「注冊(cè)」按鈕就好。


其實(shí)這兩個(gè)按鈕跳轉(zhuǎn)的是同一個(gè)頁面
其實(shí)這兩個(gè)按鈕跳轉(zhuǎn)的是同一個(gè)頁面

「注冊(cè)」的界面視覺風(fēng)格和整體不一致,很違和。而且還需要填寫驗(yàn)證碼這種落后的東西……


不一樣的畫風(fēng),以及上古時(shí)期的「圖片驗(yàn)證碼」
不一樣的畫風(fēng),以及上古時(shí)期的「圖片驗(yàn)證碼」

10.起點(diǎn)讀書-內(nèi)容

起點(diǎn)讀書有一個(gè)比較創(chuàng)新的「短信快捷登錄」(同樣的,這個(gè)也是「無需注冊(cè)」),點(diǎn)擊后,會(huì)自動(dòng)生成一條短信并跳轉(zhuǎn)到短信發(fā)送界面,點(diǎn)擊發(fā)送后自動(dòng)跳轉(zhuǎn)回應(yīng)用。
我使用這個(gè)的時(shí)候注冊(cè)失敗了,不過失敗之后也有應(yīng)對(duì)措施,會(huì)提示你使用驗(yàn)證碼注冊(cè),點(diǎn)擊驗(yàn)證碼注冊(cè)就進(jìn)入注冊(cè)的輸入手機(jī)、獲得驗(yàn)證碼、輸入驗(yàn)證碼的普通流程。


手機(jī)號(hào)碼登錄并不是普通的發(fā)送驗(yàn)證碼,而是自動(dòng)生成一條短信
手機(jī)號(hào)碼登錄并不是普通的發(fā)送驗(yàn)證碼,而是自動(dòng)生成一條短信

另外,起點(diǎn)讀書的初始界面也是首頁,但和其它應(yīng)用不同的是,點(diǎn)擊「我的」之后,直接顯示的是登錄注冊(cè)界面(其它的應(yīng)用都是列出各種設(shè)置選項(xiàng)等,只是在頭像處顯示「登錄」按鈕)。這一點(diǎn)挺合理的,在我未登錄的情況下,你顯示的內(nèi)容,就算我點(diǎn)擊它,跳轉(zhuǎn)的也是登錄界面,判斷未登錄直接展示登錄界面,用戶會(huì)少點(diǎn)擊一次。此處以「貓眼電影」為例。


其它產(chǎn)品,點(diǎn)擊「我的」,會(huì)在未登錄的情況下展示各種「?jìng)€(gè)人信息」,但其實(shí)點(diǎn)擊也是跳轉(zhuǎn)到登錄
其它產(chǎn)品,點(diǎn)擊「我的」,會(huì)在未登錄的情況下展示各種「?jìng)€(gè)人信息」,但其實(shí)點(diǎn)擊也是跳轉(zhuǎn)到登錄

最后吐槽一點(diǎn),盛大這么大的企業(yè),起點(diǎn)讀書的注冊(cè)登錄過程中沒有任何隱私和使用條款……

11.騰訊視頻-內(nèi)容

騰訊視頻只支持QQ或者微信登錄,這個(gè)很好理解。
比較有趣的是,如果你的手機(jī)上有手Q或者微信,那么會(huì)直接跳轉(zhuǎn)到相應(yīng)的App(而且沒有注冊(cè)選項(xiàng))。
但是,如果你沒有手Q,這時(shí)會(huì)跳轉(zhuǎn)到一個(gè)單獨(dú)的登錄頁面,這個(gè)頁面有個(gè)「快速注冊(cè)」的選項(xiàng),點(diǎn)擊后跳轉(zhuǎn)的是PC端的QQ注冊(cè)網(wǎng)頁……有點(diǎn)詭異。


手機(jī)上看到這個(gè)style,不合適吧。
手機(jī)上看到這個(gè)style,不合適吧。

雖然是一個(gè)單獨(dú)的頁面,但是登錄框下也有使用條款等,雖然并卵,但看到其它App之后…還是給與好評(píng)。


單獨(dú)的QQ登錄界面,也擁有完整的用戶條款。
單獨(dú)的QQ登錄界面,也擁有完整的用戶條款。

12.錘子便簽&歡喜云同步-工具

歡喜云這里只提一個(gè)個(gè)人覺得不合理的點(diǎn)。
注冊(cè)界面的布局從上到下是,用戶名,密碼,輸入驗(yàn)證碼,獲得驗(yàn)證碼。
把「獲得驗(yàn)證碼」作為「下一步」的按鈕,放在底部。「輸入驗(yàn)證碼」的位置卻在其之上,也就意味著用戶的使用邏輯為1→2→4→3。更重要的是,鍵盤仍然可能擋住底部的按鈕,用戶看得到「輸入驗(yàn)證碼」,卻看不到「獲得驗(yàn)證碼」。這種問題雖然沒人提,但嚴(yán)格來說也算是不小的設(shè)計(jì)失誤了。

1→2→4→3,混亂的邏輯
1→2→4→3,混亂的邏輯

13.百度地圖-工具

百度地圖點(diǎn)擊登錄的默認(rèn)界面是「短信快捷登錄」,也就是只需要輸入手機(jī)號(hào)碼(且有提示「未注冊(cè)則自動(dòng)注冊(cè)」)——當(dāng)你輸入的手機(jī)號(hào)碼未注冊(cè)的時(shí)候,會(huì)彈出對(duì)話框「該手機(jī)未注冊(cè),是否注冊(cè)為百度賬號(hào),點(diǎn)擊注冊(cè)發(fā)送驗(yàn)證碼」。


短信驗(yàn)證碼登錄,若未注冊(cè)則注冊(cè)為百度賬號(hào)
短信驗(yàn)證碼登錄,若未注冊(cè)則注冊(cè)為百度賬號(hào)

令人疑惑的是,在點(diǎn)擊「注冊(cè)」之后,注冊(cè)界面仍然是輸入手機(jī)號(hào)碼+密碼。整個(gè)流程和「短信快捷登錄」并沒有什么區(qū)別。唯一的區(qū)別就是直接注冊(cè)需要輸入密碼。這兩個(gè)方式可以考慮合并起來吧。


注冊(cè)也是手機(jī)號(hào)碼,只是需要填寫密碼
注冊(cè)也是手機(jī)號(hào)碼,只是需要填寫密碼

經(jīng)過測(cè)試,使用「短信快捷登錄」注冊(cè)的手機(jī)號(hào),并不會(huì)輸入密碼,在退出的時(shí)候也沒有提示需要輸入。因此無論在移動(dòng)還是PC端,你都只能使用「短信登錄」這個(gè)方式,這個(gè)方式雖然在移動(dòng)端方便,但是在PC端也許就是一個(gè)累贅了,建議可以效仿QQ和微信,退出時(shí)提示設(shè)置密碼。

不過最不能容忍的是,在「百度地圖」、「百度旅游」、「百度文庫」三款產(chǎn)品中,百度的使用條款都是一種非常霸道的表述方式——「閱讀并接受《百度用戶協(xié)議》」,既沒有明確的寫出「注冊(cè)即同意」,也沒有勾選框表示默認(rèn)選中。「反正我告訴你了,你就同意了。」總有一種流氓的感覺。(主要是我自己對(duì)這些用戶權(quán)限比較在乎,個(gè)人感受可能略強(qiáng)烈一點(diǎn)。)

14.聯(lián)通掌上營業(yè)廳-工具

這是本次對(duì)比中最讓我「驚喜」的產(chǎn)品——因?yàn)橹耙恢庇X得國企的App都不會(huì)太人性化。(深受12306之害。)

簡(jiǎn)單來講,聯(lián)通掌上營業(yè)廳也許沒有特別好的技術(shù),但是卻通過「文本描述」讓用戶感受到了體貼。
「如你第一次使用,不知道密碼,請(qǐng)點(diǎn)擊忘記密碼」;
「若您使用聯(lián)通號(hào)碼,可直接登錄不用注冊(cè);若您有多個(gè)號(hào)碼,綁定到郵箱切換更方便」;
「中國雅虎郵箱已于2013年……停止服務(wù),為了保證……請(qǐng)勿使用……」;
「為了保障您的賬戶安全,請(qǐng)盡量減少簡(jiǎn)單密碼,如111111,123456」。


體貼的文字描述以及**默認(rèn)未勾選**的「用戶條款」
體貼的文字描述以及**默認(rèn)未勾選**的「用戶條款」

體貼的文字描述以及**默認(rèn)未勾選**的「用戶條款」
體貼的文字描述以及**默認(rèn)未勾選**的「用戶條款」

如果是一家技術(shù)不錯(cuò)的互聯(lián)網(wǎng)企業(yè),也許他們能夠?qū)⑦@些細(xì)節(jié)融入到用戶流程中從而有更好的體驗(yàn),比如在檢測(cè)到「雅虎郵箱」、或者「簡(jiǎn)單密碼」的時(shí)候,自動(dòng)顯示提示(酷狗音樂就是這么做的)。但是在這么多的產(chǎn)品中(其中不乏非常大型的互聯(lián)網(wǎng)企業(yè)),卻并沒有很多產(chǎn)品使用了這些技術(shù),它們甚至還不如聯(lián)通的「傻辦法」。
作為運(yùn)營商的官方App,其中的用戶可能不少是我們父母輩的人,TA們可能并不太懂得技術(shù)以及密碼防范,這些簡(jiǎn)單的提示也許就能夠幫助到TA們。
這不是很厲害的設(shè)計(jì),甚至可能不算是一個(gè)設(shè)計(jì),但我在使用到的時(shí)候卻覺得非常貼心溫暖,我想這就已經(jīng)足夠了。

而且你也可以看到,聯(lián)通的App注冊(cè)條款是「默認(rèn)未打鉤」的,在所有四十三款的App中,這也是唯一的一家。


國外App

15.Facebook-社交

Facebook可以說是所有產(chǎn)品中最重視條款的一家,它將「注冊(cè)即同意」這個(gè)步驟直接做成了一個(gè)單獨(dú)的頁面。
也許這并不能代表它就是最「安全」的產(chǎn)品,但至少這能夠讓用戶感受到一種信任。


單獨(dú)的條款頁面
單獨(dú)的條款頁面

信息填寫完畢后,會(huì)進(jìn)入一個(gè)「注冊(cè)中」的頁面,這個(gè)留到后面Linkedin的時(shí)候講。

我在注冊(cè)的時(shí)候代理剛好出了問題,因此國外軟件的注冊(cè)基本都失敗了。這正好讓我發(fā)現(xiàn)了兩個(gè)體貼的設(shè)計(jì)。
A.Facebook的注冊(cè)需要填寫很多信息,每個(gè)信息一個(gè)步驟一個(gè)頁面,在我第一次使用手機(jī)注冊(cè)失敗后,我重新使用郵箱注冊(cè),所有的信息仍然保留著,在我準(zhǔn)備好「重新填寫」的時(shí)候發(fā)現(xiàn)「全部保留」著,這種出乎意料讓人非常驚喜。

B.第二個(gè)是,當(dāng)你已經(jīng)輸入了注冊(cè)的信息,再點(diǎn)擊返回登錄,會(huì)出現(xiàn)「是否放棄注冊(cè)」的提示。而如果你沒有輸入信息就不會(huì)有這個(gè)提示。很舒服體貼的細(xì)節(jié)。


若已輸入內(nèi)容,放棄注冊(cè)時(shí)會(huì)有提示
若已輸入內(nèi)容,放棄注冊(cè)時(shí)會(huì)有提示

16.Twitter-社交

Twitter同樣注冊(cè)失敗了,所以流程參與的不多。
印象深刻的也有一份「清晰溫暖的描述」。

「注冊(cè)意味著你同意……(列出所有條款)」;
「我們不會(huì)給你發(fā)送垃圾郵件」;
「不用擔(dān)心,我們不會(huì)公開你的號(hào)碼」;
「可能收取短信費(fèi)」。
只有你重視用戶,用戶才會(huì)喜愛你的產(chǎn)品。


不用擔(dān)心
不用擔(dān)心

國外的軟件普遍會(huì)很重視用戶的隱私安全,在開始注冊(cè)的時(shí)候,Twitter界面會(huì)有一個(gè)「高級(jí)選項(xiàng)」,其中列出了「是否允許通過電話/郵箱找到我」——每一件事都讓用戶在一開始就了解清楚。


高級(jí)選項(xiàng)
高級(jí)選項(xiàng)

17.Instagram-社交

Ins默認(rèn)的初始界面就是注冊(cè)。(界面真的非常美)。
需要注意的是,就算是在4s,3.5寸的屏幕上,Ins仍然不會(huì)因?yàn)槌霈F(xiàn)鍵盤而遮擋任何元素。


完美的布局
完美的布局

當(dāng)輸入郵箱后,「連接FB」選項(xiàng)消失,換成「下一步」,所以仍然不會(huì)遮擋。


「智能」時(shí)代出現(xiàn)的App
「智能」時(shí)代出現(xiàn)的App

在此之后,「下一步」的操作都放在了右上角,和「返回按鈕」相對(duì)。從「鍵盤遮擋底部按鍵」這個(gè)部分來說,這個(gè)設(shè)計(jì)非常贊。


右上角不會(huì)被遮擋
右上角不會(huì)被遮擋

有點(diǎn)奇怪的是,Ins的信息寫的是「電話號(hào)碼(非必填)」但是緊接著下一步就讓你輸入手機(jī)號(hào)碼驗(yàn)證。


非必填的手機(jī)號(hào)碼
非必填的手機(jī)號(hào)碼

不太理解這個(gè)問題,是相關(guān)法律的問題嗎?


然后馬上讓你填手機(jī)……
然后馬上讓你填手機(jī)……

以及,Ins的驗(yàn)證碼鍵盤是非數(shù)字的,因?yàn)闆]有收到驗(yàn)證碼,所以不知道是設(shè)計(jì)錯(cuò)誤還是說它的驗(yàn)證碼本身就不是全數(shù)字,但目前我自己還沒遇到過手機(jī)驗(yàn)證碼發(fā)送字母的……


未作處理的鍵盤
未作處理的鍵盤

18.LinkedIn-社交

由于LinkedIn的用戶特性,在注冊(cè)結(jié)束后需要填寫比較多的信息。
LinkedIn在注冊(cè)結(jié)束后,單獨(dú)展示了一個(gè)「歡迎」界面,然后再開始填寫其它資料。我覺得這樣有兩個(gè)好處,一是讓用戶感受到注冊(cè)是成功的,有一種「剛才填的都沒有錯(cuò)」的積極反饋(Facebook也是這個(gè)功能),二是,讓用戶緩一口氣,告訴TA「接下來又要開始填一些信息了哦」。


注冊(cè)完成后,一個(gè)「歡迎界面」能夠起到很好的緩沖效果
注冊(cè)完成后,一個(gè)「歡迎界面」能夠起到很好的緩沖效果

19.Uber-O2O

Uber從打開App的那一刻起就會(huì)讓你享受整個(gè)過程。

Uber的視覺實(shí)在是值得單獨(dú)列出來談?wù)劊葹榱私貓D快速跑了一遍流程,發(fā)現(xiàn)雖然Uber的流程不算簡(jiǎn)潔,但卻讓我非常舒服,后來重新使用了一遍,發(fā)現(xiàn)它有幾個(gè)讓人喜歡的部分。
logo的出現(xiàn)和開場(chǎng)動(dòng)畫實(shí)在驚艷。你可以深刻的感受到它的流暢、平滑和舒適——而這正是打車軟件需要帶給用戶的元素;


「流暢」的動(dòng)效
「流暢」的動(dòng)效

點(diǎn)擊注冊(cè),并不像普通的App一樣左右滑動(dòng)出現(xiàn),而是有一個(gè)「溫柔」的動(dòng)畫效果。有的動(dòng)效雖然很炫,但除了好看你并不會(huì)覺得有多特別,但Uber這里的動(dòng)效簡(jiǎn)約而不生硬,也許正是因?yàn)檫@種不突兀的切換,我才對(duì)注冊(cè)的過程顯得沒有那么排斥;

字體,在注冊(cè)其它App的時(shí)候,字體與App風(fēng)格不統(tǒng)一就不說了,還會(huì)經(jīng)常出現(xiàn)首字母自動(dòng)大寫的情況。Uber的注冊(cè)字體則是精心設(shè)計(jì)過的,不僅符合自身產(chǎn)品穩(wěn)重的特點(diǎn),甚至有一種「一看這種字體就會(huì)對(duì)它產(chǎn)生信任」的感覺。
它的字體到底有多「穩(wěn)重」呢……我打了馬賽克都還是看得清楚數(shù)字……只好先涂一遍……囧。


「穩(wěn)重」的字體
「穩(wěn)重」的字體

Uber悲哀的一點(diǎn)是沒有條款……作為本來就有一點(diǎn)「灰色」的產(chǎn)品,這樣會(huì)使用戶信任感降低很多的。


總結(jié)

篩選了一遍都寫了十九款…
大致分析一下自己覺得比較合理的「注冊(cè)交互流程」。

1.最好能夠一個(gè)步驟一個(gè)頁面,而且提供步驟目錄。這樣會(huì)帶給用戶很平和的注冊(cè)流程,而且讓用戶知道「我在哪」,「要去哪」,「從哪來」不也是交互設(shè)計(jì)一個(gè)核心理論嗎?

2.如果鍵盤可能遮擋到按鈕,就不要在進(jìn)入界面時(shí)設(shè)置鍵盤焦點(diǎn)(也就是不彈出鍵盤),這樣雖然用戶會(huì)多點(diǎn)一步,卻會(huì)減少更多的用戶煩躁。(至少我自己遇到這種情況經(jīng)常拽不下鍵盤是很不爽的。)

3.如果是手機(jī)號(hào)碼注冊(cè),記得按鈕文本是「獲取驗(yàn)證碼」,而不是「注冊(cè)」,前者代表用戶自己選擇了短信驗(yàn)證碼,后者則不一定。

4.如果是郵箱注冊(cè),請(qǐng)務(wù)必設(shè)置合理的郵箱補(bǔ)全機(jī)制,在手機(jī)上能夠很好的優(yōu)化用戶輸入。

5.密碼的設(shè)置可以參考QQ和微信,手機(jī)驗(yàn)證不設(shè)置密碼。注冊(cè)成功后,以及推出時(shí)提示設(shè)置密碼。當(dāng)然,如果使用場(chǎng)景和滴滴出行一致,也可以選擇直接不要密碼。

6.合理的「引導(dǎo)」,引導(dǎo)是現(xiàn)在很多產(chǎn)品(不限于App)的一個(gè)通病,現(xiàn)在的產(chǎn)品功能繁雜,也不可能用說明書進(jìn)行解釋,足夠「新手向」的提示對(duì)于用戶來說非常重要,這也是表現(xiàn)「人性化」很重要的一點(diǎn)。有能力的可以把提示判斷加入到注冊(cè)過程中,沒有能力的就像聯(lián)通掌上營業(yè)廳一樣多寫一些文本也是好的。

7.關(guān)于「用戶條款」,并不是說一定要像Facebook一樣單獨(dú)列出一個(gè)界面,但至少能夠做到「注冊(cè)即同意」這個(gè)方式吧。既比默認(rèn)打鉤方便,效果又更好(默認(rèn)打鉤有一種「強(qiáng)制性」)。

8.第八點(diǎn)其實(shí)并不太屬于「交互設(shè)計(jì)」,那就是更合理的布局和動(dòng)畫效果。好的動(dòng)效當(dāng)然能夠帶來好的效果,但我覺得首現(xiàn)還是得需要做好合理的流程框架。

國外的App在這些方面確實(shí)會(huì)讓人感覺「人性化」許多,國內(nèi)也有許多出色的設(shè)計(jì),但部分卻顯得沒有太多人情味,「人性化的體驗(yàn)」不光是方便就足夠的。
國外的月亮并不圓……也許只是人家真的更重視用戶。當(dāng)設(shè)計(jì)師把自己身邊完全不懂產(chǎn)品和技術(shù)的人(比如你的父母)作為用戶模擬使用產(chǎn)品,如果TA們也能用的舒服開心,我認(rèn)為這就算是足夠好的設(shè)計(jì)了。
希望自己能成為這樣的人。

2015.9.25
22:05

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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