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

news2024/10/4 18:36:51

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

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

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

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

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

4.注销账号

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

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

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

一、账号

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

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

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

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

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

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

二、密码

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

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

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

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

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

三、验证码

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

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

四、激活

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

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

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

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

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

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

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

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


比如得到的APP。

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1669806.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

项目8-头像的上传

js实现头像上传并且预览图片功能以及提交 - 掘金 (juejin.cn) 我们简单建立一个表 1.前端知识储备 1.1 addClass的使用 1.基本语法 addClass() 方法向被选元素添加一个或多个类。 该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。 提示&…

隧道建设的数字眼睛:盾构机实时可视化技术

盾构机可视化技术可以展现盾构机在隧道掘进过程中的各项工作状态。这种技术能够将复杂的数据和参数转化为直观的图像和动画,包括盾构机的推进速度、土压力、刀盘转速和位置信息等关键性能指标。 通过 HT 可视化,工程师可以实时监控盾构机的运行状况&…

网站域名SSL证书怎么获取和安装

一、获取SSL证书 1、选择证书颁发机构(CA): 选择一个受信任的SSL证书颁发机构,如JoySSL、Comodo、DigiCert、GlobalSign等。 2、生成证书签名请求(CSR): 在您的服务商的网站上生成CSR。CSR中…

云相册APP

简介 一款用于云存照片的app,支持批量上传和下载照片。 平台技术 Android客户端:Kotlin 协程 Retrofit Server服务后端:Java SpringBoot 部署云服务器:华为云耀云服务器L实例 下载网址 小鲸鱼相册 Ps: 由于网站域名备案审核…

学校能源消耗监测管理系统,打造智能监测系统

学校能源消耗监测管理系统是一款针对,水、电、煤、气、热等能源的在线监测、分析与处理的系统,为学校管理者提供全面的能源使用情况,为学校管理工作提供了有力的支持。 为什么要建设能源管理系统? 用能需求增加 随着学校的快速…

星戈瑞SH-PEG3-OH一种多功能生物相容性PEG小分子

SH-PEG3-OH是一种含有硫基(-SH)、三个乙二醇单元和羟基(-OH)的小分子化合物。其分子结构中的硫基赋予了其独特的化学反应性,能够与其他含有不饱和键的化合物发生点击化学反应,如迈克尔加成反应等。同时&…

idea无法识别加载pom.xml文件

有时idea无法识别加载pom.xml文件,直接打开pom.xml文件,然后添加到maven就行

重塑产业效率:RFID赋能的智能挂衣系统方案

应用背景 服装生产属于劳动密集型行业,服装生产从原料布料开始到裁剪、打样、缝制、包烫等每个岗位都需要很多工人来作业,是流水式作业。尤其是缝制部门,每台缝纫机或其他设备都有一个工人来完成一道工序,比如前身,后…

【Redis】Redis数据类型

目录 Redis五种数据类型 String字符串类型 字符串中最常使用的命令 List列表类型 List命令 Set与Zset集合类型 Redis五种数据类型 String字符串类型 有效的字符串类型不仅可以是字符,还可以是数字,以上都是有效的字符串类型。 String最大容量为51…

局域网内访问vue3项目|Network: use --host to expose

背景 我希望在相同的局域网内,通过手机访问我在Vue 3项目中展示的效果 遇到的问题 使用Vue CLI的–host选项实现局域网内的应用程序测试 当使用Vue CLI在本地提供服务时,通过使用 --host 选项,你可以指定要公开应用程序的主机。默认情况下&a…

IDEA-控制台日志过滤插件 - Grep Console

IDEA-控制台日志过滤插件 - Grep Console 当idea控制台日志较多时,为了方便查找关键字,使用Grep Console插件,指定控制台中关键字高亮显示 1.安装 2.使用 2.1 高亮显示 控制台中指定颜色高亮显示指定字符 效果: 重启项目后还是会高亮显示 取…

线程的休眠与唤醒

在前面几篇文章中,已经讲过了join()方法的使用,我们知道它是用来控制线程的执行顺序的。 本篇文章中要讲到的wait()方法和notify()方法是用来控制线程执行顺序的,相比于join(),它能够更精确地控制线程之间的执行顺序,…

云仓酒庄携手中视中州国际传媒 开启央视广告战略合作新征程

近日,云仓酒庄与中视中州(央视代理机构)隆重举行2024-2025年度央视广告战略签约仪式,云仓酒庄副总裁周玄代表云仓酒庄签约。此次合作标志着云仓酒庄在品牌传播和市场营销方面迈出了坚实的一步,将借助央视及多家卫视的强…

LeetCode题目104: 二叉树的最大深度(递归\迭代\层序遍历\尾递归优化\分治法实现 )

❤️❤️❤️ 欢迎来到我的博客。希望您能在这里找到既有价值又有趣的内容,和我一起探索、学习和成长。欢迎评论区畅所欲言、享受知识的乐趣! 推荐:数据分析螺丝钉的首页 格物致知 终身学习 期待您的关注 导航: LeetCode解锁100…

数据挖掘实战-基于决策树算法构建银行贷款审批预测模型

🤵‍♂️ 个人主页:艾派森的个人主页 ✍🏻作者简介:Python学习者 🐋 希望大家多多支持,我们一起进步!😄 如果文章对你有帮助的话, 欢迎评论 💬点赞&#x1f4…

【系统架构师】-案例篇(一)UML用例图

1、概述 用于表示系统功能需求,以及应用程序与用户或者与其他应用程序之间的交互关系。 2、组成 参与者(Actors):与系统交互的用户或其他系统。用一个人形图标表示。用例(Use Cases):系统需要…

字符串取第一个空格之后的所有的值字符串取第一个空格之后的第二个元素的值,不要后面的值

当我们后端返回值可能存在某些特定的值或标识导致返回数据不固定且是空格分割时,我们想取出返回字符串中的某个值,就可以参考下面对这个字符串进行操作提取,当然,如果是别的符号分割开的把下面的空格替换即可 1、字符串取第一个空…

IPD推行成功的核心要素(六)ipd总体规划方案设计

IPD指的是集成产品开发,是一种以市场和客户需求为驱动的规划和开发管理体系。其核心来由自市场,研发,制造,服务,采购等跨部门团队来共同管理整个规格和开发过程,从客户需求、产品规划、任务书、概念形成、产…

java -jar提示jar中没有主清单属性(no main manifest attribute)

目录 传送门前言排查原因问题1-》jdk17和jdk8共存导致idea的maven插件识别报错问题2-》pom.xml中mainClass下面的skip属性是罪魁祸首 其他办法(修改jar包) 传送门 SpringMVC的源码解析(精品) Spring6的源码解析(精品&…

woffice– 内部网和外部网WordPress高端资讯主题

下载地址:https://m.gx.cn/site/3046.html 完全灵活,与最新的WordPress品牌兼容 翻译语言超过15种 使用最新技术设计快速web应用程序 所有这些都以谷歌材料设计为灵感,采用易于定制的设计,给人一种优美的现代感和易于导航的用户…