注册登录交互全流程整理

前言:注册登录是每个产品最基础、必须的功能,看似简单实则包含很多交互情况。理清这些情况有助产品经理/交互设计师更系统的考虑问题,在今后做其他功能时举一反三,更全面的考虑系统可能会出现的交互情况和异常状况。

注册登录功能的价值

一、用户层面

1、用户需要一个区别于其他人身份的ID,以体现其唯一性和独特性;

2、用户需要产品记录其使用状况、历史记录和收藏、通信、交易信息;

3、用户可以识别、查看其他用户资料,并与其进行互动。

二、功能层面

1、会员功能。VIP会员增值功能的产品,注册登录可以保障用户权益;

2、社交功能。用户之间需要相互辨识才能进行社交活动,一些UGC社区更是需要对账号进行区分;

3、交易功能。将交易信息与个人账号对应起来,保障交易的安全性;

4、工具型产品需要将用户行为与个人账号以凭证形式对应起来,才能实现相应功能。如挂号网,用户用个人账号挂号,然后将线上挂号信息作为凭证出示以获得线下就诊资格。

5、便于跨设备同步数据,也便于在同一设备切换账户并保留原账户信息。

三、业务层面

简单的说,就是通过用户信息和相应用户行为有针对性的对用户进行运营,以期实现产品目标和商业目标。

注册登录的分类

注册:手机号注册、邮箱注册

登陆:手机号登陆、邮箱登陆、用户名登陆、第三方登陆、游客登陆

手机注册

优点:从用户角度看,手机号便于记忆,短信验证码方便快捷;从产品角度看,手机号是运营的一个关键工具,可以推送一些重要信息、召回流失用户等。

缺点:用户有更换手机号的风险,需要重新建立一个账号体系。

手机注册的流程如下:

注册登录交互全流程整理_第1张图片
手机注册

如图所示,为手机注册的完整流程,其中选择国家、设置密码、再次输入密码、完善个人资料为非必要步骤,即最精简的手机注册流程只需手机验证码即可完成,也是目前越来越常见的一种注册方式。

其中完善个人资料中最重要的是用户名,还包括个性签名、性别、所在地、公司、学校、绑定交易账号、其他社交账号等内容。有了用户名,用户可以通过用户名登录,产品相当于有了独立的用户体系。也有一些产品会在注册后直接给用户分配一个用户名。

手机注册可能出现的交互情况包括:

注册登录交互全流程整理_第2张图片
手机注册可能出现的交互情况

邮箱注册

优点:账号永久存续,不会有手机注册时换号造成的风险;

缺点:一些用户没有邮箱,且邮箱的重要性和使用频率不高。

邮箱注册的流程如下:

注册登录交互全流程整理_第3张图片
邮箱注册 (验证码)        

注册登录交互全流程整理_第4张图片
邮箱注册(链接)

如图所示,邮箱注册需要跳出产品页进行验证,通常是验证码验证或链接验证,可以保证邮箱不被恶意注册。

邮箱注册可能出现的交互情况包括:

注册登录交互全流程整理_第5张图片
邮箱注册可能出现的交互情况


普通登录

包括邮箱登录、手机号登录、用户名登录,普通登录流程如下:

注册登录交互全流程整理_第6张图片
普通登录

如图所示,普通登录即通过账号密码登录。一些产品会需要输入图形验证码以避免恶意登录,还有一些产品无需密码直接通过手机短信验证码登录。在登录成功后,一些做的好的产品会对账户进行安全验证,包括对登录地点、登录设备、登录网络环境的验证。一旦发现异常,会对用户做出相应的提醒,包括短信提醒、小测试等形式。

普通登录可能出现的交互情况包括:

注册登录交互全流程整理_第7张图片
普通登录可能出现的交互情况

第三方登录

需要第三方软件授权登录,国内常见的有微信、微博、QQ,国外常见的有Facebook、Twitter、Google。

优点:从用户角度看,一键登录,方便快捷;从产品角度看,一方面用户身份已验证,提高了安全性,另一方面可以从第三方软件获取相应的用户资料、好友关系等。

缺点:如果不能建立产品自身的用户体系,那始终是别人的用户,且会受到第三方软件存续的风险。

第三方登录流程如下:

注册登录交互全流程整理_第8张图片
第三方登录

如图所示,第三方登录非常快捷。在登录后,为了建立产品自身用户体系,往往还会有绑定手机、完善个人信息步骤。这对产品来讲是非常重要的,但从用户体验来说,第三方登录本来就是为了方便结果还是要填信息会让体验非常不好,因此通常会在某个小角落放置一个“跳过”按钮,让用户具有选择性,从而平衡产品目标和用户体验。如果用户选择跳过,那在今后的产品使用过程中,也可以通过一些运营手段引导用户填写资料。


工号登录

在一些to B后台型产品,有时会出现工号登录。与普通登录所不同的是,工号登录无需注册,而是通过上级统一分配账号的形式。登录时用户输入工号和初始密码即可,但这样随之而来会产生极大的安全隐患,账号很可能被冒用,所以通常需要在首次登录后重置密码。工号登录的流程如下:

注册登录交互全流程整理_第9张图片
工号登录

工号登录可能出现的交互情况包括:

注册登录交互全流程整理_第10张图片
工号登录可能出现的交互情况

游客登录

游客登录是一种“先体验后购买”的形式,对于一些用户使用需求比较弱或者抱着尝试心态的产品可以设立游客入口。让用户对产品有一个好的总览印象,然后在使用过程中用到核心功能再让用户注册,从用户体验上来说更好。

其他相关问题-实名认证

一些产品需要进行实名认证,比如游戏为了建立防沉迷系统要进行实名认证、支付宝为了交易安全需要实名认证。实名认证最关键的信息在于姓名和身份证号,需要与相关监管部门对接进行验证。一些实名认证还需对身份证进行实拍并上传。如图为某游戏实名认证的注册页面:

注册登录交互全流程整理_第11张图片
实名认证

其他相关问题-默认选项

用户协议/服务条款:在注册时产品出于减少纠纷的考虑通常会默认勾选用户协议/服务条款,如果条款比较重要则需要用户阅读完成后进行勾选,视重要性决定。

记住密码:登录时为了方便用户、减少重复操作通常会默认勾选记住密码。

自动登录:在pc端登录比较常用,如QQ开机自动登录,通常默认不勾选,是一种方便于用户的功能。

权限:比如默认勾选“访问你的详细资料”、“获得你的好友关系”等


其他相关问题-一些交互细节

按钮:注册或登录时没有填完全部信息时按钮为禁用状态,可以防止用户误操作;填完后变亮。

分页:注册时需要填写的内容过多时可以分页,还可以加上进度条,让用户有种一步步完成的踏实感,从而减少因为所填内容过于冗长而放弃注册的行为,提高注册率。

提醒:1、在页面某个固定位置出现提醒文字,比如logo正下方或者按钮上方位置,该提醒方式相对来说最好;2、使用toast,位于页面中间或偏下位置,3s左右消失。属于轻操作,不会打扰用户,也不影响现流程,但可能显示时间太短用户没看清;3、一些涉及到跳转页面、跳出产品或比较重要的提醒使用对话框,让用户明确的确认。

提醒

加载:注册或登录加载时需要有动效,提示用户“正在进行中”,以免用户不知所措;验证码发送要有倒计时,以提示用户尽快操作。

密码:为了安全性,密码一般以···或***代替,此时为了避免用户犯错,会再让用户重输一遍密码。目前主流方式是加一个“小眼睛”,轻触可以看到明文,从而减少用户重复操作。

颜色:输入框内提示文字为灰,输入后变黑;提醒文字要明显,比如红色;忘记密码等链接可以用蓝色。

焦点:焦点要明显,让用户明确知道自己在填写哪一行,以免填错位置。

控件:弹出软键盘时画面中的输入框、按钮要整体上移,以便用户操作。

关于先使用还是先注册的问题

如图所示,视不同产品性质而定。对于一些用户具有强烈使用意愿和使用需求的产品来说,通常先注册后使用,比如微信、支付宝;对于一些用户具有强烈使用意愿但需求比较弱的产品来说,先使用或先注册都行,比如强烈想观看直播的用户愿意忍受注册耽误的时间、游戏即使开始不注册到一定程度以后用户也会乐于注册;对于一些用户使用较弱但强需求的产品来说,通常是先使用后注册,比如天气、闹钟。

注册登录交互全流程整理_第12张图片
先使用还是先注册

在实际设计自身APP时,选择邮箱注册还是手机号注册还是多种方式注册要根据产品目标和用户体验综合考量,比如一些小众APP为了吸纳更多的用户可以设置多种注册登录方式、一些视手机号信息非常重要的产品只提供手机号注册。本文以交互为主,这里不展开讨论。先使用还是先注册也要根据产品性质决定。

欢迎批评指正,欢迎补充!

参考资料:APP注册登录功能设计全方位解析 周博文 

你可能感兴趣的:(注册登录交互全流程整理)