回忆一次做登录注册的经历

背景:PC客户端上已有自家账号登录和第三方登录功能,注册功能是必备功能,但之前都是在客户端上单击注册按钮--跳转浏览器--打开XX注册页面。这个页面的注册方式有三种,邮箱,手机和自家域名的个性账号注册。邮箱注册,还得去第三方邮箱登录验证,手机注册得短信验证码,个性账号注册简单,无需验证,但不够主流,对用户不一定有吸引力。且不说这三种注册方式如何,但这几次跳转,再验证,再回到客户端登录的流程确实是比较冗长。所以想在客户端内完成注册。

实现:客户端内嵌一个网页,由于XX注册只开放内网接口,因此外网用户需先经过咱们的服务器再传递数据到XX注册页,完成注册。首先注册要做什么样的注册呢?默认是有三种注册方式,首先我想当然的选择了邮箱注册和手机号注册,因为这两种比较主流。其中手机号注册的短信验证无需网页跳转之类,所以流程比较畅通,我特意给放了一个注册并登录的按钮,省去注册成功后再回到登陆窗口中去登录一次的麻烦。

邮箱注册及惯性思维:接下来,我就犯了一个错误,那就是把注册并登录的按钮直接放到了邮箱注册窗口去了,而忘了邮箱注册是否需要验证的问题。这是我犯的一个低级错误,是惯性思维导致的,还好测试写用例时给我提醒了。

那么到底可不可以不验证即可注册成功呢?也许可以,经过咱们服务器注册的邮箱,通过内网接口高速XX注册页面,不用验证了,给直接登录吧。好了,风险就来了,要是有人拿着一个随便想的邮箱,给随便填了个密码,注册成功了,那真正长期使用该邮箱的用户就不能注册了,而他也会纳闷第一次使用我们的产品就提示已经注册过,我们是否侵犯他隐私等,说的严重点就是容易被机器注入。

那就还是要验证吧,怎么弄?首先不能要注册并登录按钮了,因为必须验证后才能完成登录操作。那么在邮箱注册成功后,还是当前窗口中刷新出去邮箱验证的按钮,点击就又要跳转到浏览器,登录第三方邮箱,点击链接验证成功,再回到客户端;如果验证邮件发送不及时,用户还得等会儿,先刷个微博啥的,再回邮箱看看,验证完后,再回客户端。流程还是冗长了,更为麻烦的问题是,注册成功后,客户端那个注册页面能不能拿到注册成功的消息,假如拿到了,如何响应?因为浏览器里验证成功后,是直接跳转到XX登录首页,放在浏览器还容易理解,但放在客户端就奇怪了,你本来是在好好注册的,就去验证了个邮件,回到客户端时发现页面变成了注册前的首页,到底有没有注册成功?难道注册失败了?那我再注册一次吧/真麻烦,不注册这玩意儿了。最后发现如果要显示那个登录首页,页面还得我们自己写....

如果客户端页面拿到消息,给用户直接登录了,那也奇怪了,用户的登录习惯没培养起来,莫名其妙的不知道从哪就登录进去了。

当然,最大的问题还是这个注册流程还是一样长,跨窗口,多跳转,并没有解决问题。

个性账号注册及风险考虑:上面我们已经确定了手机号注册要做,它流程比较简短,也容易走通。考虑到手机注册应该不是主流注册方式,而邮箱注册流程麻烦冗长,所以我最后考虑了个性账号注册。

个性账号注册,输入完一个账号和密码,就可以直接点击注册并登录了。确实比较省时省力,但它的劣势在于:1、一旦记不住密码,就找不回账号了,这是XX注册的缺陷,如果以后产品中有跟钱有关的东西,可能会造成麻烦;2、登录交互有缺陷,如果用户不小心输入一串字母数字,但忘了输@邮箱域名,然后莫名其妙登录,那也比较奇怪,这个我们通过设计可以克服。3、产品以后还是会往个性化方向走,个性账号容易注册,但容易忘,长期来看,账号不太稳定,对我们收集和分析用户数据不太好。

考虑到以上风险,在个性化账号注册这块,我们增加了密码确认,以及默认显示厂里的域名,只需输入要注册的账号,以此加深用户记忆。

最后客户端有四种登录方式,对老用户,可用他自己常用的方式登录;对新用户,可在客户端内注册,完成注册并登录;

———————更新————————

好消息,个性账号可以找回密码了,之前页面没看到联系方式,看来是他们还在筹划这件事,现在是已经在页面上贴了联系方式了。有趣的是,我是上周才注意到找回密码的页面更新了,但他们没加上我们产品的联系方式,于是自己赶紧写了封邮件询问他们密码找回的流程如何,以及能否加上我们产品的联系方式。果然,积极的解决问题往往会带来积极的回馈。对方邮件回复了我相关流程,同时答应我把联系方式加上去。不过这个流程暂时还是人工审核,需要专人和用户沟通,并协助其找回密码。于是,在巧合的一次他们的PM打电话过来问我加联系方式的问题,中间我和他说了下写个页面,让用户填信息,后台人工审核操作的流程。嗯,他们也计划这样做,最开始是现在这个样子。

在当初的做客户端注册的需求时,我把流程和需求写出来时,绕过了表单常见的气泡提示逻辑,包括默认提示和错误提示,跟开发说“请直接参考passport页面的气泡提示交互吧,记得当时我在passport页面体验注册流程的时候,觉得这气泡做的不太友好,点一个按钮后,四处弹气泡。还是自己想偷一下懒吧,最后开发到一半,测试和开发都找我:这泡这样弹不好呀!那怎么弹,你来定一个吧。”

该做的还是得做,PM做一遍登录注册后,他的逻辑能力绝对能提高。第一遍花了20分钟,把整个弹泡逻辑写了一遍,和开发测试对了一遍,中途又自己拿PS切了N个气泡给开发,把passport页面上的文案改了下,规定了下我们现实气泡的逻辑和位置。感觉这工作是做圆满了,由于在客户端嵌页面,基于IE核,于是开始了和IE6兼容的艰辛路程,不支持半透明,hover失效等。还好最后都一起解决了,到上周五测试结束随机测试,标志需求做完了时,开发用了2天,测试用了2天,配合还算默契。

做完后的心得是,做产品,别想着马虎过去,该马虎的不能马虎,测试的细致,开发的严谨会让你不能马虎。

附最后定稿的弹泡逻辑:http://tu.mindpin.com/mindmaps/94584

你可能感兴趣的:(回忆一次做登录注册的经历)