本文筆者分享了指紋識(shí)別的設(shè)計(jì)案例，詳細(xì)地介紹了設(shè)計(jì)過(guò)程，并對(duì)過(guò)程中出現(xiàn)的問(wèn)題進(jìn)行了復(fù)盤總結(jié)，供大家參考學(xué)習(xí)。

指紋識(shí)別的功能是以前做過(guò)的小案例，當(dāng)時(shí)做的時(shí)候，出現(xiàn)了很多小問(wèn)題，現(xiàn)在復(fù)盤總結(jié)一下幫助自己加深記憶，也希望能夠幫助到大家～

一、需求內(nèi)容

1. 在手機(jī)的【設(shè)置】頁(yè)面內(nèi)新增一個(gè)【指紋識(shí)別】的功能，該功能要滿足以下三項(xiàng)要求：

①用戶最多可以定制十個(gè)指紋

②每個(gè)指紋都可以在手機(jī)鎖屏?xí)r快速解鎖

③每個(gè)指紋都可以在解鎖的同時(shí)開啟一個(gè)手機(jī)app

2. 繪制出此功能內(nèi)含有的全部頁(yè)面，包括各類可能出現(xiàn)的交互情況（比如彈窗、滑動(dòng)、跳轉(zhuǎn)等等）

二、需求分析

1. “錄制指紋最多可定制十個(gè)指紋” — 要考慮到三種狀態(tài)：空狀態(tài)（0個(gè)指紋）、使用狀態(tài)（1-9個(gè)指紋）和極限狀態(tài)（10個(gè)指紋）

2. 新建指紋的流程，要考慮到正常情況和異常情況，如長(zhǎng)時(shí)間無(wú)法識(shí)別指紋、指紋命名重復(fù)、指紋錄入失敗

3. 編輯指紋（刪改查）

4. “每個(gè)指紋都可以在解鎖的同時(shí)立即開啟一個(gè)手機(jī)app”–不同的指紋可以綁定同一個(gè)app、相同的指紋只可以錄入一次

三、設(shè)計(jì)過(guò)程

(1) 添加指紋流程

存在兩處很明顯的設(shè)計(jì)問(wèn)題：

問(wèn)題A: 前面是空狀態(tài)流程，到A頁(yè)面提示“已存在重復(fù)指紋，請(qǐng)修改指紋名稱”是使用狀態(tài)(已有指紋時(shí))可能會(huì)出現(xiàn)的頁(yè)面，這種情況是流程場(chǎng)景弄混淆了，做空狀態(tài)流程時(shí)，就要是空狀態(tài)應(yīng)該出現(xiàn)的頁(yè)面，特殊的情況可以在旁邊標(biāo)注上。設(shè)計(jì)是需要嚴(yán)謹(jǐn)?shù)?，不要因?yàn)閭€(gè)人輸出文檔時(shí)的失誤，導(dǎo)致項(xiàng)目延遲，所以在制作交互文檔的時(shí)候，一定要謹(jǐn)慎，謹(jǐn)慎，再謹(jǐn)慎；

問(wèn)題B：底部按鈕出現(xiàn)兩個(gè)功能，一般APP都是這樣做的，如電商類app，加入購(gòu)物車和立即購(gòu)買按鈕；但是硬件的功能按鈕不允許這么設(shè)計(jì)的，會(huì)給系統(tǒng)帶來(lái)不穩(wěn)定的隱患；

（2）對(duì)已有指紋的刪改查

添加指紋后，不能對(duì)指紋本身進(jìn)行修改，只能對(duì)該指紋對(duì)應(yīng)的名字與綁定的app進(jìn)行修改；指紋本身不可修改只可以刪除；

編輯A頁(yè)面的指紋名稱和對(duì)應(yīng)打開的APP，需要點(diǎn)擊跳轉(zhuǎn)到B頁(yè)面，B頁(yè)面的設(shè)計(jì)包含了對(duì)該指紋的刪改查，頂部是對(duì)指紋名稱進(jìn)行修改，中間部分是更改對(duì)應(yīng)的APP（只能選擇一個(gè)），最下部分是對(duì)指紋進(jìn)行保存和刪除的功能，這樣做的目的是提高用戶的操作效率，在一個(gè)頁(yè)面完成所有的操作；

但是從用戶體驗(yàn)角度詳細(xì)分析，內(nèi)容的詳情頁(yè)展示過(guò)于飽滿，導(dǎo)致頁(yè)面的操作效率不但沒(méi)有提高反而降低了，還有如果后期迭代需要對(duì)指紋再增加幾項(xiàng)功能，頁(yè)面完全不能容納，會(huì)需要架構(gòu)的重構(gòu)，所以需要增加一項(xiàng)編輯頁(yè)面，劃分邏輯，提高操作效率；

修改后的如下：

根據(jù)上邊的分析，增加了一頁(yè)編輯頁(yè)面，不僅提高了效率，功能邏輯也更加清晰。

以上就是我對(duì)“指紋識(shí)別”交互設(shè)計(jì)的總結(jié)～

作者：杜昭，微信：17611113635，微信公眾號(hào)：設(shè)計(jì)的威嚴(yán)

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

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