美文网首页交互设计
APP解锁流程分享

APP解锁流程分享

作者: 友交互 | 来源:发表于2016-07-04 21:22 被阅读421次

前段时间做了一个设置app解锁密码的小项目。根据需求设计了数字密码、手势、指纹三种方式的解锁流程。解锁内容不是特别全面,比如不能修改同种类型的密码。过稿的版本包含很多提示框,我觉得太啰嗦,这里就删掉了(是的,木有用户测试,全凭抄和个人感觉)。

APP解锁流程我分为设置、解锁、修改、关闭四个部分。

1、设置

三种方式的设置流程不一样。数字密码在确认环节错误后,进入重新输入密码的环节。也就是说第一次输入的数字已经失效了。手势密码始终是验证后面输入的手势是否与第一次输入的一致,并且会有一个小图标提示用户绘制过的图案。如果实在想不起来可以选择重设手势密码。指纹密码始终验证系统指纹。具体流程如下图

用户流程图如下图:

文末会分享下载无码高清图的链接。

2、解锁

密码和手势都设置了5次验证上限,指纹是3次上限。超过上限直接登出,让用户使用用户名和密码登录。如果用户是从忘了解锁密码、超过错误上限登出的,删除解锁缓存,登录进去后重新设置解锁密码。

3、修改

修改第一步是验证旧密码,因为可以设置解锁密码出现的间隔,如果用户设置的间隔时间过长,不验证的话,安全风险比较高。这里画的时候偷懒了,导致后面画user flow的时候麻烦了些。

4、关闭

其实就是修改流程的前半段。

分享包中包含:

1、设置、解锁、修改和关闭4个部分的逻辑关系图

2、设置、解锁、修改和关闭4个部分的用户流程图

3、制作流程图使用到的UX模板-ArcTouch Mobile UX Templates(感谢原作者的分享)

希望能为大家提供参考,并且获得大家的反馈。

分享包下载链接http://share.weiyun.com/55bdafddd5724c99ec99485baecdcdf2

相关文章

  • APP解锁流程分享

    前段时间做了一个设置app解锁密码的小项目。根据需求设计了数字密码、手势、指纹三种方式的解锁流程。解锁内容不是特别...

  • 项目需求讨论- 让APP知道是用哪个指纹来支付和解锁

    以前我写过相关的指纹解锁的文章: 传送门: 项目需求讨论-APP手势解锁及指纹解锁那时候做的APP解锁是调用系统的...

  • 如何用流程图描述APP启动流程?

    本文作者分享了在APP启动流程中,如何用流程图来描述。 看了《技能GET:如何使用流程图描述一个典型的APP启动功...

  • 小米MIUI12刷入Magisk和EdXposed

    一.官网申请解锁 1.下载解锁工具 2.按照流程进行操作:进入“设置 -> 开发者选项 -> 设备解锁状态”中绑定...

  • 智能家居遐想

    目前的智能家居都喜欢做APP,把手机作为总控制器。假设我想开个灯,大致流程基本如下: 掏出手机 解锁 联网 打开A...

  • Android8.1 SystemUI Keyguard之滑动解

    我们理解Keyguard的解锁流程主要从锁屏的界面Layout结构、touchEvent事件分发、解锁动作逻辑几个...

  • App内容分享流程设计

    介绍几种主流内容分享形态: 最近在优化一个内容分享流程,目的是想通过用户的自传播(方式上为主动分享内容),达到促活...

  • Cut&Tag

    和chip seq实验流程比较 chip seq分析流程 Cut&Tag实验流程 参考网站:解锁新技术,玩转表观研...

  • iOS 触摸、事件和响应

    掏出手机->解锁手机->点开APP->低头刷手机,这一套流程是现在每个手机党每天重复最多的一套连击操作,那么作为开...

  • 微信h5页面踩坑小计

    前记 最近要做一个注册页面,这个页面是为了配合App那边分享到微信准备的。流程是:首先APP点击分享按钮,分享方式...

网友评论

  • Martin_路:逻辑关系图,工作中也会全部画出来么?还是只是为了辅佐这个案例而画的逻辑关系图?
    友交互:@Martin_路 为了帮助自己梳理思路画的,必要的时候也可以展示给开发或者其他同事看
    友交互:@Martin_路 工作中也会画 能帮助自己理清各种状态 避免漏画

本文标题:APP解锁流程分享

本文链接:https://www.haomeiwen.com/subject/hsxxjttx.html