互動設計研究:使用者註冊和使用者登入的互動細節設計

文章描述：互動細節分析——註冊&登入.

註冊&登入是一個網站的門戶，它的設計姿態就是對待客人的態度。雖然使用者可能每次都只花極少的時間在註冊&登入互動，但是這個“瞬間”卻舉足輕重，使用者與註冊&登入之間的互動關係承上啟下的一個節點。註冊&登入所有的細節影響了能否完成產品戰略定位所設定的最基本任務去吸納其所希望的使用者的使命。基於很多互動設計前輩的研究，作了一些細節中的細節分析。感謝身邊協助我的朋友們。

1、註冊流程剖析對比：

1.1、註冊和登陸使用者體驗偏重：

：確保註冊資訊安全（長遠）

：使用者註冊過程簡單迅速（即時）

1.2、註冊流程剖析對比

① 財付通： 選擇註冊方式 > 填寫賬戶詳細資料 > 郵箱驗證 > 註冊完成（可以使用）

財付通背靠QQ這種超級龐大的使用者群體，對超大資訊流量的處理技術經驗豐富，很自信不擔心使用者註冊過程不順暢或者失敗的情況。對它來說迅速搶佔海量使用者才是首位，將註冊過程集中在一個頁面完成，效率最高。

② 百付寶： 填寫基本註冊資訊 > 註冊完成（不可使用） > 郵箱驗證 > 填寫賬戶詳細資料（關聯銀行卡） > 可以使用

百付寶只需要填寫使用者名稱、密碼、確認密碼、郵箱、驗證碼即可註冊賬戶，但並不能立刻使用支付，需要一系列驗證和賬戶綁定才能真正使用其支付功能。是產品剛投入市場大量新使用者註冊情況下分散流量的暫時性策略，減少使用者註冊過程不順暢或者失敗的情況。但對使用者的使用過程來說幾重不同分區的操作略顯繁雜。

③支付寶： 填寫基本註冊資訊 > 手機驗證+郵箱驗證 > 填寫賬戶詳細資料 > 關聯銀行卡 > 註冊完成（可以使用）

支付寶的流程安全關卡特別嚴謹，因為它使用者非常龐大的使用者群體，可以將吸引使用者的所有精力投入到產品去。體驗支付寶很自信的態度著力於使用者長遠的資訊安全體驗。

④Tumblr： 填寫：郵箱、密碼、網域名稱 > 驗證碼、確認密碼 > 郵箱驗證 > 註冊完成（可以使用）

Tumblr的輕部落格定位本身就較為垂直，希望註冊的使用者是真的希望以後更多和更持久地使用，所以它的註冊流程的特點在確認密碼與驗證碼一起放在第二個註冊頁面，讓使用者緩一會再確認密碼，將賬戶密碼記得印象更深。

⑤需要邀請碼的： 填寫帳號、郵箱、個人資訊 > 等待邀請碼 > 驗證邀請碼 > 註冊完成

需要邀請碼的很多都是初期時候內測的網站如前一段時間的樂活網；還有就是很垂直的社區網站，如Pinterest、雪球等，他們需要通過邀請碼篩選使用者群體，確保使用者類型符合預期。

⑥使用SNS帳號註冊： 選擇SNS門戶 > SNS帳號登入 > 確認串連 > 註冊完成

使用SNS帳號註冊可以迅速引導大量SNS使用者來註冊，在產品初期迅速佔領市場的情況效果會顯著，但是對長遠來說不利於培養自己專屬的使用者群體。

⑦新浪微博/迅雷網路/華為網盤： 填寫基本註冊資訊（資訊要求不同） > 註冊完成 > （郵箱驗證）

沒有特殊要求的話最普遍的註冊流程都是直接填寫基本資料和郵箱確認就註冊完成，一氣呵成，流暢自信。它很可能本身就有海量使用者。

總結：互動流程關聯的因素是多方面的，註冊&登入需要根據自身和所處環境量身定做，適時調整。

2、註冊&登入表單的整體架構分析：

2.1、註冊&登入表單區域分析：

註冊表單包含7各部分：

①視覺聚焦。引導使用者填資訊。

②標籤。輸入欄位應填何種資訊。

③輸入提示。提示輸入欄位資訊如何填。

④輸入欄位。包括文本輸入框、密碼輸入框、多選框、下拉式清單、單選框和滑塊等。

⑤操作區。包括連結、按鈕、切換驗證碼、展開提示或協議。

⑥驗證。所輸資訊可用性和給使用者的判斷和建議反饋。

⑦流程指示。讓使用者知道互動預期。

登陸框的分區差不多，只是一般流程只需一步，就沒有”⑦流程指示”。

[1] [2] [3] [4] [5] [6]  下一頁