图片 3

你的产品,是否缺少一个短信验证码呢?

图片 1

用户注册功能对于一个APP的重要性毋庸置疑,然而注册功能又是公认的在设计中坑最多的功能,能够设计好注册功能是一个优秀产品经理的基本功。那么,在设计注册功能过程中,你有没有纠结于这些问题呢:

最近在做关于验证码的项目的时候,从交互的角度梳理了产品各个平台验证码的应用场景。在一个产品中,会有多个设计师分工协作,不同的设计师做设计迭代。由于验证码在整体设计中太容易被忽略,它在每个场景的显示逻辑可能不尽相同。下面,我们就来聊一聊不同应用场景下的验证码。

打开手机短信列表,大家会发现,自己收到最多的短信,莫过于来自各大平台发送的验证码了。

邮箱注册、手机号注册、第三方账户注册,这么多方式应该选择哪种?

是应该先让用户注册还是先让用户使用?先让用户使用的话,应该在怎样的时机注册?

怎样的注册流程用户体验最好?

一些细节问题:要不要加图片验证码?要不要让用户手动勾选用户协议?要不要让用户设置头像?…

说到验证码,我们一定会想到12306!12306是验证码网红届的鼻祖扛把子,可以说12306让验证码成为全民娱乐(tu
cao)的一种方式。

随着智能手机的普及,移动互联网的高速发展,手机,早已成为人们的必备工具,手机号码,相应的,也逐渐演转变成须经实名认证,成为自己的个人信息之一。于是,各大平台的产品,尤其最重要且关乎安全问题的功能,短信验证,成为了其中的重要一环。

这次我们来好好捋一捋注册登录设计过程中的遇到的那些问题吧。

既然大家觉得验证码是种糟糕的用户体验,为什么我们在设计过程中还是不能缺少它的存在呢?

登录,大家最熟悉不过。最开始登录功能的设计,更多的倾向于传统的账户+密码形式登录,现在,大部分产品都增加了快捷登录方式,即通过手机号与验证码方式验证登录。两种登录方式各有其所长。由于大家都会设置多个平台的账户和密码,不可避免的,许多用户会对未常使用的产品账户产生遗忘。有的平台产品,为了保护用户的账户安全,在忘记密码或重置密码的环节,会增加多层验证,因此,用户在忘记密码的时候,想通过重置密码的步骤更换密码,会觉得浪费时间,用户体验不佳。手机号+短信验证码的登录形式,可以解决大部分用户忘记密码的情况,再必要时候,可以通过验证码快捷登录,达到忘记密码依然能登录的效果。

首先我们来分析注册、登录功能的价值在哪里。换个角度说,为该产品设计注册登录功能的目的何在?对于每个产品来说,只有把握好产品的设计目标,才能找到适合该产品的设计思路。

(戏谈验证码)

那产品是否能设计只保留手机号+验证码登录的情况呢?虽然短信验证码能解决用户必要情况下忘记密码的情形,但是,当用户所处环境信号不好、系统服务器出现问题、短信通道提供商发送短信不够及时或不稳定等情况时,只保留手机号+验证码的登录功能,用户无法登陆成功。此时,用户绝不会理解您产品出现问题的原因,失败的用户体验,会造成您客服投诉电话的忙碌。因此,两种登录功能的存在,保证用户最完美的体验,缺一不可。

我们从三个层面来分析:

简而言之,验证码的存在是为了验证注册的用户是计算机还是人,许多网络恶意攻击都是恶意的机器程序所导致,验证码能够有效的防止恶意破解密码、刷票、论坛灌水,防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试。

短信验证码和密码相比,会存在安全问题吗?大部分短信验证码的设计,均为在一定时间内有效且唯一,如5分钟内有效,且在这五分钟内,该验证码唯一存在,五分钟后,该验证码失效,即使他人获取您的验证码信息,也无法使用。因为,短信验证码绝对安全。相比密码,反而存在一定的安全问题,不同系统之间的撞库,网站密码泄露,熟人多次尝试试验等,都会让您的密码得以破解。

用户层面:

验证码通过人可以识别而机器无法识别这样的逻辑来设计,无论它以什么形式出现,设置验证码机制都是个必要的门槛。下面总结一下验证码在产品中出现的场景和交互流程。

最后,短信验证码的另一种应用,作为安全验证。小编曾经做过支付产品,大家都知道,金融相关的产品,安全级别应该是最高的。尤其在用户绑定银行卡,提现充值等关于资金方面的操作情况。此时,短信验证码的验证,也成了该环节必不可少的一项安全验证,安全性能高,获取及时,使得验证码在此类环节中屡试不爽。当然,对于金融行业最高级别的安全验证,除了短信验证码,现今大部分产品都增加了生物验证,如:指纹识别,人脸识别等高科技验证方式,但短信验证码这种最便宜,研发成本低,仍是性价比最高的应用。

①用户需要在产品中获得一个独立的ID,以体现其个性化的存在。

1、注册

我们通常见到验证码是在注册登录场景,注册时出现在注册流程里。

过去,大多数的网站注册页面往往选择一页填写完所有信息,在主流程中不需要绑定手机号,一键即可提交注册。这种注册方式在老式的论坛很常见。

(某游戏开发者论坛注册页)

当绑定手机号在注册流程里时,下面一定会跟随短信验证环节。这个时候图形验证码和短信验证同时存在的设计就有几种情况了。

首先可以确定的是图形验证和短信验证之间有逻辑相关性,他们之间的相关性一般体现在如下三种设计中:

如果您的产品,安全验证还不够,那就赶紧增加一个短信验证码吧。火凤云信为您提供最专业,最安全,性价比最高的短信通道,助您打造最完美的用户体验。已经有短信通道也不要紧,作为通道的备份与切换,火凤云信依然是您最优的选择。

②用户需要产品为其记录使用进度、状态、收藏的内容。

1)同页面显示:

图形验证码放置在手机验证码之前,通过图形验证码后才可触发手机验证码的获取。

(京东注册页)

③用户希望获得其它用户的真实信息或更详尽的信息。

2) 不同页面显示:

这种情况发生在注册本身就是分页分步骤进行的,如下图:

图形验证会跟在输入用户名之后,一般在第一步出现,在点击下一步后会到达短信验证界面。从用户体验上来讲,运用分步设计引导性更强,一般用在需要输入多种信息的时候,用户会有比较清晰的逻辑,并且对何时完成有一个预判。这个时候,图形验证的结果就影响了用户能否顺利进入下一步短信验证。

3) 弹窗式图形验证:

这种交互逻辑是用户输入合规手机号时,点击获取短信验证码,会弹出图形验证请求,验证成功后弹窗消失,系统给用户发出验证短信。在这个逻辑里,图形验证就作为发送短信的触发条件。

图形验证作为短信验证的触发点的设计是符合逻辑的。

在围观群众看到图形验证的时候,他们不能了解到这种验证方式与其他信息是否存在内在联系,认为图形验证对于注册过程来说是一种累赘,但是我们在图形验证之后加入短信触发的功能,它就成为一种既有实际功效而同时具有简便操作的东西了。

④用户希望产品通过对自己更详尽的了解提供更好的服务。比如大姨吗。

2、登录

图形验证码在登录时有两种出现情况。

一种是用户第一次登陆的时候就存在,作为顺利登录的必要填写内容。但是这种情况对用户体验而言不太友好,用户本身对于登录的预期并不包含输入验证码这一环节。把图形验证码加到登陆页面上,这相当于多了这样一个“门槛”,如果验证码很难识别,用户会趁早的抛弃你的应用,寻求更好体验的平台。

另一种情况是目前大部分产品采用的设计,在用户输入用户名或登录密码错误超过设定次数时,图形验证码出现。这种设计的内在逻辑是用户输入错误多次,我们会判断是否是机器人在测试数字密码,这时候我们就用图形验证来挡掉机器的攻击。

(登录点融网)

功能层面:

3、重置密码

用户在登录页面时会有“忘记密码”的入口,在重设密码流程里也需要输入验证码。

首先重置流程里要求输入已注册用户邮箱或手机号并验证图片验证码,之后在进入找回流程。这里图形验证码可视作后续步骤的触发,二者存在顺序关联性。

(点融网找回密码)

结论

梳理图形验证码的交互场景,是为了在设计时能做出充分考虑,而不是随意放置。

设计不统一最大的问题是不符合用户心理预期。图形验证码其实并不像绑定手机的短信验证那么具有连贯性,它可以单独存在也可以上下关联,但无论何种设计都应该一致。如果同一个页面上验证码有时出现,有时不出现,会让经常使用产品的用户没有一个统一的体验。这种小的困扰能避免还是要避免的。

(设计不统一)

整个产品的交互应该是具有统一性的,包括页面跳转细节。除了样式选择外,验证码的显示逻辑当然也需要统一。到底和短信验证码是怎样的逻辑关系,这个逻辑需要从始至终。许多设计师容易忽略这一点,验证码出现的时机千奇百怪,这样同样会给用户造成一定困扰。

本文译者:Fino(点融黑帮),UX部门交互设计师一枚。

①便于跨设备同步数据,也便于在同一设备中切换不同的账户并保留账户之前的状态。

②有社交功能的产品必须注册账号以编写自己的UGC的内容,同时便于其它用户辨识。

③有交易功能的产品,为个人账户记录订单等交易信息,同时提高交易的安全性。

④有应用内付费、VIP会员增值功能的产品,注册登录可以确保用户权益。

业务层面:

①需要采集对于核心业务非常重要的用户信息,比如手机号、真实姓名等信息。

②注册登录后便于采集推进运营的数据,以指导产品运营方向。

③用户激励:通过注册得到手机号、邮箱账户后,一些产品通过给用户发短信或优惠券(送优惠券、活动推荐)吸引用户,提高活跃度。

④消费转化:某些产品得到手机号后,会利用电话营销的方式向客户推介其付费服务。比如51Talk。

综上,在设计功能之前,产品经理应该弄清楚你的产品目标属于以上哪些,注册账户功能的重要性怎样,哪些核心功能与其相关联。

在选择注册登录方式之前,先总结一下注册登录设计时要考虑的因素:

①普遍性:这种注册方式是否绝大部分用户群体都满足注册条件?是否有门槛?

②便捷性:注册流程是否方便,易理解,易操作,易记忆?

③安全性:这种注册方式是否存在安全性问题?

基于以上评价因素,针对三种不同的注册登录方式进行下比较:

图片 2

下面分别分析一下每种注册方式:

邮箱注册:

相对于手机号注册,邮箱注册的好处在于邮箱地址可以永久留存,不会有手机换号造成的那种困扰。但是其缺点也比较多:

首先,对于国内用户来说,邮箱的使用频率没有老外那么高,邮箱的重要性远低于QQ、微信、手机,很多用户没有个人邮箱,他们也不会为了注册你的账户去申请个邮箱,所以邮箱注册的需求相对来说较弱。

其次,在移动端利用邮箱注册的体验也较差,因为验证邮箱的话需要跳出APP去接收邮件,无论是登录邮件客户端还是打开浏览器进入邮箱网页,这个操作都提高了流程的复杂度,降低了用户体验。

那么,邮箱注册是否还有存在的价值?为什么还有一些应用保留了邮箱注册功能(或只提供了邮箱注册功能)呢?个人分析有四点原因:

① APP的用户群体不只国内用户,考虑到外国人的使用习惯,保留了邮箱注册。

② 一些商务类的APP,用户群体锁定为职场人士,这些人是有邮箱的使用习惯的。

③ 一些学习类的APP,考虑到学生群体换号的可能性比较大。

④ 考虑到一些不希望暴露自己手机号,不愿意用手机号注册的用户群体。

邮箱注册目前有5种设计逻辑:

图片 3

比较这5种方式:

方式①的效率最高,但是没有邮箱验证的话保证不了账户的安全性,若邮箱录入错误则无法找回密码。另外这种方式容易被注册无效账户或恶意注册邮箱,浪费服务器资源。

方式②和③都是快速注册成功,之后再让用户通过邮箱验证的方式验证邮箱的有效性。这种方式的好处是既保证了注册信息的有效性和安全性,也不会降低太多的用户体验。其中方式③是在APP中完成邮箱的验证,这样可以避免方式②中用户注册后忘记去验证的问题。

方式④和⑤的验证码需要在注册流程中强制输入,这种方式会阻断用户的操作流程,有在注册过程中损失用户的可能。如果邮箱信息对业务逻辑及其重要的话,可以参考这种方式。

如果邮箱信息有一定重要性的话,建议选择第三种方式,以Facebook为例:先注册,后通过发送到邮箱的验证码进行验证,在注册后的首页中,会有验证邮箱的提示。

如果考虑到降低开发成本,或邮箱信息没那么重要的话,可以第二种方式。

相关文章