课程咨询 :18487146383

昆明UI培训

昆明UI培训 > 达内新闻 > UI设计师如何提高验证码的用户体验?
  • UI设计师如何提高验证码的用户体验?

    发布:昆明UI培训      来源:人人都是产品经理      时间:2016-10-14

  • 如何正确设计产品的验证码?最常见的短信验证码如何?这种做法会导致用户手机号受到骚扰,同时短信平台也会增加无谓的流量压力。因此凡是涉及到用户进行手机号码验证的地方,都额外增加了输入随机验证码的步骤。

    流程分析

    从逻辑上来讲这个操作并不复杂,对照随机验证码内的字符输入即可。而且放到整个操作流程上来说也只是多一步操作而已。

    用户操作行为分析

    看似只是增加了一个简单的输入验证码的步骤,但是实际上进行用户行为分解时其实是复杂了很多。

    企业用户在平台上的上一步操作中点击提交下一步,来到手机验证这一步时,手机号是不用再次输入的,因为这个必须而且是必要的从用户中心获取;

    实际上输入随即验证码是这个页面操作的第一步,但是这个步骤中因为验证码规则安全性的考虑,采用字母+数字组合的方式。殊不知在键盘上数字区域和字母区域相距较远,操作切换过程花费时间会比较长。(用户目标是企业用户,台式机占大部分);

    另外获取手机验证码时用户行为需要从键盘上切换到鼠标上从而获取手机验证;

    输入手机验证码是6位数字,又需要切换到鼠标。

    明确问题

    看似简单增加一个验证码,实际上在第2步操作以及切换到第3步操作的过程上给用户操作带来不必要的繁琐和时间冗长。

    虽然添加随机验证码有这样的缺点,但是其简单的逻辑以及被带坏的用户操作习惯造成我们在设计上的思维定势。误以为这就是最合理的解决方案,虽然不是最佳的,但是确实最稳妥,最没有争议的而且对于技术实施来说也相对容易。

    那么还有没有更好的操作方式,或许在看到上述表述,你的心里已经有了更好的解决方案。但是不要着急,因为我也找到了一种比较合理的方法。慢慢看来,是不是和你的一样。

    分析问题

    那这样做的目的又是为了什么呢?

    为了让我们的系统认定这个操作是人为的;

    为了防止黑客恶意获取对短信平台造成影响;

    为了保护用户信息的安全;

    为了提高用户操作效率(优化的最重要目的)。

    方案设计

    结合当前比较流行的滑动验证的方式,首先我先做了一个流程上的优化分析。

    原始流程中输入随机验证码-获取手机验证码-输入手机验证码,对应着动作操作为键盘输入-鼠标点击-键盘输入;

    优化流程为拖动滑块获取验证码-输入验证码,对应着动作操作为鼠标拖动-键盘输入。

    流程上优化方案确定后,接着进行原型页面设计。

    优化方案提出后,经过产品评审和技术评审讨论,这个方案从开发逻辑上来说相对于随机验证码方式复杂了许多,因为这里需要前端去控制滑块的移动,移动位置数据的随机规则会比验证码随机生成的规则不同。虽然在一定程度上增加开发周期,但是能够满足产品安全策略并且提供一个良好的用户体验。所以方案评审通过,并且进入开发。

    总结

    这个方案能够实施推进的前提条件是手机号码必须要先输入正确;

    简单的交互,能够满足可用性,但是还不够易用性;

    用户体验也是可以迭代的,综合考虑开发成本、上线时间等因素,用户体验在版本迭代中慢慢提升;

    当产品处在功能快速迭代的时候,产品的用户体验会在上线时间紧迫的压缩下损失一部分,但是对于细节的体验要保持持续的关注。

    推荐文章

上一篇:UX界的一些新观点

下一篇:UI设计师如何协同高效地开发移动端产品?

最新开班日期  |  更多

UID培训免费训练营

UID培训免费训练营

开班日期:4月28日

UID培训全日制班

UID培训全日制班

开班日期:4月28日

UID培训周末班

UID培训周末班

开班日期:4月28日

UID培训高级进阶UED培训

UID培训高级进阶UED培训

开班日期:4月28日

  • 网址:http://km.ui.tedu.cn      地址:昆明市五华区五一路如安街如安三号二楼
  • 课程培训电话:18487146383    全国服务监督电话:400-111-8989
  • 服务邮箱 ts@tedu.cn
  • 2001-2016 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56