产品设计中的“注册”说明

​在使用网站或应用的时候必不可少的就是账号系统,账号系统有些人可能觉得简单,无非就是账号密码。真的是这样吗?

一个完整的账号系统通常大家会分成四部分:

1.注册(手机号、邮箱、用户名/密码限制/验证码)

2.登录(已有账号/第三方授权/动态登录)

3.维护密码(修改密码/重置密码)

4.注销账号

由于篇幅有限,我们就不把所有部分都说明了,这里我们重点说一下“注册”。

以陪学网的注册为主要例子,一起来看看“注册”可以如何设计

很明显可以看出,用的是很常见的注册流程:输入用户名-输入密码-输入确认密码-输入邮箱-点击邮件激活-输入验证码-注册。

一、账号

从上面的图片看,采用的是自定义用户名的方式。这种方式下,用户自行填写自己的用户名,作为自己在网站上的名称。一般情况用户名的填写会做一些格式的限制。

陪学网就对用户名的长度做了限制。也可能会有其他的限制,比如注册QQ的时候,没有对长度做限制,但是对字符有规定:

另外一种常见的注册账号是手机号码。这也是现在非常流行的一种,尤其在移动端的APP上尤为常见,因为方便。比如微信、网易云音乐、抖音等。

还有一种注册账号是邮箱。用邮箱进行注册大多数是在WEB网站的注册中使用。常用的支付平台,除了用手机号之外,还可用邮箱进行登录。

现在有些WEB端的网站在产品升级更新之后,取消了邮箱注册,但之前已经注册的用户已让可以用邮箱登录。也就造成了登录方式有两种,但是注册方式只有一种的情况。

用手机号或者邮箱进行注册,并不意味这用户不可以设置自己的用户名,一般是可以在用户的个人信息中进行修改,在登录时可以使用用户名登录。

二、密码

密码的设置不同的应用或网站会有不同的规定,密码的设置有一点共同的是,不予许设置为汉字。长度、大小写、符号、数字、字母,从这几个方面去做密码的设置规定。

看看陪学网对于密码的规定是如何的。

可以看到,只对密码的长度做了规定,其它的均可以由用户自由发挥。有些密码的设置就较为复杂了。

密码长度不适宜过短,所以应用或网站均会对长度有一定限制。密码的复杂性就各自有不同的要求,一般建议不要过于简单。有一些会对一些特殊字符做出显示,比如上图的“不能包含空格”。

假如需要确认密码的话,很简单,只需要让两次输入的密码保持一致即可。

三、验证码

验证码需要由服务器提供,一是直接显示在页面中,二是发送到邮箱或者手机号。用户填写与验证码一直的内容即可通过系统的验证。陪学网采用的就是第一种,直接显示在页面中。

发送至邮箱或者手机号的验证码,前提是需要获取邮箱或手机,如果是使用邮箱或手机为注册账号的话,就可以直接点击获取了。

四、激活

有一些应用或网站在使用前需要进行激活,方可使用该账号,通过邮件进行激活是常见的激活方式。

为什么需要激活呢?激活有什么意义?

1、对用户客户端而言,激活是操作了数据库的某一状态,使账号处于开放状态,获得使用权。也是对身份一种核查,绑定了你的邮箱,方便通知你,或者密码找回等操作。

2、对服务器而言,防止了机器注册(大量生产无意义的注册),根据你的CPU和MAC地址生成一个激活码,确保了唯一性和真实性,从而减轻了服务器的压力。

3、对于游戏或者软件,可以用于购买使用权(激活码)来盈利,限制使用人数,保障服务器运行等。

上面我们通过陪学网的注册案例,给大家说明了一下在在账号的注册过程中不同的组成部分。一般情况下,会有明显的“注册”按钮,告诉用户直接点击可进行注册。

部分网站的注册并没有明显的按钮,需要从某个入口方可进行注册。比如网页版的网易云音乐,需要点击登录,在登录面板中切换至注册面板。

除了注册之后,我们还可以使用第三方的应用进行直接注册。值得注意的是,大部分的第三方登录在授权登录之后,依然需要关联手机号,其实这跟我们用手机号进行注册是一样的。


比如得到的APP。

最后,并不是所有的应用都可以在网页进行注册,这跟产品的性质有关系。比如瑞幸咖啡,用户通过手机使用;比如微信,普通用户也不能在网页进行注册。

通过产品的展示,可以很明确地知道,我们在进行“注册”的设计时,可以如何去进行设计,有什么类型可以去选择,不同类型有什么样的特点。再结合自己的产品,从而去设计出属于自己产品的合适的“注册”方式。

  • 20
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值