產(chǎn)品設(shè)計-登錄注冊(一)

不同的產(chǎn)品同一個功能往往有不同的表現(xiàn)形式,登錄注冊也不例外射赛。隨著互聯(lián)網(wǎng)尤其是移動互聯(lián)網(wǎng)的發(fā)展奶是,登錄注冊變得越來約便捷聂沙,后臺功能的支持也越來約復雜。如同程序從“Hello World”開始一樣沮趣,產(chǎn)品設(shè)計從登錄注冊開始坷随。

1. 設(shè)計的好與壞甸箱?


??A產(chǎn)品竟然支持郵箱注冊芍殖,郵箱注冊這種方式主要是PC端時盛行的谴蔑,現(xiàn)在手機號注冊收驗證碼多方便隐锭,這種方式不好;

??B產(chǎn)品竟然不能設(shè)置密碼蒂窒,每次登錄都要手機驗證碼荞怒,這萬一手機沒信號收不到驗證碼怎么辦,這種方式不好褐桌;

??C產(chǎn)品我用第三方登錄了,竟然還讓我綁定手機號呛踊,這不是欺騙用戶么,太不要臉了汪厨,這種方式不好蜻底;

關(guān)于登錄注冊功能的設(shè)計,有很多觀點要拂,這些觀點看起來都沒有錯脱惰,但所有拋開產(chǎn)品本身談登錄注冊的行為都是耍流氓

??A產(chǎn)品可能從PC時代開始發(fā)展的,積累了大量郵箱注冊用戶拉一,而且A產(chǎn)品經(jīng)常通過郵箱給用戶發(fā)送一些信息蔚润,比如美食杰

??B產(chǎn)品提供的功能服務(wù)可能本身就需要先驗證手機才能使用嫡纠,比如餓了么延赌,即使登錄時不驗證手機號,訂餐時也要驗證(當然現(xiàn)在他們也有密碼登錄了者蠕,但還是推薦手機號+驗證碼登錄)

??C產(chǎn)品由于運營需要用戶的手機號踱侣,他們可能通過權(quán)衡讓用戶綁定手機號帶來的損失和沒有用戶手機號帶來的損失大磺,這樣可能是最優(yōu)方案

所以我們不能拋開產(chǎn)品本身去談登錄注冊功能體驗的好與壞,這篇文章主要講述我個人的思考問題的邏輯玉转、思考習慣究抓。

一、為什么需要注冊

1. 為什么需要注冊


早期的網(wǎng)站绑嘹,很多都是無需注冊的,比如使用百度搜索工腋、瀏覽黃頁…

隨著互聯(lián)網(wǎng)的發(fā)展擅腰,用戶對應(yīng)用提出了更多的個性化需求趁冈,開發(fā)者需要分用戶記錄數(shù)據(jù)…

于是,賬號系統(tǒng)的必要性越來越明顯渗勘。

2.注冊是否必須


注冊是為了創(chuàng)建賬號系統(tǒng)來分賬號保存用戶數(shù)據(jù)旺坠,然而并不是所有的應(yīng)用都有這個必要性取刃。因此瞒津,我從這一維度將注冊分為:無需注冊型蝉衣、需要注冊型。

在互聯(lián)網(wǎng)世界濒翻,用戶是一切有送,如果用戶都只是匆匆過客那么很難在產(chǎn)品中形成固定的用戶群,在用戶行為統(tǒng)計上也很難形成有價值的數(shù)據(jù)裸删,如今就算是工具類的應(yīng)用也都在建立用戶系統(tǒng)阵赠,更不要說社區(qū)或社交類的產(chǎn)品肌稻。

二爹谭、登錄注冊演變歷史(從PC端到移動端)

移動端的登錄沿襲了很多PC端的經(jīng)驗榛搔,但也有其獨特的演變。

1.PC端


??PC具有公共屬性腹泌,輸入密碼是私密性的真屯,需要在登錄注冊時給予適當保護绑蔫;

??PC端臺式機一般固定在特定的位置泵额,無法隨意移動嫁盲,筆記本可以移動但使用場景相對固定,網(wǎng)絡(luò)狀況與移動設(shè)備相比穩(wěn)定缸托;

??PC顯示區(qū)域比較大瘾蛋,登錄注冊通常只有1個頁面,需要填寫的所有內(nèi)容都會呈現(xiàn)佩抹。

??PC端的輸入設(shè)備有鼠標和鍵盤取董,人機交互和可輸入速度要快很多茵汰;

2.移動端


??移動設(shè)備屬于個人私密性較高的設(shè)備,用戶在進行操作時梭灿,可對輸入密碼進行有效的保護堡妒;

??移動設(shè)備隨身攜帶,隨時隨地在變換位置皮迟,網(wǎng)絡(luò)狀況不穩(wěn)定等不確定因素很多伏尼;

??移動設(shè)備顯示區(qū)域均較小爆阶,登錄的注冊頁面通常都會有3個頁面(M站通常在一個頁面)辨图,需要用戶填寫的內(nèi)容要精簡;

??移動設(shè)備輸入更多是手指觸屏操作故河,人機交互有其獨特性吆豹,例如虛擬鍵盤的設(shè)計。

了解這些之后凑阶,需要清楚的甄別兩者之間的關(guān)聯(lián)和區(qū)別宙橱。

三、登錄注冊路徑

注冊路徑烦磁,是指用戶從打開APP后养匈,到達注冊的路線:是用戶進入APP就要注冊哼勇,還是看了部分內(nèi)容都伪、做了某些操作時再進行注冊?

基于此积担,將注冊的路徑分為兩類(圖示以安裝后首次使用為例):

1. 立即注冊:即進入APP后陨晶,必須完成注冊,否則無法看到應(yīng)用的內(nèi)容。


立即注冊

2. 延后注冊:無需注冊就可以體驗產(chǎn)品的部分功能先誉,在觸發(fā)某些功能時才要求注冊湿刽。


延后注冊

延后注冊有兩種比較常見的設(shè)計方式:啟動/引導頁直接進入首頁,或者在啟動/引導頁之后設(shè)計一個可跳過的注冊/登錄頁再進入首頁诈闺。

立即注冊,就像讓用戶在不知道東西長什么樣的情況下仁烹,就讓他們掏錢買單,設(shè)想一下有多少人愿意征唬?

除非,這東西不用看就知道什么樣,所以可以看到贪薪,33款產(chǎn)品里,支付寶霍弹、微信、陌陌這么做了(就是這么牛)耍缴,而螞蟻財富因為功能在支付寶都有,所以下載使用的都是精準用戶裙盾,采用立即注冊也沒毛病。

立即注冊的產(chǎn)品里,有兩類比較特殊的:申請注冊(如大多數(shù)To B產(chǎn)品近顷,需要提交資料審核通過后才可開通賬號慕匠,如初期的bilibili蓉媳,需要回答大量問題之后才能申請注冊)、邀請注冊(必須填寫邀請碼才可完成注冊玩荠,如每日一淘),這類產(chǎn)品因為產(chǎn)品階段女坑、用戶特性绑咱、商業(yè)模式等原因铝噩,而選擇了比較特殊的注冊方式年叮。

所以分析后認為一姿,除非產(chǎn)品知名度已經(jīng)相當牛逼爆存,否則還是盡量讓用戶“先試用再買單”吧,何況微博依然是延后注冊噪叙。

特別說明:在本次調(diào)研中發(fā)現(xiàn),有7款產(chǎn)品(微醫(yī)、京東金融臭杰、壹錢包寥枝、今日頭條、京東比搭、淘寶、微博)在啟用/引導頁之后專門給出了《用戶隱私政策》說明頁,1款產(chǎn)品(支付寶)在用戶輸入手機驗證碼后給出了此頁面,應(yīng)該是為了符合《網(wǎng)絡(luò)安全法》的相關(guān)規(guī)定。

《中國人民共和國網(wǎng)絡(luò)安全法》第四十一條網(wǎng)絡(luò)運營者收集、使用個人信息,應(yīng)當遵循合法、正當、必要的原則,公開收集、使用規(guī)則妖滔,明示收集艺普、使用信息的目的、方式和范圍瑰步,并經(jīng)被收集者同意袁滥。網(wǎng)絡(luò)運營者不得收集與其提供的服務(wù)無關(guān)的個人信息嵌赠,不得違反法律姜挺、行政法規(guī)的規(guī)定和雙方的約定收集溜在、使用個人信息,并應(yīng)當依照法律志笼、行政法規(guī)的規(guī)定和與用戶的約定紊浩,處理其保存的個人信息。


四箍铲、登錄注冊流程

以下基于多頁面分步設(shè)計的流程思路,并將登錄于注冊進行了合二為一小染,其中的邏輯是登錄時輸入手機號后,系統(tǒng)會判斷手機號是否已經(jīng)注冊烫堤;如果手機號已經(jīng)注冊,則密碼驗證通過后变擒,直接跳轉(zhuǎn)到首頁唯竹;如果手機號沒有注冊,則手機驗證通過后账阻,系統(tǒng)會使用用戶手機號生成一個賬戶,跳轉(zhuǎn)到設(shè)置登錄密碼頁面后同樣跳轉(zhuǎn)到首頁。

在整個登錄流程中蒲牧,用戶需要輸入的僅僅是手機號+密碼/手機號+驗證碼,這樣的方式也是很多新起的APP所采用的方式遵倦。

分步頁面


各個步驟使用校驗細節(jié)

五蛀缝、原型設(shè)計

1. 一步設(shè)計


一步設(shè)計

2. 分步設(shè)計


分步設(shè)計

這兩款產(chǎn)品的登錄中碟嘴,實際上用戶輸入的內(nèi)容量和信息是完全相同的,這里我們看一下我的三位同事給我的建議囊卜。

下面是實際工作中同事給我的說法:

??同事A:兩頁版的注冊流程中間需要跳轉(zhuǎn)頁娜扇,感覺比較麻煩,一頁版的流程在一頁中全部完成會比較簡單栅组,感覺到就像兩頁就相當于兩步雀瓢,一頁像是一步操作,因此一頁流程比較好玉掸。

??同事B:兩頁版的流程中間需要點擊一次下一步刃麸,跳轉(zhuǎn)之后即使光標而已默認顯示,鍵盤默認彈出排截,但用戶依然可能有下意識點擊輸入框的習慣嫌蚤。操作中多了一次點擊。因此一頁流程比較好断傲。

??同事C:一頁版的注冊流程在一頁中展示的信息過多脱吱,給用戶直觀感受較為復雜,兩頁版盡管有跳轉(zhuǎn)认罩,但感官上簡單明了箱蝠。因此兩頁版的注冊流程較好。

其他人的答案基本都與以上三類相似。

我個人認為宦搬,三種解釋都符合邏輯牙瓢,也都代表了一部分用戶的心理。我們下面從兩個角度做一個分析间校。

產(chǎn)品的角度:用戶的目的很簡單矾克,就是用最輕松的方式完成注冊。一部分用戶可能會認為一頁版的直觀感受復雜憔足。一部分用戶可能認為兩頁跳轉(zhuǎn)顯得比較復雜胁附。同事A和同事C顯然就是這兩類用戶的代表。

用戶的角度:注冊的整個操作中滓彰,用戶的心里狀態(tài)是什么呢控妻?

我們可以回想自己使用某款產(chǎn)品時的操作。其實如果不是你仔細留意揭绑,你很難記住某款產(chǎn)品的注冊流程弓候,其實這就說明,這項功能的操作完全屬于被動式的操作他匪,用戶看見什么信息就會填寫什么內(nèi)容菇存,而不是經(jīng)過分析自己選擇做什么操作。一頁版和兩頁版的信息诚纸,其實內(nèi)容量相同(手機號撰筷、驗證碼陈惰、密碼)只是操作的順序引導的過程有些許差別畦徘。

上面的分析我們可以做出下面的總結(jié)。好的注冊流程:

??第一:下意識下感官上是否覺得過程復雜抬闯。

??第二井辆,操作流程清晰無誤,沒有邏輯問題溶握。

??第三:不需要主觀判斷杯缺,完全被動操作(傻瓜式操作)。

最后我在產(chǎn)品設(shè)計中選擇了流程2的注冊流程睡榆。對于流程1我也可以挑剔的說出一些問題萍肆,但并不是很本質(zhì)的問題。

但其實對于這一功能的設(shè)計胀屿,只要在用戶的操作場景中能順暢進行塘揣。流程明確就是一個好的設(shè)計方案虑瀑。而不要在一類用戶在非操作狀態(tài)下的主觀感受作為設(shè)計依據(jù)(很多偽需求就是這樣來的)百炬,若是如此,注冊的功能顯然不是很重點竹挡,換做重點的功能設(shè)計,大的問題就會隨之而來奖蔓。

五赞草、細節(jié)分析

下一節(jié)會根據(jù)登錄注冊過程中的各種細節(jié)進行分析說明,具體細節(jié)內(nèi)容如下:

登錄注冊體驗設(shè)計
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末吆鹤,一起剝皮案震驚了整個濱河市厨疙,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌疑务,老刑警劉巖轰异,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異暑始,居然都是意外死亡搭独,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進店門廊镜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來牙肝,“玉大人,你說我怎么就攤上這事嗤朴∨渫郑” “怎么了?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵雹姊,是天一觀的道長股缸。 經(jīng)常有香客問我,道長吱雏,這世上最難降的妖魔是什么敦姻? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮歧杏,結(jié)果婚禮上镰惦,老公的妹妹穿的比我還像新娘。我一直安慰自己犬绒,他們只是感情好旺入,可當我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著凯力,像睡著了一般茵瘾。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上咐鹤,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天拗秘,我揣著相機與錄音,去河邊找鬼慷暂。 笑死聘殖,一個胖子當著我的面吹牛晨雳,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播奸腺,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼餐禁,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了突照?” 一聲冷哼從身側(cè)響起帮非,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎讹蘑,沒想到半個月后末盔,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡座慰,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年陨舱,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片版仔。...
    茶點故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡游盲,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蛮粮,到底是詐尸還是另有隱情益缎,我是刑警寧澤,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布然想,位于F島的核電站莺奔,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏变泄。R本人自食惡果不足惜令哟,卻給世界環(huán)境...
    茶點故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望杖刷。 院中可真熱鬧励饵,春花似錦、人聲如沸滑燃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽表窘。三九已至,卻和暖如春甜滨,著一層夾襖步出監(jiān)牢的瞬間乐严,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工衣摩, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留昂验,地道東北人捂敌。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像既琴,于是被迫代替她去往敵國和親占婉。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,781評論 2 354

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