網頁:axure,mockplus,uxpin。
將「註冊」和「登入」分開
大多數情況下，我們看到「註冊」和「登入」按鈕位於彼此靠近的位置，但這可能對使用者產生反向影響。
兩個動作都包含相同的動詞，並且看起來相似，所以他們可能會混淆使用者選擇錯誤的選項。使使用者感到沮喪，離開應用程式。基本上，嵌入在應用介面中的元素不應該讓使用者暫停和思考。可以使用不同的動詞或簡要說明每個欄位是什麼來幫助使用者更好的理解。
提供明確的引導提示
當使用者輸入錯誤時一定要明確的指出到底錯在哪，而不是簡單地說一句「輸入錯誤」，同時還應指導使用者寫出正確的答案。「出於安全考慮，您的密碼長度必須在6個字元到10個字元之間，並且包含至少1個大寫字元、1個數字和1個符號」。這是乙個典型的密碼錯誤提示。
使密碼可見
使用者經常遇到的另乙個問題是密碼錯誤，因為大多數密碼輸入字段由於安全原因而被遮蔽。
即使是最有經驗的打字員也會有輸錯的時候，尤其是當他們從移動裝置登入時。
在這種情況下，可以在密碼字段旁邊新增乙個「顯示密碼」核取方塊或圖示，當使用者勾選它時顯示密碼。
輸入時自動填充/自動讀取常用賬號
我們在登入/註冊時，經常需要輸入賬號和密碼。這時候，簡化或縮短使用者輸入時間是各網頁/應用優化體驗的的方式。
允許第三方賬號登入
使用第三方賬號登入可以解決很多註冊問題，使用者無需登錄檔單，填寫資訊資料，密碼甚至驗證碼等。最重要的一點便是使用者不需要再記住乙個新的使用者名稱和密碼了。不足之處就是有些使用者可能不喜歡共享賬號或者擔心隱私被洩露。所以最好的方法就是即提供郵箱註冊，也提供第三方賬號登入，讓使用者自己選擇，提高使用者體驗。
不要在不警告的情況下鎖定使用者的帳戶
為了避免強制進入和暴力攻擊，許多**和應用程式在一系列錯誤嘗試後會鎖定帳戶。
安全性是第一，但是至少應該在鎖定賬號之前嘗試警告使用者，告訴他們還可以嘗試多少次輸入。還可以給出額外的詳細資訊，例如10分鐘後再重試。
以小見大 如何設計註冊登入頁？
乙個合格的註冊登入頁面，應該是具有清晰的操作流程。乙個合格的註冊登入頁面，應該是具有清晰的操作流程，良好的互動細節和美觀的視覺設計。不需要註冊登入 第三方賬號登入 郵箱註冊 最開始的時候註冊登入是基於pc的，也就是基於網頁，pc時代的網際網路產品多使用郵箱作為唯一id。所以郵箱註冊成為主流，而且註冊...
例項分析拆解 如何設計登入註冊？
最近對我們的app的賬戶體系進行了改版，研究了各類產品的設計。賬戶體系雖然幾乎是通用標配功能，但是各app的都有差別，都是針對當前的產品形態 發展階段和使用者量級做出了符合自己的設計。賬戶體系的關鍵點在登入註冊流程上。登入註冊流程看似簡單，實際考量設計功力。網上關於登入註冊的綜述有很多了，但是從零到...
作為產品經理，我是這樣設計登入和註冊的
簡單的事情往往卻很難做好做細，就像乙份炒飯，卻值得周星馳為其拍了一部 食神 卻值得哈林為其唱了一首 蛋炒飯 登 錄和註冊大概是所有線上平台都擁有的功能模組，也是使用者最早能夠接觸到的平台功能，不僅業務流程簡約，而且模組功能單一，甚至設計的頁面也不會超過5個。但是你一定會發現，就是這麼簡單的登入和註冊...