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

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

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

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

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

一、用例分析

手勢(shì)密碼的用例包括：

二、流程和頁(yè)面

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

1. 繪制手勢(shì)密碼

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

流程：

限制條件：手勢(shì)密碼連接點(diǎn)4-9個(gè)

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

注意：繪制時(shí)用戶可以選擇跳過(guò)，頁(yè)面要有跳過(guò)功能；

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

2. 手勢(shì)密碼登錄

場(chǎng)景：APP關(guān)閉后重新啟動(dòng)；APP在后臺(tái)運(yùn)行，但是距離上一次點(diǎn)擊超過(guò)30秒

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

流程圖：

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

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

流程：

頁(yè)面：

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

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