看似简单的App登录注册功能,怎样做到用户体验最佳?

登录和注册功能,不论是PC端还是移动端,大多数产品都会涉及到。而不同的产品逻辑和业务流程,会带来不一样的用户体验。过去做的大多是后台产品,面向的是内部用户,因此在做登录和注册功能时,前台界面相对简单,主要是后台的权限管理较为复杂。而最近正在做一款App和一款PC端前台产品,面向外部的普通用户,因此在登录与注册的产品设计上,需要考虑更多的细节因素。下面把我做产品原型时的一些思考放在下面,供大家讨论。

用户登录?#20302;常?#21487;以细分为三项功能模块,分别是:登录、注册和密码?#19968;亍?#19979;面分别谈谈我在做这块的时候一些想法,主要是涉及业务流程。

一、登录功能

1、登录方式:?#21482;?#21495;/邮箱/用户名+密码

现在App常见的登录账号是?#21482;?#21495;和邮箱,因为这两类登录方式便于记忆,且方便?#19968;?#23494;码。但有很多App产品,其实是从其PC端产品衍生而来,它们共用同一套后台?#20302;常?#22240;此需要考虑到一部分过去在PC端注册的老用户。所以,虽然由字母和数字组成的用户名,已经是PC时代的登录方式,但是在移动端上,也应当提供这样的选择。

如下图1:

2、等待提示:提供“正在验证”的提示,缓解用户焦虑

一般来说,如果产品的后台能做到快速响应,及时反馈用户操作的结果,自然是最理想的状态。但我之前在做其他产品时,碰到过很多次后台无法及时响应前台请求的情况,这个时候,用户可能会面临一种无所适从的吃瓜状态。

?#28909;紓?#29992;户点击登录按钮后,后台响应不及时或是网络中断,这个时候,用户行为可能有两种:重复提交或者直接退出。永远不要挑战用户的耐心,我就是这样,?#30475;?#20351;用其他产品时,如果提交之后页面无反应,等待 2 秒之后我就没有耐心了,对这个产品的印象也打了折扣。为了预防这种情况,建议增加等待提示如,“正在验证,请耐心等待……?#20445;?#25110;更?#29992;?#30830;的指令“正在验证,请不要重复提交”。如下图2

3、错误提示:用户名或密码错误+可?#28304;?#27425;数

之前看过一篇文章,专门讨论怎样优化登录功能的用户体验。文章里提到,最佳的提示方式是清楚地告诉用户到?#36164;?#29992;户名错了,还是密码错了,从而引导用户去修改。这种提示方式固然是将用户体验做的很好,但这其中却隐藏了安全隐患:如果盗用账号密码,岂不是成功率更高了?

所以,我个人还是倾向于提供一个模糊的提示:“用户名或密码错误”。同时,可以加上一个?#28304;?#26426;会提示,?#28909;紜?#20320;还可以尝试xx次?#20445;?#24110;助用户做到心里有数。当然,如果设置了登录?#28304;?#26426;制,就需要补充相应的业务流程:当用户?#28304;?#27425;数用完后,引导用户“?#19968;?#23494;码”。如下图3:

登录?#26041;?#36890;常涉及到的细节主要是以上这些内容,所以整个登录的业务流程可以归纳为:①用户输入账号+密码,点击提交→②界面提示“正在验证,请等待”→③界面提示信息错误→④用户再度尝试,或成功,或重复先前提示。

二、注册功能

1、注册方式:?#21482;?#21495; +密码+验证码

App产品在做新用户注册的时候,通用方式是用“?#21482;?#21495;+验证码?#20445;?#22909;处显而易见,快捷便利。我个人也是比较推崇这种注册方式。但是, 还有很多用户对用?#21482;?#21495;注册这种方式有所顾虑,担心自己的信息外泄。考虑到这部分用户群体的担忧,我们可以在注册界面多提供一种用邮箱注册的方式,但这种方式不作为主要功能突显,可以放在?#21482;?#27880;册的下方。如下图4:

2、成功提示:激励用户

当用户提交信息后,一般最省事儿的做法就是直接跳转到用户的“个人?#34892;摹薄?#36825;种方式固然没有什么错,但是总觉得缺点什么激励性的东西。我之前在网上预订了一本限购+预售的?#29575;椋?#30495;的要抢购才能买到,然后等了好多天终于收到书的时候,里面有一个黑色的信封,信纸上写着“你是本书的第XXX名读者?#20445;?#36825;样用户体验做的还不错,至少给我一种安慰和鼓励的感觉。

在做App注册的时候?#37096;?#20197;这样,当用户注册成功之后,可以先不着急跳转到个人?#34892;模?#32780;是给用户呈现一个激励信息,?#28909;紜?#32456;于等到你!你是我们第 888 名用户”这样的反馈信息,还可以加上简单的引?#21450;?#38062;,让用户去完善信息,但一定不要给用户施加压力,要让用户有?#26434;?#36873;择的机会。如下图5:

三、密码?#19968;?/H2>

1、通过?#21482;?#21495;重置密码

在App上?#19968;?#23494;码,最快捷方便的方式是通过?#21482;?#21495;来?#19968;亍?#36825;个功能分为两个步骤:第一步是填写?#21482;?#21495;,获取验证码;第二步是在?#21482;?#19978;重置密码。当然,在重置密码的时候,可以让用户通过可见模式来设置,或者增?#21360;?#30830;认新密码”的字段来确保用户修改正确。如下图6、7:

2、通过邮箱?#19968;?#23494;码

除了用?#21482;?#21495;?#19968;?#23494;码之外,针对部分没有绑定?#21482;?#21495;的用户,还可以提供用邮箱?#19968;?#23494;码的方式。这种方式需要后台向用户邮箱发送?#22987;?#23558;新密码告知用户。如图8:

上面这些内容只是包含了登录、注册和?#19968;?#23494;码这几块核心的功能,但其实在设计登录管理?#20302;?#26102;,还有诸如第三方登录、引导用户绑定?#21482;?#31561;其他需求。

猛龙过江活动
赌骰子押大小可控制吗 广东快乐十分任二稳赚 88彩票官网站 pk10历史开奖记录直播 天津时时官方投注 ag电子游戏网投 麻将游戏4人打真人版 mg电子爆奖视频 97彩票赚钱是骗局吗 时时彩后一七码万能码 足球直播室 杰克棋牌 北京pk2期计划在线网站 128福彩下载 捕鱼棋牌 51彩票计划app