快好知 kuaihz

从用例、流程、页面三个层面,拆解手势密码设计

在涉及金融业务的APP中经常会使用手势密码作为验证条件之一,在产品环节中,这个功能需要如何设计呢?

产品账户设计和产品的私密性、安全性相关,与金钱相关的产品安全性、私密性较高,比如银行APP、理财类、支付类的APP。

银行类的APP用户每次启动时都要重新输入密码才能进入页面进行操作,绝大多数私密性、安全性没有那么高的APP用户的账号和密码保存在本地,用户启动APP时,系统自动发送账号和密码到服务器上获取用户的数据,不需要用户输入账号和密码

手势密码介于中间,既可以方便用户操作,又能够在一定程度上保证用户资金的安全,一般应用于理财类和支付类的产品,例如桔子理财和支付宝。

本文以桔子理财为例,主要从用例、流程、页面三个层面来分析手势密码的设计。

一、用例分析

手势密码的用例包括:

二、流程和页面

六个用例的流程和页面设计,用例包括:绘制手势密码手势密码登录,修改手势密码、忘记手势密码、开通手势密码、关闭手势密码

1. 绘制手势密码

场景:首次注册完成后,绘制手势密码;用户关闭手势密码,重新开通时需要重新设置手势密码,以防用户忘记之前设置过的密码;如果手势密码保存在本地的话,用户卸载后重新下载、或使用其他手机登录时需要重新设置。

流程:

限制条件:手势密码连接点4-9个

页面:根据以上流程图、限制条件,页面包括首页,第一次绘制-正确,第一次绘制-错误,第二次绘制-正确,第二次绘制-错误。

注意:绘制时用户可以选择跳过,页面要有跳过功能;

 注意:第二次绘制手势密码错误时,用户可以重新设置

2. 手势密码登录

场景:APP关闭后重新启动;APP在后台运行,但是距离上一次点击超过30秒

前提:用户设置了手势密码

流程图:

页面:包括首页,输入错误页面,输入正确时直接进入首页无需额外页面展示;页面应包括忘记手势密码和其他账号登录功能。

3. 忘记、修改、开通、关闭手势密码

流程:

页面:

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:拆解  拆解词条  手势  手势词条  层面  层面词条  流程  流程词条  三个  三个词条  
设计

 当设计一个APP UI的时候我们...

有句话说在前面——好看就是生产力,在app中是真实存在的。一、品牌篇品牌色从大的来说是VI需要优先考虑的,考虑点如下:品牌色与行业属性之间的关系相对来说不同行业...(展开)

设计

 敏捷开发的落地实践

敏捷开发是一种面临迅速变化的需求快速开发的能力,非常适合需求变化频繁的产品研发,可以快速的响应需求的变更并拥抱这种变化。很多人认为敏捷开发只是开发团队走敏捷的模...(展开)