羽乐圈注册流程优化设计
注册是用户深度使用产品的必要过程,是一个平台的门户,它的设计姿态就是对待用户的态度,举足轻重。对于平台来说,注册用户数是一个极其重要的KPI,用户账号是平台与用户进行互动的重要工具。所以注册设计的所有细节对产品价值的实现都很重要。体验完羽乐圈后,根据自身近期相关的学习总结,对羽乐圈APP的注册流程做了一个优化设计。
以下就是羽乐圈现有的注册流程,此文的任务就是对以下流程进行优化,目的是让过程更加高效。设计过程分两步走,分别是信息架构设计和细节设计。
一、信息架构
首先通过体验羽乐圈产品列出流程中所会呈现的信息,然后进行分类规划,设定到任务流程里,形成整个过程。
现有设计的所有信息:1.手机号2.验证码3.密码4.性别
组织方式:
在羽乐圈的“我界面”页面,如下图所示,个人信息简介中,只显示了三项内容:头像、昵称、球龄。说明这三个属性在羽乐圈的用户管理中,属于重要信息,依次进行分析是否有加入到注册过程中的必要性。
头像:头像能让用户更加真实、更能吸引人,对提高用户线上互动的概率、增加用户粘性很有意义。所以社交软件会努力让用户上传真实的头像,而对于羽乐圈,用户的社交行为发生在线下,所以意义并不大,所以没必要。
昵称:昵称是用户在羽乐圈的ID,球会管理和活动管理是羽乐圈很重要的两个功能,而有效昵称(在现实世界可以用来称呼)对于球会管理和活动管理很重要,所以可以发现,在羽乐圈,大多数有效注册用户都把昵称改成了有效昵称(超过90%)。所以与其把昵称默认为手机号码,再让用户自行修改,还不如设定在注册流程中,一步完成【1】。
球龄:羽乐圈的用户都是羽毛球爱好者,判断一个用户的球技如何是一个刚需。对于新用户来说,球龄是可以判断球技的唯一依据。并且平台还可以根据这个属性,判断用户的球技水平,从而为用户提供个性化的服务(例如羽乐学堂知识),所以球龄也有必要设定在注册流程中【2】。
所以最后设定注册过程中的信息包括:
1. 手机号 2. 验证码 3. 密码 4. 性别 5. 昵称 6. 球龄
信息的组织方式方面,首先,为了吸引用户注册,使第一步尽量简单,只让用户填入手机号码【3】,然后让整个流程从易向难发展,因为当用户背负了付出成本后,即使后面的流程稍微难点,用户也不会有所犹豫的【4】。所以修改如下:
二、细节设计
每个界面都分别对默认、输入和反馈三个状态进行设计。
2.1注册第一步(手机号)
默认状态设计如下:
默认状态基本上遵循了原有的设计,差别在于提交按钮的标签是“获取验证码”,没有用“下一步”,这样能给用户更加清晰的预期【5】。
输入状态设计:
优化了手机号码的显示方式,用自动分段的显示方式,如:185 2019 7337,方便用户阅读确认。【6】
反馈状态设计:
遵从原有设计,如下:
2.2注册第二步(验证码,密码)
默认状态设计如下:
首先告诉用户短信验证码已经发送到手机号***,便于用户在收不到验证码时,可以再次确认手机号码是否正确【7】,之所以在验证码前加一个短信,是因为现在,有些产品开始用语音验证码代替【8】,当然还不是很普遍,所以如果不加的话也无大碍。
密码规则的修改。原先的密码规则是:6-16位字符,区分大小写。常用的大系统密码里有一个不能有空格的规则,于是就体验了一下羽乐圈的密码是否支持空格。体验结果是,密码两端不支持空格,中间允许有空格。既然有限制,就应该显示给用户,为了方便用户理解,于是就直接在原有的设计中添加一条:不能有空格【9】。规则较多,不方便在输入栏中直接显示,就设计在输入栏的下方【10】。
为了简化流程,又因为手机的英文键盘使用比较麻烦,把密码设计为只需要输入一次【11】。
按钮标签把“下一步”改为了“注册”【12】,给用户营造一种注册完成的仪式感,避免“下一步“带来繁琐的感觉,实际虽然有点欺骗的感觉,但是不伤大雅。
为了规范和风险防范,写一份《用户许可协议》,且在用户确认注册时,默认用户同意【13】。
输入状态设计:
因为密码只需要输入一次,而在手机英文键盘中输入容易出错,所以为了方便用户确认输入的密码,设计了一个隐藏/显示密码的功能。又考虑到注册是一个低频行为,而且通常是在比较私人的空间里进行,所以在注册流程中输入密码时,默认为明文显示,在登录流程中输入密码,可以把默认状态该为隐藏【14】。
反馈状态设计:
原有设计的反馈状态设计是采用全局检测反馈的方式。什么意思呢?意思就是当把所有的信息填写完,点击提交的按钮时,检查所有的信息是否正确,不正确再反馈错误提示,这样会导致用户会在不同的焦点之间来回切换。例如在原有的设计中,用户输入错误的验证码后,进入到最后一步注册页面,进行提交后,才反馈验证码错误的信息,会导致用户要返回到上级页面进行修改,比较复杂。所以修改的设计规则是:彻底解决完一项信息输入后,再进行下一项,例如,保证验证码正确后,才能输入密码【15】;为了让用户在输入不符合格式的密码时,更快捷地理解密码规则,密码的反馈设计也进行了修改【16】。
基本规则如下:
注册第三步(基本资料)
默认状态设计如下:
这个界面有两个点:
【17】没有设计返回按钮。因为不管对于系统还是用户来说,输入了已验证的手机号+密码就算是注册成功了,这也是为什么第二步的按钮标签设置为“注册”的原因。所以注册成功后,也就不存在返回到上级页面进行修改或者其他操作了。
【18】设置了“跳过”按钮,允许用户跳过该过程。虽然上文已经阐述了昵称、球龄、性别的重要性,但是一切为了用户,所以允许用户跳过,毕竟,用户继续使用产品比所有这些属性都有更高的优先级。
输入状态设计:
输入昵称,提出中文键盘;输入球龄,提出数字键盘【19】;性别设置保留原有的设计。
反馈状态设计:
昵称不设限制,球龄设置纯数字格式限制(是输入限制,所以没有出错反馈)。
最后一步,有一个提交的缓冲过程,为了简单,保留原有设计,不再设计复杂的交互页面。
三、其他补充
除了手机号码注册以外,羽乐圈还支持第三方账号一键登录(微信和QQ)。使用的过程中有一个问题:
当新用户以第三方账号登录后,使用某些私有活动时,例如加入球会或者加入活动等,要求先绑定手机号码。但是验证了的手机号码不能用来登录(没有要求创建密码),也不能用来注册(提示已被注册)。于是修改为:用第三方账号登录的新用户,在使用私有活动时(加入球会、加入活动、参加比赛等),要求绑定手机号码,且要创建密码,用来登录,具体设计如下【20】:
如下图,原有的注册过程中,验证码短信没有有效期的信息,而在错误反馈中,有验证码过期的信息,有矛盾。为了安全、简洁,也考虑到现在短信到达时间的效率,把验证码短信设置为:【羽乐圈】您的验证码是******,有效期10分钟【21】。
其他的交互设计,如页面的跳转动作等遵循原有的设计。