聊一聊登錄註冊

在移動端的登錄註冊設計中,表單設計是基礎,流量的分發是重點。本文主要從流量入口的角度切入當下市場下的三種流量分配方式:入口分離,入口合併,以及入口消除。而後再聊一聊表單設計以及在做國際化的業務需要注意的點。

入口設計

入口分離

調研中絕大多數競品採用了分離入口的登錄註冊方案,即登錄和註冊入口獨立開來,新用戶通過註冊入口進入到註冊頁面,老用戶通過登錄入口進行登錄。在分離入口的登錄註冊設計中,有幾種比較常見的流量分配方式:

  1. 流量均分。將所有首次進入的用戶帶到一級引導頁,讓用戶自行決策登錄還是註冊。典型的有Kitchen Stories, Spotify,在頁面中直接將註冊與登錄等比例鋪開,相對簡單的頁面元素也使得品牌調性有了很大的發揮空間。
  2. 流量偏註冊。將所有首次進入的用戶帶到註冊頁面,引導用戶註冊。這種直接將用戶帶到註冊表單的做法使新用戶的註冊成本降低,而如何使得老用戶也能有較好的登錄體驗也成為了產品邏輯下的設計關鍵之一。在Wire的設計中,登錄與註冊操作採用了相對輕量的Tab切換方式,以此來降低用戶來回切換的成本。同樣的,在Jet以及Yahoo的500px中也採用了類似的方式解決註冊登錄的切換效率問題。
  3. 流量偏登陸。將所有首次進入的用戶帶到登錄頁面,引導用戶登錄。典型的有Facebook,Skype。實際就此次調研來看,默認登錄頁面的方式在受眾較廣的APP里並不常見,但這種方式對老用戶以及有賬號切換需求的用戶來說這種方式確實是方便的。

以上無主動觸發條件的登錄註冊頁面設計跟商業策略強相關,而對於有場景、有觸發條件的登錄註冊頁面,通過行為區別然後判斷用戶類型而給到相應的頁面不失為更好的選擇。

入口合併

(註:Medium已於2017年11月初的版本更新中取消了登錄註冊入口合併的方式)

在調研中有少數競品採用了登錄註冊入口合併的方式,無論新老用戶都走同一個入口進行登錄或註冊操作。

典型的APP有Medium,Telegram。以Medium為例,用戶僅需要輸入自己的郵箱地址,而後點擊「Sign in/Sign up」按鈕,收到郵件後點擊郵件里的鏈接即可跳轉回到Medium並實現登錄或註冊,這種通過郵件鏈接登錄註冊的方式(The Magic Link Email)也逐漸被應用開。

而Telegram則會直接識別SIM卡的卡號並自動填入表單,點擊「Next」後憑簡訊驗證碼實現登錄亦或註冊。

這類創新的用戶體驗背後自然也存在諸如郵件觸達率,安全性等挑戰,但便捷性也是顯而易見的。對老用戶而言,無需記錄自己的密碼,也沒有太多因忘記密碼而產生的疑慮抑或是煩惱。

入口消除

除去常規的登錄註冊,市場上還有一種繞開賬號登錄註冊的方式,在電商體系下多表現為「Continue as a Guest」。這種方式賦予了用戶一張「綠卡」,拿了「綠卡」的用戶可以在跳過常規登錄註冊的情況下完成後續的所有操作。

instacart與ebay的PC端在其產品中為用戶提供了「Continue as a Guest」 選項,用戶點擊後無需註冊即可購買商品。Guest選項是一條捷徑,而如何給到用戶安全感也成為了產品設計里的關鍵,法務、安全、服務等部門的協同工作也是此類項目的標配。

表單設計

大量信息輸入行為的處理同樣是設計的關鍵點,常見的處理方法有以下幾種。

單頁面長表單

單頁面場表單是目前最為常規的處理方式,以29cm為例,將所有需要填寫的信息都陳放在同一頁面下進行呈現。

漸進式表單

通過分步引導的方式進行輸入,典型的有Pinterest, Airbnb。

對話式表單

以對話的方式與用戶進行交互,如今這類APP並不少見,Allo是典型,而ada則將這種對話式的表單很好地用在了自家登錄註冊的場景上。

其他

技術紅利

除去常見的諸如Facebook, Google, Slack等第三方授權登錄方式,越來越多APP接入了1Password等第三方密碼工具。第三方密碼工具具有非常多優秀的特質,而iCloud Keychain以及Google Smart Lock則借著系統原生的優勢逐漸做到了One-tap Sign in,從iOS11將iCloud Keychain的展示放出可以看到原生系統自帶的密碼管理也在逐漸發力,並且會變得越來越便捷。

國家差異

國家差異化和多語言在登錄註冊同樣有一些需要注意的,舉幾個常見的例子。

  1. 文案處理:多數情況下會盡量避免使用「Sign up」與「Sign in」等字形相似的搭配,而會選擇類似「Sign up」與「Log in」,或「Create your AliExpress account」與「Log in」的組合。
  2. 文化差異:對於同時擁有First name, Middle name和Last name的俄羅斯用戶來說,也許用「username」這類單行信息作為註冊輸入會來得更加通用而又簡單。
  3. 政府政策:因巴西對SIM卡的管制力度不大,故人手多張SIM卡的情況較為普遍。在這種情況下如果為巴西用戶提供手機註冊的選項,那麼垃圾註冊可能會成為比較重要關注的點。

多端響應

在今年WWDC2017中,蘋果強調了Auto Layout,Split View,Dynamic Type等技術在其平台的應用,同時這部分信息也已經更新到了最新的 iOS Human Interface Guidelines 文檔中。在設備尺寸不斷增加的現在,如何在有限的資源下讓用戶擁有最好的體驗成為了我們必須面對也急需解決的一個問題。

在實際設計過程中,登錄註冊還有非常多流程與細節,在本文中就不過多探討,感謝閱讀,謝謝!


推薦閱讀:

產品經理入門
如何有效增長用戶,AB測試在產品中發揮的6個關鍵點
利用人性「七宗罪」進行產品設計的思考
設計師如何搞定產品經理
設計熵和仿生學

TAG:交互設計 | 產品設計 | 登錄註冊 |