3种不友好的注册登录设计

专为互联网人打造的365天成长计划,构建你的产品、运营知识体系,做个有竞争力的互联网人。查看详情

denglusheji

几乎每个产品都有注册登录的模块,然而即使是这么普遍的一个设计模块,也是需要精雕细琢的,设计师需要根据不同的产品情境来设计不同的流程。比如有些产品不想投入过多的资源来维护账号,因此着重强调第三方登录甚至只提供第三方登录,比如medium早期只允许通过twitter登录,国外几乎人人都有twitter账号,因此这样不用自己维护账号系统,用户也可以很方便的使用产品。国内有很多的产品特别是创业公司的产品注册登录流程体验非常不好,这样无疑会影响产品的注册率。这篇文章我想讨论一下国内的应用关于登录注册3种不友好的设计方式,在创业期的公司产品中非常普遍:

1,权重相同的俩个注册登录按钮放到一起

524264-42f98c8c82e98573

试想一下这样的场景:用户从上一个界面点击登录到达这个界面,如果用户第一次使用这个产品,他就知道自己需要先注册,于是他先在第一个文本输入框填了用户名,接着在下一个密码框填了密码,于是点击注册按钮期待注册成功,可是令用户没有想到的是,点击注册会将他带到下一个注册页面,他所填的信息全部丢失。因为事实上在这个页面只能登录,而注册按钮与上面的俩个文本框没有任何关系

问题是用户怎么知道这个界面只能登录呢?注册与登录俩个按钮一样大都并排放在俩个文本框的下面为什么只有登录按钮才响应用户输入的数据呢?用户认为输入完用户名和密码点击注册就能注册难道有错吗?也许有的设计师会说标题栏不是写的很清楚这个界面是登录界面吗,可是既然是登录界面为什么把注册的按钮做成那么大和登录放在一起,更何况用户从来不看标题栏。

类似的设计样式在初创产品中经常遇到,我想这个一定会极大的影响产品的注册率吧。

2,保存用户在输入框的输入数据

a)不知道大家在注册国内的一些论坛时有没有想要砸电脑的冲动,好不容易填完了长长的表单结果某个输入框不合规范需要重填,于是所有的表单数据都变为空,再重新来过。如此重复数十次想死的心都有了。因此当用户把注册表单的某个输入框填错时不要把所有的数据都置为空。

b)现在网站太多了,app太多了,用户的账号太多了,密码太多了,用户到达一个网站可能会想自己之前好像注册过这个网站,于是在登录界面输入用户名和密码点击登录但提示没有此账号,用户便可能会点击注册准备去注册,此时如果在注册表单自动填好用户刚刚输入的用户名(和密码)用户一定会感激你的。(登录可能会通过邮箱,手机号,第三方登录,手机号也可能有多个手机号,邮箱也会有多个邮箱,这种用户确实注册过但忘记了具体哪个账号注册的情况经常存在)

c)记住用户是一种特别懒惰的生物,大段的小段的文字都不会看,标题栏不会看,甚至按钮上的文字都不会认真看,用户经常把注册界面当成登录于是输入完账户名和密码准备登录才发现自己填的是注册表单。此时用户会再去登录表单,这时系统就应该把用户刚刚在注册表单填写的用户名和密码自动在登录界面填写好。

524264-9cc35d4c8ae12f73

在电脑上安装好大象笔记第一次打开的是这个界面,于是会有部分已注册的用户见到俩个输入框就填写用户名和密码准备登录,会认为这就是登录界面(这个在心理学上可以这样解释:我们想要什么,大脑就尽力把我们实际看到的解释成我们想要的不惜欺骗,当然你可以用理智压倒大脑),注意此时“注册”也是灰色的看不清楚,等填写完才发现这是注册界面。于是又得切换到登录界面登录,好在毕竟是曾经的独角兽企业,当你切换到登录界面时默认已经填好了你刚刚输入的用户名和密码。

3,关于第三方登录

第三方登录诞生之初我想是为了方便用户登录的,可是毕竟中国什么都有特色,有不少应用采用下面的流程(流程从左到右一一进行):

524264-66cd35c3aaf8700b

想在该网站进行一个操作让我登录,看到下面有第三方登录甚喜,于是点击扣扣登录到达第二个界面,我想此时点击绿色的登录按钮就应该登录成功了,谁知又到达第三个界面问我关联新账号还是已有账号,用第三方登录当然没有已有账号啊,于是点击了关联新账号,看到接下来的第四个界面让我差点用锤子把我的锤子手机给砸了……

既然自始至终都要用户的手机号注册为什么还提供第三方登录啊!产品经理为了自己的小心思置用户的智商于不顾这样真的好吗?要是让用户提供一些第三方账号给不了的数据还可以理解,但是这样还真不能理解。

其实采用这种手段的产品真的挺多的,不知道他们是觉得自己聪明还是觉得用户真的傻瓜!

总结:

上面是自己在使用产品中觉得注册登录模块一些不友好的设计模式,并且在国内应用大肆流传,希望负责产品的产品经理和设计师们在设计时能注意到那些问题。推荐阅读:《6个输入框,47个设计点》,讲的是作者对一个注册流程的思考:

http://www.woshipm.com/pmd/182496.html

#专栏作家#

法海,微信公众号:uxd_design。人人都是产品经理专栏作家。热爱交互设计,热爱用户体验。

本文原创发布于人人都是产品经理,未经许可,不得转载。

写文章不容易,打个赏支持下作者吧

评论( 23

写下你的想法
  1. 第三条做过,系统要求必须要有手机号码,也存在第三方登录和手机号已注册账号统一的问题,我的做法是根据手机号直接匹配已注册的用户,存在则更新用户,不存在新增用户。

    回复
  2. PM

    如果一定要绑定手机号码的话,第三种有没有更优的解决办法。

    回复
  3. 阿里交互设计师,逗比一枚。

    曾经犯错过。😓

    回复
  4. 慧心洞悉世间悲喜烦忧事 付诸一笑沧海桑田论英雄

    :| 楼主确定做过产品设计吗?第三方登录的帐号体系与自有用户体系的统一问题怎么解决?

    回复
  5. 产品小白

    第三种正在做,不要骂我,业务的需求,已跟总监撕过N次落败。

    回复
    1. 原因1:避免黄牛,这个最重要,避免1个用户多个账户,因为我们是积分制,等级越高优惠还是很多的。
      原因2:有了手机号码,利于会员部门信息维护,已经各种运营需求,你们懂得
      原因3:要的就是逼格,并不在乎用户流失–这个不代表我的观点

  6. 为什么需要选择『关联新账号』还是『已有账号』?
    因为使用第三方账号登陆需要同自有系统账号做绑定关系,如果在自有体系中没有账号则会自动创建一个
    所以如果你本身有账号但为了不想每次输密码所以使用第三方账号登陆的情况下 如果不选择同『已有账号』绑定那登陆后的历史信息(订单、地址、发表的内容)就都不存在了 这难道是一种更优秀的体验吗?
    为什么在『关联新账号』时还需要用户再填一次注册信息?
    部分的业务场景需要的用户信息第三方账号并不能完全提供,主要是手机号,所以需要用户登录时必须绑定/输入
    当然这个流程也可以嵌入在业务流程中,哪种方式更好就要视具体的场景而定了

    回复
  7. 第三种 第三种 第三种 我擦

    回复
  8. 都碰过,但是最最讨厌第三种,所以现在基本不会用第三方登录,宁愿重新申请

    回复
  9. 第三条碰到好几次 真心无语

    回复
    1. 回复

      非常痛恨第三种

  10. 我是我,你是你。

    :mrgreen: :mrgreen: :mrgreen:

    回复
  11. 感觉有的网站出现第三种情况,似乎是吃准了用户就算再憋闷也还是会为了成为用户而去搞个账号的。
    另外给本站提个建议,我为了回复需要登录,登录之后能不能跳回登录前页面啊

    回复
    1. 回复

      你这个想法我也早就想说了,握手!

    2. 回复

      我刚刚就是这个被郁闷了一下

    3. 回复

      +1

  12. 最后那种是最无语的!!!妈的

    回复
  13. 我是一个孤单而又幸福的孩子,不是好孩子~

    我差点用苹果把我的苹果手机给砸了……

    回复
  14. 1岁产品助理 #生命不息,折腾不止#

    :twisted: 23333,第三种情况我做过。。没办法,上级有这种需求。

    回复
  15. 生活不是眼前的苟且 还有诗和远方

    这几种情况都特别气人

    回复
  16. 麦岽(微信号公众号:maidong1016),律和金融产品负责人。

    常遇到这样的情况,难道他们不试用一下自己设计的产品么?

    回复
  17. 爱生活 有理想 会思考 能沟通

    第三条,我也遇到过,真的无语。。。。

    回复
  18. 写的挺好

    回复

推荐阅读