【经验】交互设计之-手势密码

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
10291 4 130 2018-03-05

手势密码是综合下来最方便的一种密码方式~

目前app内常用的安全验证,有密码、手势、指纹、面部识别。你会发现从便利性&安全性从高到低的划分是,面部识别、指纹识别、手势、密码。随着时代和技术的进步,安全验证更加趋向于个人生物化。n年前,如果密码被a知道了,a完全可以通过密码/手势来获得和你同样的权利进行相关操作。现在,则可通过生物认证。指纹和面部识别来确定是否是本人进行操作,大大提升了产品的安全性。

Image title

但是就目前为止据我观察得知,越是便利受到的环境因素影响越大。

Image title


人脸识别的速度受很多方面的影响,包括识别角度、识别背景、图片分辨率、光照等问题。

Image title

识别角度:人在不同的角度面向图像采集设备时呈现的图像是不同的,使得被采集的人脸图像有可能不完整,从而影响了后面的特征提取与识别的速度,甚至会导致人脸检测算法的失效。

识别背景:在人脸识别的过程中消除背景对人脸采集的影响是很重要的,复杂背景下对定位脸部图像定位产生影响,从而影响了人脸识别的速度。

光与脸部特征:光照的强度及位置,面部附着物包括眼睛、胡须等不仅会降低识别的准确率还会影响人脸识别速度。

指纹识别同样受很多方面的影响Image title

手指表面污染 :手指表面情况包括:划伤、脱皮、油污、灰尘、汗水等。 

指纹路情况影响:所谓手指纹路情况是指手指纹路的清楚、纹路的粗细、手指本身的纤细程度等。

手指湿度:光学指纹传感器,手指要能成相必须要手指上有足够的油脂,不然,起不了漫射的作用。

因此对交互设计师来说,我们其实更加推崇的是手势密码。那么本文就正对手势密码如何执行落地进行详解。

Image title

手势密码最少选择4个点,最多选择9个点,理论上的密码组合总共有985824种,扣除掉其中不可能完成的组合(如一些点不允许绕过),最终的可能性是389112种。可见,直接破解手势密码是不大可能的。但是不排除某些大牛进行暴利破解~

Image title

接下来进入正题。开始设置手势密码的流程应该是这样的

Image title

一:页面流程是这样的

Image title

二、关闭手势密码

关闭手势密码需用户再次进行手势密码的输入,输入密码验证身份成功后即可关闭。关闭手势密码需验证身份目的,避免因第三人拿到手机进入APP关闭手势密码从而导致隐私泄露。

Image title

三、重置手势密码

重置手势密码首先必须绘制原手势密码,通过绘制原手势密码重置则必须确保输入正确才可重置,输入错误达5次,自动帮助用户退出登录,用户需要输入密码验证身份成功后才能进行重置的服务。当用户重置手势密码成功后,系统会自动清除原有手势密码,以新的手势密码进行替代。


同样的,验证身份也是为了避免因除用户本身以外的第三人拿到手机经过多次手势密码尝试而进入APP从而导致隐私泄露。

Image title

四、手势密码登录

使用手势密码登录时,如果输入错误,会对用户进行错误提示,提示后用户可以继续输入,当同一个账号输错达5次时,系统会自动退出登录,用户需要输入密码验证身份成功后才能进入app。


在手势登录页面,也可以使用忘记手势密码登录,如果点击忘记手势密码,退出登录,输入密码验证身份成功后,页面跳转至手势密码设置页面,设置新的手势密码。设置完成后,会自动登录app。

Image title

手势密码是目前比较常见的保护个人敏感数据和APP后台留驻唤起时(京东金融、招商银行、掌上生活...)的一种方式。广泛用于银行类,支付类,聊天类具有隐秘性APP中。

Image title

作者:OTT设计     微信公众号:OTT设计

本文由 @OTT 设计 原创首发于UI中国。未经许可,禁止转载。

全部评论:4

  • Listener

    2022-01-05 14:48

    实话实话,看下来觉得整个思维逻辑不够严谨,至少在交互图方面有漏掉的页面和重要页面说明时有错别字,如若不靠语言讲解,直接拿给产品开发看,并不能靠交互图直接get流程。作为UI十分注重细节,我觉得交互也应严谨,一点点小建议~细心一点没坏处

  • 十五国

    2020-09-10 10:54

    谢谢,我觉得学习到了。真的是一份很好的总结,我想以后再做这方面的调研时,因为这篇文章会方便很多。真心感谢。

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票