朋友說某個APP不錯，下載後正準備好好體驗一番，卻被糟糕的註冊登陸頁面弄的精疲力竭，無奈最終只能放棄。註冊登陸流程能讓用戶扭頭就走，也能讓產品得到新用戶的芳心。微信
一個合格的註冊登陸頁面，應該是具備清晰的操做流程，良好的交互細節和美觀的視覺設計。微信開發
清晰的操做流程
APP的註冊登陸有四種狀況:工具
不須要註冊登陸.net
常見於系統自帶的工具類APP，像常用的鬧鐘、日曆、計算器等等；一些簡單的第三方APP：樂流，榫卯等。設計
這些APP的特色都是功能相對單一，比較「輕」，不須要記錄用戶信息或行爲歷史。
3d
第三方帳號登陸blog
用戶不須要輸入註冊登陸信息，直接選擇第三方帳號就能完成登陸。國內常見的第三方帳號有微博、微信、QQ、豆瓣、人人等，國外常見的第三方帳號有Facebook，Twitter，Google等。開發
如今國內除了超級APP以外的APP基本都支持第三方帳號登陸，這樣能簡化用戶註冊登陸的流程，提升APP的用戶轉化率。get
郵箱註冊產品
最開始的時候註冊登陸是基於PC的，也就是基於網頁，PC時代的互聯網產品多使用郵箱做爲惟一ID。因此郵箱註冊成爲主流，並且註冊過程當中須要驗證郵箱也很方便，用戶直接在PC端就能夠完成全部操做。
如今不少APP依然保持着郵箱註冊的方式。
手機註冊
隨着移動互聯網的到來，人們觸網的主要設備已經從PC逐漸轉移到智能手機。
加上手機號碼的實名制、全球通業務的普及，使得手機號碼也具備了惟一標示性。並且在移動互聯網時代，用手機號碼做爲登陸ID，並用短信驗證碼的形式來驗證ID，這些操做流程都基於手機端。因此手機號碼逐漸取代郵箱成爲APP註冊登陸的主流方式。
注重交互細節
APP的優秀與否，由不少因素決定，而良好的交互細節是每個優秀APP的共同品質。只有從用戶場景出發，並從用戶的視角來思考產品，才能設計出打動人心的APP。
用顯示/隱藏icon代替輸入兩遍密碼
爲了確保密碼輸入正確，不少APP須要用戶輸入兩遍密碼來肯定密碼輸入無誤，但這無疑增長了用戶的工做量。替代方案是在密碼輸入框右側增長一個「顯示/隱藏icon」，讓用戶在輸入完一遍密碼後能夠選擇點開「顯示/隱藏icon」來確保密碼輸入無誤，減小用戶的工做量。
彈出相對應的輸入鍵盤
點開郵箱輸入框，彈出帶有@的英文輸入鍵盤。
點開手機號輸入框，彈出九宮格數字輸入鍵盤。
點開密碼輸入框，彈出英文輸入鍵盤。
這是很小的細節，雖然用戶可能不知道哪裏不對，可是他能體會到好很差用。一個APP注意了這點，那用戶就會以爲這個APP好用。而另外一個APP沒有作到這點，不管點擊哪一個輸入框彈出的都是九宮格中文輸入鍵盤，用戶就會以爲這個APP不太好用。
做爲設計師，要知道用戶以爲很差用的緣由是什麼，這樣才能對症下藥，改善用戶體驗。
對手機號碼進行3 4 4的分佈
這個規則不只適用於手機號碼，包括銀行帳號、轉帳金額等等。
這是由於人的短時間記憶是有限的，即一次只能記住有限的東西，若是強制記住很長的東西，短時間記憶就很容易出錯。
因此將數字以4或者3爲單位分組，有利於用戶閱讀、編輯、校對手機號碼。
登陸時增長一鍵清空icon
在登陸的時候偶爾會出現輸入錯誤，若是沒有這個清除的icon，用戶只能按鍵盤中的清除按鈕，須要一直按住直到輸入框爲空。
一個是隻須要點一次就能清空，一個須要長按一段時間或者連續按屢次才能清空，孰優孰劣可想而知。
清晰的錯誤反饋
當用戶輸入錯誤信息時，最好利用臨時框的形式提示用戶。而不是不作反應讓用戶本身去猜究竟是怎麼回事。
臨時框也有兩種形式，一種是左邊的對話框形式，這須要用戶點擊確認才能進行下一步操做。一種是右邊toast的形式，彈出一兩秒後自動消失。我的更傾向於第二種形式，由於第一種形式至關於強制中斷了用戶的操做，用戶須要點擊確認才能回到原來的操做流程。而toast則起到了提示的效果，而且沒有打擾到用戶。
美觀的視覺設計
緊密：經過元素的遠近將類似元素分爲一組。
對齊：經過對齊，規範元素的排版 。
簡約：註冊登陸頁面的背景儘可能簡約，從而讓主體信息更加突出。
對比：將重要的內容放大，增長色塊背景；將相對次要的內容縮小，下降明度等從而使 得信息層級清晰。
均衡：註冊登陸頁面幾乎都是沿着中心線左右對稱的，信息是左右均衡擺放的。否者會致使頁面不平衡。
平時收藏的一些好看的註冊登陸頁面：本文原做者 ： 鄒志南 轉載於產品100 ，如需轉載請聯繫原做者受權
轉載地址：http://www.chanpin100.com/article/102997