恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
学习注册登录设计,这两篇就够了之第 01_02 篇(完结)
0.0°
2019-08-26 原创文章 经验/观点 举报 16632 202 219 5

隔了两周之后第二篇终于上线,不管怎么样,这篇文章一定会有你不知道的和你想知道的,一起来看看吧。

 本篇文章是移动端注册登录分析的第二篇,文章的脉络是对移动端注册登录流程先从产品设计层面进行分析,再对交互和视觉层面的元素进行拆分并解析,最后和大家探讨几个平时我们可能也想过,但没有进一步思考的问题,最终的目的是帮助大家对注册登录流程构建体系化的认知。

 目录

一、邮箱注册登录产品分析

(一)邮箱注册登录优缺点

(二)邮箱注册登录流程产品设计逻辑

      1、邮箱注册流程产品设计逻辑

      2、邮箱登录流程产品设计逻辑

二、手机号注册登录产品分析

(一)手机号注册登录的优缺点

(二)手机号注册登录流程设计逻辑分析

      1、手机号注册流程产品设计逻辑

      2、手机号登录流程产品设计逻辑

三、第三方创建账号产品分析

(一)第三方创建账号优缺点

(二)第三方创建账号逻辑分析

四、移动端注册登录交互设计要点解析

(一)注册流程元素构成

(二)登录流程元素构成

(三)第三方创建账号元素构成

(四)各个元素交互设计要点解析

五、移动端注册登录视觉设计解析

六、关于注册登录流程你一定感兴趣的几个问题

(一)为什么QQ不支持多个手机同时登录同一账号?

(二)在注册登录流程中,用户填写错误的手机号或密码时,为什么不能明确告诉用户是账号错误还是密码错误?  

(三)验证码的事儿你知多少?

(四)既然手机验证码登录的方式优势很明显,那手机号+密码登录方式存在的价值是什么?

七、尾巴

一、邮箱注册登录产品分析

一)邮箱注册登录优缺点

      在PC时代互联网已在国外普及,而邮箱是PC时代的产物,因此邮箱注册登录的方式在国外产品出现频率较高,以下为邮箱注册登录的优缺点:

     优点:

      一号到永远——邮箱号不出意外(只要相应的公司还开展这项业务)一个号可以永久使用,不存在类似手机号更换后一个个APP解绑老号,绑定新号的流程;

      多一种方式——如果出现这种极端情况:你忘了某产品账号密码,手机又收不到验证码,这时候可以通过邮箱帮你找回密码,如下图所示造作就提供了此项功能。Image title


      缺点:

      覆盖面窄——在国内,大部分用户没有使用邮箱的习惯和需求,邮箱产品覆盖面相对较窄,因此邮箱号注册登录模块是否添加,需要根据产品受众来判断,如果产品受众中国外用户、商务人士、注重隐私不愿意透露手机号的用户及换号可能性较大的学生等群体占据不可忽视的比例,则产品需要考虑增加邮箱注册登录方式,但不建议盲目的多增加一种注册登录方式,是产品变得臃肿。

      连贯性差——邮箱注册账号需要用户离开正在注册的APP,进入邮箱中查看验证码或点击链接(部分产品邮箱注册不需要验证,虽降低了注册登录页面用户流失率,但弊端在于造成部分无效账户或恶意注册情况的发生。)打断了用户注册流程的连贯性。

(二)邮箱注册登录流程产品设计逻辑

      1、邮箱注册流程产品设计逻辑

      邮箱注册流程的设计逻辑在于是否验证邮箱及在哪一步验证邮箱,主要分为以下三种:

Image title


      第一种,不验证邮箱。上文已阐述,这种注册方式虽通过不跳转应用的方式降低了注册登录页的用户流失率,但弊端在于造成部分无效账号或恶意注册情况的发生,若用户在注册时邮箱录入错误则无法找回密码。

      例:A同学用B同学的邮箱号注册了某产品账号,但B同学对此却毫不知情,等到B同学也要用自己的邮箱号注册时,发现已被注册,这时无论A同学的动机是什么,都对想要使用本产品的B同学造成了困扰,而且类似这样恶意或非恶意注册的数量过多会对产品品牌产生负面影响。

      第二种,先显示注册成功,后验证邮箱,不验证邮箱部分功能不开放给用户使用。这种注册方式是引导用户去注册,但对第一种方式的弊端依然不能有效避免,只是对用户体验与安全性进行了相对的平衡。

      第三种,不验证邮箱不让注册成功。这种注册方式避免了第一种注册方式的弊端,但这种注册方式需要跳转应用且增加了操作步骤,容易导致用户流失。

       2、邮箱登录流程产品设计逻辑

       邮箱登录流程主要通过输入邮箱号+密码,再点击登录按钮进行登录,账户+密码的组合方式生成用户在此产品唯一的ID。

二、手机注册登录产品分析

      在目前智能手机普及率如此高的情况,手机号注册基本上是所有APP必备的注册方式,它方便、快捷,但除了这些优点外,它会有什么缺点呢?我们一起来看看。

(一)手机号注册登录的优缺点

      优点:

      覆盖面广——随着移动互联网的普及,智能手机的普及率也达到了较高水平,因此使用手机号注册登录几乎是产品标配;

      连贯性强——使用手机号注册流程不用像上文邮箱注册方式跳出正在注册的APP,在授权系统自动录入验证码或短信验证码一键复制的情况下,保证了用户在注册流程的连贯与简洁;

      易导入社交链——如下图所示抖音就通过向用户推荐手机通讯录好友的方式,降低用户初次使用产品的陌生感。

Image title


      精准营销——根据建立的用户画像向特定用户进行精准营销。(这部分在第一篇已详细阐述,感兴趣的同学可以看看。)

      缺点:

      相对较高的心理门槛——手机号相比邮箱号而言,基于防骚扰、隐私泄露等方面的顾虑,用户更不愿意透露自己的手机号。

      增加企业成本——向用户手机号发送验证码,需要向提供服务的企业支付一定的费用,下图是网易云·易盾的短信验证码价目表。

Image title


      二次放号无法注册新账号——用户手机号不使用后(自行销号或长时间欠费),隔段时间运营商将进行二次放号,这就导致了前后两位此手机号的使用者之间的产品帐号问题。

      具体场景:A同学注册了W产品,但A同学也仅是为某次的使用而注册,后续前往其他城市工作,换了手机号,原来的手机号被运营商回收后二次放号由B同学使用,这时候B同学用此手机号注册W产品账号时发现账号已注册,如果找回密码,则导致了A同学的隐私泄露,如果B同学用此手机号注册新账号,又涉及A同学后续对该产品的使用问题。对于这个问题这里不展开讲了,感兴趣的同学推荐大家看看朱利安老师的这篇:《账号体系设计:如何解决手机号二次使用导致的账号问题》http://www.woshipm.com/pd/658229.html

(二)手机号注册登录设计逻辑分析

      1、手机号注册流程产品设计逻辑

      手机号注册流程的设计逻辑在于在哪一步设置密码,分为以下两种:

Image title


      第一种,在注册页面省略设置密码部分,用户使用手机号+验证码即可登录账号,密码后续可在设置项中进一步设置,如下图所示,美团采用的就是这种方式。(这种注册登录方式的优劣势详见下文:“关于注册登录流程你一定感兴趣的几个问题之四——既然手机验证码登录的方式优势很明显,那手机号+密码登录方式存在的价值是什么?”)

Image title


      第二种,既需要获取手机验证码,又需要设置密码,缺一不可,否则不让注册,如下图所示,花瓣采用的就是这种方式,而这种方式的优点在于多一种登录方式可以规避上文中提到单一手机验证码登录的劣势,但缺点在于多这一步可能会损失一定数量的用户,这就是产品需要权衡的部分。

Image title


     (2)手机号的登录流程产品设计逻辑

      手机号登录,主要是在手机号+验证码或手机号+密码这二者之间进行主次的角色选择,基本上市面上的APP两种方式都提供,只是从视觉上对其中一种进行弱化,就国内来说,大多APP将手机号+验证码登录置于更高优先级,手机号+密码登录是辅助角色,这也无可厚非,但如下图所示也有像网易云音乐这样不提供手机验证码登录方式的产品,我也很想知道网易云音乐是怎么考虑的?

Image title


三、第三方账号创建账号产品分析

(一)第三方创建账号优缺点

      第三方创建账号是基于大多数用户都有微博、微信或QQ等大体量的社交软件账号,产品可以直接获取用户头像、昵称等基本信息从而创建账号。

      优点:

      减少陌生感——利用社交账号导入用户的社交链,减少用户使用产品时的陌生感,如下图所示,我是用微博登录的网易云音乐,随后我就可以关注使用网易云音乐的微博好友。

Image title


      降低用户流失率——这种登录方式相比账号(手机号、邮箱号)+密码登录或手机验证码登录更为便捷,是真正的一键登录,可以降低用户在注册登录页面的流失率。

      缺点:

      不利于精准营销——未获取用户手机号、邮箱号及其他用户信息不利于后续的精准营销;

      账号被封禁无有效方式找回——如果用户的社交账号出现被封禁等状况,那用户原先仅通过该第三方创建的账号也就不复存在;

      一对多情况的发生——使用第三方创建的账号不绑定本人手机号可能导致一个用户多个账号,就是说用户这次使用第三方创建账号,下次使用手机验证码注册账号,二者未绑定,产生一个用户多个账号的情况。

(二)第三方创建账号逻辑分析

      它的主要流程分为使用第三方初次创建账号与第三方非初次创建账号,相对邮箱和手机号注册登录的方式更为简单,如下图所示。

Image title


四、移动端注册登录交互设计要点解析

      在这里我们先对手机号、邮箱号注册登录流程及第三方创建账号流程涉及到的元素进行拆解,再对这些元素进行逐一分析,从而达到更好的指导设计的目的。具体拆解如下:

(一)注册流程元素构成:

Image title


(二)登录流程元素构成:

Image title


(三)第三方创建账号元素构成:

Image title


(四)各个元素交互设计要点解析

1、手机号展现方式。

     我们平时可以看到银行卡都是采用以4个数字为一个单位进行排列,便于用户阅读,这种方法同样可以用到手机号的呈现, 如下图造作的登录页所示,使用344的方式展示手机号,便于用户辨认。

Image title


2、键盘格式。

      针对注册登录流程中手机号、验证码等只需要输入数字的部分,弹出纯数字键盘即可,避免不必要元素的干扰,如下图造作的登录页所示:

Image title


3、手机号是否区分国家。

      这部分主要取决于产品定位,如果产品主要在国内发展,没有走国际化的打算,那可能没必要按国家区分手机号码归属地(当然也不排除某些产品即使不走国际化路线,也要给用户一种自己是国际化品牌的错觉)总之,这部分主要与品牌的价值观及产品定位有关。如下图所示,滴滴出行的用户不止国内用户,因此在登录注册页中加入手机号区分国家模块。

Image title


4、提供一键删除功能。

      无论手机号、邮箱号、密码及验证码这些需要输入数字及字母的部分都应当加入一键删除功能,因为用户都有可能完全输错,这时候不用点击多次delete。如下图所示为优酷在注册页面手机号输入框提供的一键删除功能。例:用户的两个手机号都注册了陌陌,但这时候明明想登录A手机号注册的陌陌账号,错填成B手机号,填完后才发现,若支持一键删除,对用户而言就比较友好。

Image title


5、实时明确的反馈。

      这里的实时主要针对的是用户输入手机号时的情况,分为两种:

      第一种,用户在注册或登录时手机号输入错误,例:在国内来说,所有手机号都是以数字“1”开头的,当用户输入的第一个数字是除“1”外的其他数字时,立即给出反馈或者直接不允许用户输入,我个人认为不让用户输入错误的数字(可以以toast的方式提醒用户输入正确的数字)这种方式由于输错了之后需给反馈,因为第一种方式为用户节省了时间成本,同时也已toast的形式告知了用户。      

      第二种,已注册手机号但是但是否为本人手机号不清楚。如下图所示京东商城在用户注册时,输入的手机号若已注册账号,这时不但给出反馈,还根据该账号是否属于本人提供相应的选项。

Image title


6、以明暗文切换开关取代密码的二次验证。

      如下图“一个”注册页所示,现在大部分产品都很少使用密码二次验证,那为什么大家都不用了?原因有二:

      第一,在增加明暗文切换开关的基础上,对“不自信”的用户,可以切换明文显示,这样就可以通过减少一次密码输入提升用户留存率;

      第二,现在找回密码很容易,即使你输错了密码,也可以通过手机验证码等方式很快找回密码。

Image title


7、显示邮箱后缀。

      邮箱显示后缀主要分为两种情况:

      第一种,如下图所示,对于只提供邮箱注册登录的产品,在用户开始填邮箱号时就提供相应的邮箱共用户选择;

Image title


      第二种,用户登录时,一个空可以在邮箱与手机号二者之间进行选择,如下图造作登录页面所示,这时候用户不一定填邮箱号,所以不能按照第一种模式,但可以在用户输入完“@”之后,立即提供不同的邮箱供用户一键录入。

Image title


8、手机验证码发送时间间隔时间的文案。

      我这里想说的是明确告诉用户获取下一个验证码时间的意义在于:一个好产品需要考虑到某几个用户可能是第一次使用手机验证码登录界面,这就是对用户更为友好的设计方式。

      如下图得到获取验证码页面所示,通过文案明确告诉用户重新发送需要47s,而高高手获取验证码页面的仅有数字,无文案说明。

Image title


9、用户协议与隐私机制的确认方式。

      可能是相关法律规定,在注册页面必须明确告知用户“用户协议与隐私机制”,但几乎所有的APP都是如果不同意这些条款,就无法注册账号,以下为常见的三种处理方式:

Image title


      哪一种方式更优秀呢?《About Face 4:交互设计精髓》中有这么一句话:“多数人更愿意与软件的交互和其他实物一样,比如汽车。想去某个地方,就打开车门坐进车里,向前时踩油门,停下来刹车,需要拐弯就打方向盘。”简而言之,将控制权交给用户,对用户来说,到了注册页面几乎所有用户的目的是注册账号,因此正确的做法是先替用户选择好,但最终选择权依然交给用户,这种方式才是更为合理的,也就是上图中间抖音(紫色页面)的设计方式。

10、密码机制。

      这部分要谈的是如何引导用户设置相对更复杂、更安全的密码,我们需要做到以下两点:

      第一,提前给用户说明白:“密码不少于8位,必须包含字母、数字、符号”等类似要求,还要注意两点:

            一,如果用户设置的密码达不到要求要实时明确的反馈,减少用户“返工”;

            二,如下图“一个”APP所示,将相关密码设置要求置于输入框下方,避免将要求置于输入框中当用户开始输入时忘记要求内容;

Image title


      第二,通过视觉及文案层面引导用户设置更安全的密码,利用红黄色给用户的紧张感及绿色给用户的安全感,如下图所示,美团APP就是采用文案加色彩的方式告知用户“你”的密码还不够安全。开个脑洞,这里我们也可以借鉴上文滑块验证码中的文案呈现方式——“击败了82.5%的用户”,在设置密码中通过趣味性去引导用户,这才是更有效的引导方式。

Image title


五、移动端注册登录视觉设计要点解析

      上一篇文章已阐述从用户需求角度注册登录流程在账户体系中发挥的作用,因此从用户需求角度我们的视觉设计目标很明确——把注册登录流程对用户使用产品过程流畅性的影响降到最小,但这并不意味着注册登录页面我们就留个“白纸黑字”,然后简单排个版就完事,因为除去用户需求,我们还有业务需求需要考虑,接下来我们的工作就是明确不同类型产品的注册登录页面的业务需求,再进行视觉设计。用户主要分为两种——新用户与老用户,我最初的切入点是把握产品对新老用户的不同的业务需求再进行视觉设计,但后来发现这个角度还是有些问题的,具体我们来看看问题出在哪。

      在上一篇文章“何时加入注册登录流程”部分讲的三种情况(建议大家先看看第一篇有助于后续文章的理解。)也体现了针对用户注册登录页面的三种不同定位。

      第一种,对新用户来说,通过游客模式体验了产品,对产品有了一定的了解,再进行注册时主要分为两种情况:

            第一,用户觉得产品不错主动去注册;

            第二,用户因需要使用产品某项功能触发的注册页面;

            到注册流程时,用户已体验产品,从业务需求的角度出发,只需要达成用户的注册登录流程简洁快速的需求即可,因此视觉设计上我们可以去除不必要的视觉元素,对老用户而言的视觉设计更是如此。

      第二种,登录注册页面不仅承担用户注册登录的功能,还是新用户了解产品及品牌印象的窗口。在日常的产品的使用中你会发现产品登录与注册流程的优先级主要分为两种情况:

            第一种是登录优先,如下图网易新闻登录注册页所示,登录通过较大的视觉重量,也就是button进行展示,而注册按钮躲在右下角,仅通过黑色文字进行展示。

Image title


            第二种是登录与注册保持同一优先级,如下图网易云音乐登录注册页所示,登录与注册以同样的视觉重量进行展示。

Image title


      从业务角度出发,登录功能为老用户使用,注册功能为新用户使用。那问题来了:我们有没有必要针对对新老用户不同的业务需求进行不同的视觉设计?无论上文中的第一种还是第二种情况,有一点我们需要明确——我们应当将传递品牌感及吸引注册的视觉设计置于首页,因为你只有在第一页达到了吸引用户的目标,用户才能进行下一步操作完成注册,而且在上方的图例中,网易新闻(将logo置于页面上方)与网易云音乐(通过同色系的图片营造氛围感)的例子也说明了这一点。那在新用户点击注册button进入注册步骤后,证明用户已经被产品吸引或者因为其他原因需要注册,这时我们的关注点应该从吸引用户转移至高效简洁的帮助用户完成账号的注册。问题的答案也就有了——不需要区分新老用户进行单独设计,因为无论怎么样,你都得把吸引用户这件事在第一步完成,(而且没有哪款产品只需要老用户,而不需要拉新,)后续步骤都是高效简洁的帮助用户完成注册或登录目标。

      那下面我们来看看都有哪些吸引用户完成注册的方式:

      1、图片

      (1)传递产品用户定位——如下图所示的QQ就是通过图片传递产品年轻化的特点,吸引年轻用户完成注册。Image title


      (2)营造氛围感的图片——如图所示造作通过自己设计的家具来营造氛围感,让用户感知到这是一款注重设计、有品质感的家居类产品。

Image title


      2、动画

      (1)微交互增加乐趣——哔哩哔哩在输密码之前两个小女孩是睁大眼睛的,点到密码输入框,两个女孩立即蒙上眼睛,这与哔哩哔哩这个产品传递的可爱的品牌感十分契合,也为用户枯燥的登录过程增添了几分乐趣。

 Image title

      (2)营造氛围感——如下图虾米音乐注册登录页面所示,通过造型各异的年轻人,传递年轻、潮流的品牌印象及产品氛围。

Image title


       3、品牌色

      登录注册页的button及图片基本上都会是品牌色或与品牌色同色系的色彩,目的在于在整个产品中传递一致的品牌感,如下图的花瓣及QQ音乐登录注册页面所示:

Image title


      第三种,这种情况注册登录页不需要承担上文第二种情况需要承担的功能,但和第二种情况又有所不同的是用户即使不注册也能够使用几乎所有功能,因此新老用户没有什么区别,那视觉设计的作用在于明确的告诉用户:“你”为什么要注册?,下图是搜狗输入法通过插画的形式告诉用户注册账号之后的“好处”是什么。

Image title


      总结:通过以上的分析,从视觉设计角度的结论是我们不需要区分新老用户再进行登录注册页的视觉设计,我们只需要根据业务需求将吸引用户的视觉设计部分置于登录注册流程的首页,其余部分专注于高效简洁的帮助用户完成注册或登录目标即可。

六、关于注册登录你一定感兴趣的几个问题

(一)为什么QQ不支持多个手机登录同一账号?

      目前QQ只允许同一账号在不同类型设备登录,你不能同时在两台电脑上登录同一个QQ号,这种方式就限制了你登录设备的数量,你最多只能同时在手机端、平板端、电脑端登录同一个账号,不能再登录更多账号。与不支持任何形式的多端登录与支持任何形式的多端登录相比,这是一个相对折中的处理方式,既保证了大部分用户对多设备登录的需求,又避免了可能有不法分子利用多个同类型设备登录同一账号的漏洞,恶意传送大量无效数据,造成服务器数据库压力等情况的发生,毕竟对大多数用户而言,一个人拥有一部手机、一台电脑比较常见,但一个人拥有多部手机或多台电脑相对少很多,所以避免少部分的需求对大部分用户造成伤害,这是我们设计产品时正确的思维方式。

(二)验证码的事儿你知多少?

      现阶段我们在移动端注册登录流程见到比较多的验证方式如下:

(一)手机验证码

      说白了,手机验证码的作用有二:

            第一,识别是机器行为还是人的行为;

            第二,确认此手机号是你的手机号。

      结合授权系统自动录入验证码或短信验证码一键复制的情况下,手机验证码可以说是目前最方便快捷的验证方式。我们在设计手机验证码相关环节时,需要注意以下两点:

            1、每发一个验证码对企业而言都是成本的上升;

            2、可能存在黑客在短信时间内向服务器发送大量无效验证码,造成服务器奔溃,导致其他用户无法注册或登录;     

      对于这两种情况我们需要有一定的防范措施,具体如下:

      (1)限制验证码发送时间间隔

     一般间隔多为30s或60s,通过这种方式,避免用户不断点击获取手机验证码;

      (2)限制验证码有效期

      一般验证码有效期为6位数30分钟,4位数5分钟,从排列组合的角度来说,6位数的验证码有一百万种(10的6次方)种排列方式,而4位数有一万种(10的4次方)种排列方式,很明显6位数验证码破解难度高于4位数,因此一般4位数的验证码的有效期是5分钟,6位数是30分钟。

(二)其他验证方式

      为了确保获取验证码是“人”的行为,一般会增加多种辅助验证方式,具体如下:

      1、语音验证码

      语音验证码主要以辅助验证的姿态出现,如下图所示美团外卖,就将语音验证作为辅助验证方式置于右下角。

Image title


      那为什么语音验证码不能成为主要的验证方式?我们从操作步骤与成本的角度来考虑:

      1、操作步骤

      短信验证码的三种操作步骤:

      (1)点击发送→收到验证码并复制——粘贴验证码→点击注册或登录

      (2)点击发送→系统自动录入→点击注册或登录

      (3)点击发送→收到验证码——录入验证码→点击注册或登录

      语音验证码操作步骤: 

      (1)点击发送→接到电话并记录在手机便签或纸上→将记录在纸上的数字录入或者从便签中复制→点击注册或登录

      乍一看,二者步骤好像差不多,但语音验证码的操作中,需要跳转不同的APP或者切换不同的工具(用笔记录),且在记录验证码的过程中你需要一个数字一个数字记录,而不能复制粘贴,这样一来,语音验证码可能是目前验证方式中操作步骤最多的一种。

      2、成本

      当然,我也试着计算了下成本,如下图所示,同样是阿里云提供的服务,同样是50万条验证码,上方图中一条语音验证码是4.5分钱,下方图中一条短信验证码是3.9分钱,从成本的角度来说也要选择短信验证码。(差距不大,但该省的咱得省。)

Image title


      当然并不是说语音验证码一无是处,语音验证码的优势在于相对短信验证码更难窃取,安全更有保障。

      综上所述,语音验证码更多以辅助验证的方式出现,多一种验证方式,确保用户注册或登录的顺利进行。

      (三)数字、字母、中文的组合

      这种验证方式是比较常见的验证方式,如下图网易邮箱注册登录页面所示,这种方式一般都会加入干扰线或者通过其他方式使得内容不易辨别,由于这种验证方式的趣味性不足及易输错导致用户在此页面流失率较高。

Image title


     (四)滑块验证

     这是现阶段验证方式中我个人认为趣味性较高的方式,如下图网易云课堂PC端的登录页面所示,通过让用户拼图的方式完成验证,对于完成的用户还会显示“击败了82.5%的用户”,趣味性与竞争感的代入使得用户不会觉得验证过程的枯燥。

Image title


     (五)图片辨别

      这种方式是有一定趣味性的,但问题在于每个用户的认知范围不同,如下图所示是之前被吐槽12306的验证码。这种验证码的问题在于每个人认知范围的不同导致这种验证方式的普适性存在问题。

Image title


(三)在注册登录流程中,用户填写错误的手机号或密码时,为什么不能明确告诉用户是账号错误还是密码错误?

      如下图造作的登录注册页面所示,这种情况是我们经常遇到的,也许你也感到困惑:“明明我手机号输对了啊。”

Image title


      对于这个问题,在网上搜最多的答案是出于安全的角度考虑,但你有没有考虑过产品是否有能力确定是账号还是密码出了错?可不要觉得机器无所不能。(当然,也许未来能够解决。)

      首先,说安全的问题,我看到一些说法——不明确告诉你哪错了是为增加“坏人”破解账号的几率,乍一听,好像是那么回事,但对“坏人”来说获得一款软件正确的账号困难吗?在现在大部分产品手机号就是用户账户的情况下,瞎编个正确的手机号,这事没难度吧。再举个特例:对于QQ这款软件来说,你随便输个数字大概率就是某位用户的账号,所以安全角度的考虑不成立。

      那我们从产品是否有能力确定账号与密码二者之间谁出了错来考虑,我们想想用户登录账号的情况主要分为以下两种:

        第一种,用户登录经常使用的账号。那系统是否知道用户要登录哪个账号?毫无疑问系统可以记录用户的常用账号,那问题来了,既然系统已经记录,为什么不给你先填写好,让你填完以后再判断是否正确完全没必要,所以很多产品就先给你记好,例:QQ、有道云笔记等。

        第二种,登录不常用账号,或者说在新设备上登录常用账号等情况,这种情况下系统不知道你要登录哪个账号,例:你的账号是12345,但你错输为123456,恰巧这个账号在系统中也是存在的,这时候密码你填的是对的,那系统该怎么反馈 ,这种情况只能反馈账户/密码错误。根本原因在于系统不知道你想填的账号是什么。

      总结:在系统内存在的账号与某个用户自己的账号,这是两件事,对系统来说正确的账号,对用户而言不一定正确。单独存在的密码是没有意义的,密码只有与账号在一起才是有意义的,如果产品不知道你要输入哪个账号,那密码的正确与否页无从谈起,所以产品没有能力告诉你谁正确。

(四)既然手机验证码登录的方式优势很明显,那手机号+密码登录方式存在的价值是什么?

(一)手机验证码登录的优势:

      1、安全性高——验证码的时效性与随机性,使得安全性高于手机号+密码的登录方式;

      2、便捷——省去用户记忆密码的负担,可以一键复制或允许产品读取短信,用户不用输入,即使输入也一般是六位或四位数字仍然较密码简单;

  (二)手机验证码的劣势:

      1、成本——在上文手机号注册登录的优缺点的缺点中已阐述;

      2、存在异常情况——出现某些异常情况导致手机收不上验证码,若未提供其他登录方式,则增加用户对产品的不满情绪;

      3、更换手机号无法登录——部分用户一直使用手机验证码登录,若未设置密码,则在更换了手机号之后,无法登录原账号;

      4、短信渠道风险——当然,这种情况出现概率较小,但万一渠道商出现故障导致某个时间段无法提供服务,那对产品而言就是灾难性的。

      总结:多一种登录方式有备无患,这也就是手机号+密码登录方式依然存在的原因。

 七、尾巴

      两篇文章洋洋洒洒上万字,说了很多,希望对你们有帮助。我这里也有个关于学习方式的小建议给大家,无论我们学习什么知识,我们最终的目的是内化为自身的能力,那如何内化呢?我的建议是无论你学什么,学完之后都能写一篇学习笔记,笔记的内容必须是用自己的话进行复述并加入自己的思考(这是强迫自己思考的方式)因为没有输出的学习,大概率效果都不会好。最后,感谢大家的阅读。

更新:2019-08-26

收藏

202人已收藏

  • 28

    作品

  • 637

    粉丝

  • 12

    关注

  • 个人作品集_泽泽先生
  • 要找到好工作,简历和作品集得这样设计。
  • 深色模式真的有那么好吗?
  • Requesting Permission

    猜你喜欢

      2019-08-26 原创文章 经验/观点 举报 16632 202 219 5

      学习注册登录设计,这两篇就够了之第 01_02 篇(完结)

      0.0°

      你确定要举报学习注册登录设计,这两篇就够了之第 01_02 篇(完结)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年12月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      219
      202
      5

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录