APP登錄頁面設計的幾個細節

 　　登陸

　　注冊

　　結賬

　　計算

　　搜索條件

　　多重步驟

　　長表格

　　今天正好和我們的攻城獅們討論了登錄頁面的思路，順手總結一下：

　　1. 登陸頁面最容易被忽視的基礎

　　第一次做登錄頁面原型的時候，我們很容易有以下錯誤：

　　注冊放在登錄前面，占據顯著位置

　　忽略“忘記密碼”/"找回密碼"這個細節。

　　實際上，比較成熟的設計都會這樣安排重要性：

　　登錄>注冊>忘記密碼

　　所以，一個起碼能用的登錄頁面應該長成這樣：pattern gallery是虛擬名稱。

　　注冊-1

　　2. 社交賬號登錄已逐步成為主流，但要防2個坑

　　通過社交賬號登錄，用戶只需要點擊一下對應的社交媒體圖標，即刻完成。而傳統的登錄，至少需要填寫 賬號+密碼 兩個復雜的輸入步驟。

　　所以如果可能，通過社交賬號登錄是增加打開率的重要方式。

　　然而在和工程師的討論過程中，我們發現了下面2個坑：

　　1)後端程序猿提出，用戶如果在創建獨立賬號的時候沒有綁定社交賬號(比如微博，qq)，第一次通過社交賬號登錄時，系統會創建一個新用戶。想要再次綁定，則必須通過手機認證，這是一個很復雜的過程。或者，有的APP壓根就不讓你有再次綁定的機會。

　　好，如果這樣，那我們就只提供社交賬號登錄，不能獨立創建賬戶如何?這樣看來也不用通過獨立賬號登錄了，最簡便。

　　不行!

　　這就是第二個坑- -我們的IOS 攻城獅提出來的：apple store的審核現在變得更加嚴格了，對於只有社交賬戶登錄的app，基本都無法通過審核!因為你需要考慮到，如果用戶手機裡沒有這幾種社交app的話，他還是可以正常登錄的，否則就是在誘導下載(apple store的考慮之周全，的確讓人佩服)。

　　此時Android工程獅很淡然，表示完全沒有這樣的苦惱。

　　所以，這樣的情況下我們依然應該保留獨立ID的登錄提示，然後是第三方平台的登錄提示。但是，不開放獨立賬號的注冊功能，以避免發生剛剛說的第一個坑。

　　如果不開放獨立賬號的注冊功能，會有用戶因為沒有安裝我們連接的第三方平台而放棄注冊麼?理論上來說有可能，然而實際上來說，我們認為，我們的目標用戶起碼應該具備：微信/微博的賬戶，如果這幾個都沒有，那麼即使不注冊也不算損失。

　　所以，目前看來比較合理的想法如下(名稱及圖表都為虛擬)：

　　注冊-2

　　來自@夕照寺65號 的補充提醒,覺得很有幫助的經驗，也收錄下來：

　　個人認為，就算是社交賬號登錄其實也需要一個創建自己賬號的流程。僅以簡書注冊登錄舉例，我注冊時候用的豆瓣賬號，現在每次網頁登錄都要進入第三方網頁，而非直接輸入賬號密碼就可以登錄。有時候第三方網頁無法刷出，我連賬號登錄的方式都沒有了。同比可看，國外的產品或者知乎，雖然你登錄是拿社交賬號，但在引導後你是具備了網站獨立賬號並綁定社交賬號的。而此步也很簡單，就在注冊，確定個人信息時就可完成。