在涉及金融業務的APP中經常會使用手勢密碼作為驗證條件之一，在產品環節中，這個功能需要如何設計呢？
產品賬戶設計和產品的私密性、安全性相關，與金錢相關的產品安全性、私密性較高，比如銀行APP、理財類、支付類的APP。
銀行類的APP用戶每次啟動時都要重新輸入密碼才能進入頁面進行操作，絕大多數私密性、安全性沒有那麼高的APP用戶的賬號和密碼保存在本地，用戶啟動APP時，系統自動發送賬號和密碼到服務器上獲取用戶的數據，不需要用戶輸入賬號和密碼。
手勢密碼介於中間，既可以方便用戶操作，又能夠在一定程度上保證用戶資金的安全，一般應用於理財類和支付類的產品，例如桔子理財和支付寶。
本文以桔子理財為例，主要從用例、流程、頁面三個層面來分析手勢密碼的設計。
一、用例分析
手勢密碼的用例包括：
二、流程和頁面
六個用例的流程和頁面設計，用例包括：繪製手勢密碼、手勢密碼登錄，修改手勢密碼、忘記手勢密碼、開通手勢密碼、關閉手勢密碼。
1. 繪製手勢密碼
場景：首次註冊完成後，繪製手勢密碼；用戶關閉手勢密碼，重新開通時需要重新設置手勢密碼，以防用戶忘記之前設置過的密碼；如果手勢密碼保存在本地的話，用戶卸載後重新下載、或使用其他手機登錄時需要重新設置。
流程：
限制條件：手勢密碼連接點4-9個
頁面：根據以上流程圖、限制條件，頁面包括首頁，第一次繪製-正確，第一次繪製-錯誤，第二次繪製-正確，第二次繪製-錯誤。
注意：繪製時用戶可以選擇跳過，頁面要有跳過功能；
注意：第二次繪製手勢密碼錯誤時，用戶可以重新設置
2. 手勢密碼登錄
場景：APP關閉後重新啟動；APP在後臺運行，但是距離上一次點擊超過30秒
前提：用戶設置了手勢密碼
流程圖：
頁面：包括首頁，輸入錯誤頁面，輸入正確時直接進入首頁無需額外頁面展示；頁面應包括忘記手勢密碼和其他賬號登錄功能。
3. 忘記、修改、開通、關閉手勢密碼
流程：
頁面：
題圖來自 Unsplash ，基於CC0協議
閱讀更多 人人都是產品經理 的文章
