在涉及金融業(yè)務(wù)的APP中經(jīng)常會使用手勢密碼作為驗證條件之一，在產(chǎn)品環(huán)節(jié)中，這個功能需要如何設(shè)計呢？

產(chǎn)品賬戶設(shè)計和產(chǎn)品的私密性、安全性相關(guān)，與金錢相關(guān)的產(chǎn)品安全性、私密性較高，比如銀行APP、理財類、支付類的APP。

銀行類的APP用戶每次啟動時都要重新輸入密碼才能進(jìn)入頁面進(jìn)行操作，絕大多數(shù)私密性、安全性沒有那么高的APP用戶的賬號和密碼保存在本地，用戶啟動APP時，系統(tǒng)自動發(fā)送賬號和密碼到服務(wù)器上獲取用戶的數(shù)據(jù)，不需要用戶輸入賬號和密碼。

手勢密碼介于中間，既可以方便用戶操作，又能夠在一定程度上保證用戶資金的安全，一般應(yīng)用于理財類和支付類的產(chǎn)品，例如桔子理財和支付寶。

本文以桔子理財為例，主要從用例、流程、頁面三個層面來分析手勢密碼的設(shè)計。

一、用例分析

手勢密碼的用例包括：

二、流程和頁面

六個用例的流程和頁面設(shè)計，用例包括：繪制手勢密碼、手勢密碼登錄，修改手勢密碼、忘記手勢密碼、開通手勢密碼、關(guān)閉手勢密碼。

1. 繪制手勢密碼

場景：首次注冊完成后，繪制手勢密碼；用戶關(guān)閉手勢密碼，重新開通時需要重新設(shè)置手勢密碼，以防用戶忘記之前設(shè)置過的密碼；如果手勢密碼保存在本地的話，用戶卸載后重新下載、或使用其他手機登錄時需要重新設(shè)置。

流程：

限制條件：手勢密碼連接點4-9個

頁面：根據(jù)以上流程圖、限制條件，頁面包括首頁，第一次繪制-正確，第一次繪制-錯誤，第二次繪制-正確，第二次繪制-錯誤。

注意：繪制時用戶可以選擇跳過，頁面要有跳過功能；

?注意：第二次繪制手勢密碼錯誤時，用戶可以重新設(shè)置

2. 手勢密碼登錄

場景：APP關(guān)閉后重新啟動；APP在后臺運行，但是距離上一次點擊超過30秒

前提：用戶設(shè)置了手勢密碼

流程圖：

頁面：包括首頁，輸入錯誤頁面，輸入正確時直接進(jìn)入首頁無需額外頁面展示；頁面應(yīng)包括忘記手勢密碼和其他賬號登錄功能。

3. 忘記、修改、開通、關(guān)閉手勢密碼

流程：

頁面：

本文由 @zhepburn 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash ，基于CC0協(xié)議