APP解鎖流程分享(含邏輯關(guān)系圖、用戶流程圖和UX模板Sketch文件)

16 評(píng)論 84173 瀏覽 232 收藏 4 分鐘

前段時(shí)間做了一個(gè)設(shè)置app解鎖密碼的小項(xiàng)目。根據(jù)需求設(shè)計(jì)了數(shù)字密碼、手勢(shì)、指紋三種方式的解鎖流程。解鎖內(nèi)容不是特別全面,比如不能修改同種類型的密碼。過稿的版本包含很多提示框,我覺得太啰嗦,這里就刪掉了(是的,木有用戶測(cè)試,全憑抄和個(gè)人感覺)。

APP解鎖流程我分為設(shè)置、解鎖、修改、關(guān)閉四個(gè)部分。

1、設(shè)置

三種方式的設(shè)置流程不一樣。數(shù)字密碼在確認(rèn)環(huán)節(jié)錯(cuò)誤后,進(jìn)入重新輸入密碼的環(huán)節(jié)。也就是說第一次輸入的數(shù)字已經(jīng)失效了。手勢(shì)密碼始終是驗(yàn)證后面輸入的手勢(shì)是否與第一次輸入的一致,并且會(huì)有一個(gè)小圖標(biāo)提示用戶繪制過的圖案。如果實(shí)在想不起來可以選擇重設(shè)手勢(shì)密碼。指紋密碼始終驗(yàn)證系統(tǒng)指紋。具體流程如下圖

Snip20160705_4

用戶流程圖如下圖:

Snip20160705_10

文末會(huì)分享下載無碼高清圖的鏈接。

2、解鎖

密碼和手勢(shì)都設(shè)置了5次驗(yàn)證上限,指紋是3次上限。超過上限直接登出,讓用戶使用用戶名和密碼登錄。如果用戶是從忘了解鎖密碼、超過錯(cuò)誤上限登出的,刪除解鎖緩存,登錄進(jìn)去后重新設(shè)置解鎖密碼。

Snip20160705_7

Snip20160705_11

3、修改

修改第一步是驗(yàn)證舊密碼,因?yàn)榭梢栽O(shè)置解鎖密碼出現(xiàn)的間隔,如果用戶設(shè)置的間隔時(shí)間過長(zhǎng),不驗(yàn)證的話,安全風(fēng)險(xiǎn)比較高。這里畫的時(shí)候偷懶了,導(dǎo)致后面畫user flow的時(shí)候麻煩了些。

Snip20160705_8

Snip20160705_12

4、關(guān)閉

其實(shí)就是修改流程的前半段。

Snip20160705_9

Snip20160705_13

分享包中包含:

  1. 設(shè)置、解鎖、修改和關(guān)閉4個(gè)部分的邏輯關(guān)系圖
  2. 設(shè)置、解鎖、修改和關(guān)閉4個(gè)部分的用戶流程圖
  3. 制作流程圖使用到的UX模板-ArcTouch Mobile UX Templates(感謝原作者的分享)

希望能為大家提供參考,并且獲得大家的反饋。

分享包下載鏈接http://share.weiyun.com/55bdafddd5724c99ec99485baecdcdf2

官方鏈接:http://pan.baidu.com/s/1hrIjpB2 密碼:q2gd

 

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 您好,鏈接失效了,勞煩發(fā)一份到郵箱dev_zl@outlook.com,萬分感謝!!

    來自天津 回復(fù)
  2. 您好,鏈接失效了,勞煩發(fā)一份到郵箱704984831@qq.com,萬分感謝?。?/p>

    回復(fù)
  3. 連接實(shí)效了

    來自北京 回復(fù)
    1. 可以從新給一個(gè)嗎

      來自北京 回復(fù)
  4. 您好,鏈接失效了,請(qǐng)問能再發(fā)一個(gè)有效的下載鏈接嗎?

    來自北京 回復(fù)
  5. 您好,想問一下您的流程圖斜著矩形文案是輸入,這個(gè)形狀代表什么意思?

    來自上海 回復(fù)
  6. 您好,麻煩問一下 連接原型圖的紅色連線 是用的什么插件?謝謝您。

    來自上海 回復(fù)
    1. 同問,好想知道

      來自廣東 回復(fù)
    2. 用的現(xiàn)成的模板ArcTouch Mobile UX Templates,這個(gè)模板里有紅色連線。

      來自江蘇 回復(fù)
    3. 謝謝謝謝 ??

      來自上海 回復(fù)
  7. 密碼過多有礙于用戶使用,在使用密碼時(shí),需結(jié)合應(yīng)用場(chǎng)景。

    來自上海 回復(fù)
  8. 題主,你好,想問你以上的APP界面流程圖是用什么工具做的嗎? 很美,希望可以學(xué)習(xí)下。

    來自廣東 回復(fù)
    1. 用sketch畫得

      來自江蘇 回復(fù)
  9. 分享包鏈接失效了 能重新發(fā)下么

    來自廣東 回復(fù)
  10. 鏈接失效,無法下載。。。

    來自北京 回復(fù)
    1. http://pan.baidu.com/s/1hrIjpB2
      密碼:q2gd
      你的鏈接沒有復(fù)制全,試試這個(gè)

      來自浙江 回復(fù)