编辑导语:我们下载一个APP、登录一个网站往往都需要进行注册或者登录,由此可见,注册登录功能的设计有多么重要。本文作者对此进行了全面的逻辑分析,看看注册登录功能如何设计才能提升用户的体验感吧。很多toB端平台,由于用户量不大,对注册登录功能也就不太重视。就我而言,在没研究注册登录功能时,觉得它很简单,想着几乎每个应用都有,能有多难。就算运用中有疑问,也只会针对当前问题分析,也因此没有一个系统的概念和认知。通过这几天的深入挖掘,发现做好登录注册界面真的没有想象中简单。本文主要以pc端界面为案例分析注册登录,相比注册,登录写的不那么全面。1.注册常见的注册共有2种,分别是手机号注册和邮箱注册。邀请码注册登录通常在产品内测阶段启用,用户名注册几乎已经销声匿迹。1.1手机号注册目前大部分APP都采用手机号为主要注册登录的方案,主要是因为手机号本身的特性,手机号具有高渗透率、唯一性、真实性(实名认证)、可联络性,手机号不仅可以确认用户身份,还可以在必要时联系用户、通过通讯录导入社交关系等。1.1.1分步和非分步注册注册界面一般设计表现形式有两种,分步注册和非分步注册。据facebook数据统计,分步注册的用户留存率大大高于非分步注册。当然也不能一概而论,但是分步注册确实能屏蔽干扰信息,让用户按照引导顺序来操作,减少了用户犯错率,不过分步步骤最好不要超过3步,否则会让用户感觉操作复杂。注册分类思维导图如下,测试了花瓣、ui中国、站酷、bilibili、人人都是产品经理、京东、天猫等web网站发现前三种注册方式都有,关于设置登录名/昵称、支付方式的注册输入项这里暂不提及。1.1.2注册流程图忽略“下一步显示”或“触发显示”这些交互,“分步”和“非分步-全部显示”流程相同,全部显示中没有验证安全码而点击”获取短信验证码”会报错,“非分步-全部显示”同“分步”:1.1.3toast提示toast提示应该简单明了,一般用于错误发生时。比如:输入信息不完全、输入错误(登录)、输入不合法(注册)、已注册/未注册(手机号)等,注册操作中,最好能实时提醒,不要等到用户输入所有信息后,再提示错误。提示明细如下:1.2邮箱注册邮箱注册属于pc时代的常见做法,现在多见于国外网站注册,比方说dribbble、twitter、facebook。如果用户是第一次使用邮箱注册登录,那么会发送邮箱验证码或是验证链接到邮箱,然后需要用户到邮箱中进行操作,这样用户体验会非常差。不少企业从pc时代一路走过来,会考虑没有绑定手机号的老用户,而设置邮箱/密码登录方式。1.2.1分步和非分步注册以上测试的几款web网站中,只有天猫设置了邮箱注册方式,还是在手机号被占用的情况下,通过提示链接中进入。同类电商京东并没提供邮箱注册方式,只是提示手机号已超过关联上限数量,请更换。由此可见,邮箱注册已被大多数国内企业弃用。这里分类分步和非分步是基于忽略激活步骤的前提下,思维导图如下:激活邮件常用的有两种:链接和数字验证码两种,如下图:1.2.2注册流程图相比手机号注册,邮箱注册多了邮箱激活过程,这让它的注册流程相对偏复杂,这里通过流程图特意说明下。1.2.3toast提示1.3注册成功后流程图2.登录目前主流的登录方式是短信登录和第三方授权登录,手机端和web端都有其特有登录方式,手机端中的一键快速登录、手势密码、指纹登录,web端的