什么是一把揪住你小心心的登陆注册页面?

14 评论 14137 浏览 69 收藏 10 分钟

文章对几款比较常见的社交app登录界面进行全面分析,希望能够给你一些借鉴思考。

当第一次将一个应用从AppStore或者安卓市场下载的时候,就像刚把一个大姑娘娶进家门一样,满怀着期待的心情,小心翼翼的点开这小小的图标。一个登录界面是否好看让你喜欢,是否第一眼就有让你交出个人信息的能力,是每个社交app追求的。这个第一眼很重要,像简历上的照片,相亲信息上的年收入,是能否留住用户的First Shoot。

接下来就几款比较常见的社交app登录界面进行全面分析。

首先,大部分的登陆注册页面都是可以分为两个大方向。

  1. 手机号邮箱验证注册。
  2. 第三方账号关联。

前者是目前一个app获取用户信息的最直接方式,一般会使用这种注册方式的用户心理在不知道第三方是否安全的情况下,害怕将自己的社交账号个人信息泄露,会选择这种看似比第三方安全的注册方式。后者,是最受大家喜欢的注册登录方式,方便快捷,省去了繁琐的填写个人信息部分。

从第三方登陆三大巨头开始分类

1.   腾讯QQ

据易观千帆提供的数据表明,使用QQ的用户大多都是年轻人,并且QQ传文件截图远程等功能都很方便,也是很多职场人的必备的软件,它的登录页面如下图所示。

没有任何第三方账号登录方式,只能手机注册,这是腾讯QQ最霸气的一点。接着从登录页面看,全背景透明简单的登录方式,下拉列表也完全采取同样透明设计,很配合最新款的手机。颜色上来讲,背景图片以蓝白暗色为主,字体颜色也是蓝白黑色,颜色搭配使用上不会让用户觉得很乱。

注册界面是一系列页面跳转形式,输入手机号后接受短信验证码,一路注册到取用户名。

可以看的出来,QQ这种明亮大方,清新美观的设计,既能吸引年轻人的目光,也能符合职场上的审美。

个人意见:

注册时间非常短,验证码刚一输入,就跳转到起用户名页面,符合当前用户一扫而过的手机使用习惯。

2.   微信

在易观千帆上应用月度使用TOP榜上,微信总是位居榜首,这与微信强大的功能有很大关系。微信支付在生活中经常用到,公众号推送是每个上班族在地铁中片段获取知识新闻娱乐的一个途径,朋友圈晒生活,小程序临时代替无法下载app的尴尬,等等这些功能,都让微信成为了现在人生活中无法替代的一个产品。也正是因为微信与大家的生活关系紧密,也让微信的登陆注册页面比QQ稍微繁琐了一点。

如果你登陆过微信,它会将你之前的账号信息显示在首页,只需输入密码即可登陆进去。腾讯的这两款产品登陆页面都是走的不超过三个颜色白底简洁风,符合大众审美。

如果没有登陆过账号,微信提供了两种登录方式。

第一次注册的时候,如下图。

个人意见:由于微信使用的年龄层很大,建议很多重点的注册登录过程,应该用大字来显示,让那些年龄大的人也可以顺利完成注册登陆。

3.   微博

微博目前大概是流量最多的社交网络软件,因为有了各种明星的认证账号,可以拉近大众与公众人物的距离。并且微博也是互联网经济的带动者,中国是个人口大国,营销号及网络红人的流量数据,如果利用好了也是一笔不小的财富。

可以看得到,微博也采取了第三方登陆功能,里面的两个正是前面写到了的QQ和微信。如果采用QQ和微信登陆,和大部分app一样会直接跳转到这个页面。

注册的时候,是这样的。

下面演示一下手机号注册。

因为微博定位的用户都是年轻人居多,所以整体颜色设计也是橙色这样年轻有活力的颜色。但微博比较让我喜欢的一点就是,再一次登陆直接是显示头像登陆账号。如下图。

个人意见:微博应该多几个验证身份的注册方式,现在网络水军这么多,应该限制其发展,网络水军会影响话题导向,所以建议注册的时候应该多点个人信息的验证。

一个让人眼前一亮的登陆注册页面

1.   网易LOFTER

LOFTER的定位一直都是年轻人分享摄影文章的平台,和微博不一样的是,PC端可以自己设置自己的博客页面,是自己拥有的一个小空间,因此很受用户欢迎。

它的登陆页面是这样的,无论是配色还是页面分割都特别好看,看得出来是经过一番设计的。

点进登陆是这样的。

提供的也是有第三方登陆方式,支持手机号账号邮箱登录。

注册页面为以下几个过程,也是十分简洁,并且配色也都是LOFTER的浅绿色,整体配色很柔和,用户体验很好。

个人意见:我很喜欢LOFTER注册登录页面,但登录页面滑动的内嵌页太多,恐怕很多注册登录的人都不会看,建议只留下两个比较好。

总结

这次只分析了四个产品的注册登录界面,但也是大家经常使用的一些社交类app了。之前一直有个疑问,既然都有了指纹解锁和指纹支付,为什么不能推广一下指纹登陆注册这个技术。但后来想想,有些软件使用的人正是我们的父母,他们可能还在使用子女们淘汰的智能机,还没有指纹解锁功能,所以这个技术随着科技发展还有待开发。苹果最新发布会带来的IphoneX具有人脸识别功能,相信以后的社交账号登陆注册页面会更加丰富多彩,添加了更多的注册方式。

也相信,以后的世界将是全智能的,每个人都有自己的网络名片,社交变得更加丰富多彩,真正实现,三十五亿人都可以互相找到自己相同兴趣爱好的朋友,让距离不再是阻碍社交的第一大难题。

本文仅代表个人意见,这里一个产品小白,希望各位前辈多多批评指导。谢谢!

 

本文由 @太也君 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自PEXELS,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 我有点好奇你是谁啦 加微信吗

    来自北京 回复
  2. 是“登录”不是“登陆”

    来自上海 回复
  3. 额……

    回复
    1. 额。。

      回复
  4. 有几个关于你个人观点的问题,想问一下,共同讨论讨论。
    1.微信:建议很多重点的注册登录过程,应该用大字来显示。很好奇这个点是作者通过调研之后得到的还是单纯的拍脑袋得到的。是否考虑到其他一些应用场景,例如作者提到的年龄大的人,是否有调研过身边有多少“年龄大”的人是自己完成的注册流程,或者是通过身边的其他人代其进行注册等等。
    2. 微博:微博应该多几个验证身份的注册方式。不知道作者是否潜心研究过注册这个流程。我也是粗浅的理解,不一定对。但我一直觉得,在注册流程每多一个环节就会降低一次转化率。注册对于公司来讲是必需的,但对于用户来讲并非必需,我只想发个状态付个钱,如果要我做那么多验证,为什么我会选择你家的产品呢?而且防止水军的方式有很多种,从注册端去防控恰恰是最不友好的一种,毕竟使用产品的用户除了水军,绝大部分还是正常的用户。
    3. lofter:登录页面滑动的内嵌页太多,恐怕很多注册登录的人都不会看。这里的恐怕很多,是否又是拍脑袋得到的结论呢?我没使用过,所以不太过多评论,但每个页面下面貌似都有直接登录or注册的按钮可以跳转的吧~
    4. 关于最后的指纹问题。我个人认为,没有推广指纹注册的原因并非你提到的父母,毕竟类似于支付宝or微信,在支付环节都有指纹支付,但如果你不想or机器不支持,也可以使用密码支付,所以我觉得并不冲突。而我能想到的原因,就像我上面说的,注册对于用户来讲不是一个必需甚至是累赘的过程,但对于公司来讲是必要的,因为有了注册才会有账户,有了账户才可以更好的进行管理,比如画像、定向推送等等,包括资金的管理、信息的管理等等,同时注册用户数也是一家公司能否活下去的重要指标。所以可以理解,为什么有些注册只支持手机号注册。那么回到这个问题,指纹的私钥一般都是在手机本地(如果说错了就当我没说,哈哈),而并不能像其他密码一样上传到服务器,所以目前来讲指纹只能证明你是你,但不能告诉我你是谁。在这种情况下,服务端无法根据“确认这个指纹就是设置指纹密码的人所有”而判断你是谁,那么就无法做到我上面说的事情。这也是为什么现在指纹等生物识别方式更多的使用在验证核身环节,而非你提到的注册环节。

    来自浙江 回复
    1. 嗯,我用心的看了三遍你写的这个回答,刚才上课的时候也一直在思考你提的这些问题,回复晚了很抱歉,我也在思考哈哈哈。
      感谢的话不说了,就你每一点建议我也来说说自己的看法,我也是初学者,说的一些肯定也不是很专业。
      1.微信注册页面字体大小问题,首先可以看到QQ的注册有很多重要的地方是很大的,我觉得这点很好,当然我没做过什么调研,我在一些数据网站上也并没有查找过关于注册登录页面的有关调研数据,我承认,我没有调研过你说的这些问题。我只能说,我爸在家跟我聊微信的时候都是带着花镜给我发消息的,而且我爸几乎也怎么会用智能机,有很多操作如果我不在他身边,他不会自己弄这些东西的,所以我个人建议,微信的这个大一点会比较好。
      2.关于微博,首先,微博在用户使用上,已经算是社交软件用户很多的大app了。我的建议,是在注册微博的时候,就请绑定身份证号,也并不是很多验证,当然我没有具体写到上面的文章里,抱歉!我首先是一个微博重度爱好者,我特别讨厌在那些我讨厌的明星下面水军的留言,他们就决定着那些路人粉丝的舆论导向,随意歪曲事实。如果不从注册开始就组织水军,会让网络风气更加混乱。这是我粗略的理解,有错误希望你继续指出来。
      3.lofter是我经常用的,我喜欢在上面写同人文,画图。我说的是那个,上面的那个图标,其实我第一次使用的时候也没有看哈哈,写这篇文章才开始注意的。但我很喜欢lofter整个app的感觉,喜欢谁就能看见谁,不会推送其他的东西,很简洁,哈哈哈推荐你也下一个玩玩。
      4.至于指纹这个问题,既然有了免密支付,指纹支付,就证明这个指纹还是被采到了。因为我试了试如果把网断了之后指纹支付,他是不能识别的,而且如果我的手机导入的是我大拇指的指纹,支付宝导入的是食指的指纹,那为什么支付宝使用我拇指会扫不开。我个人觉得,这个指纹可能也存了下来吧,只是个人想法,估计可能不太对,哈哈哈抱歉没有查什么专业的资料。也希望以后的注册,大家都可以直接扫一个指纹就完成所有的注册过程,每个人都拥有了自己的网络名片。只是一个愿望而已吧。
      写这篇文章总共写了不到一天时间,而且没什么技术向数据,真的不是很专业,我也在一点一点学习,十分谢谢你写的每一句话,我都有仔细看,思考。如果可以,也希望以后继续交流!!

      谢谢!!

      来自辽宁 回复
    2. 根据你的回答,还是有些想法,和楼主交流下。
      1. 微信注册文字大小的问题。其实我觉得对于你提到的大龄群体的使用问题,更多的是对于流程的不理解,单纯的放大字体也许会友好一点,但依然无法从实际上解决你自己提到的“有很多操作如果我不在他身边,他不会自己弄这些东西的”这个问题。一个很简单的测试方法就是,依然对标QQ,那么让大龄群体用户注册QQ,是否能够正常走完注册流程呢?也未必。
      2. 微博水军问题。其实我还是想说,注册本身的流程对于用户来讲是非必需流程,所以在设计注册流程上,各产品势必都会越简单越好,所以为什么很兴盛三方登录免注册。绑定身份证号,的确从系统流程来讲是不繁琐的,但在用户注册漏斗上一定会有一个很明显的体现,那就是大大提高了用户本身的注册成本,从而导致注册量大大减少。我来你家玩,你又是让我换身衣服又是让我洗个澡我肯定不愿意来,为什么,就因为我觉得太麻烦。先不说用户是否信任你就直接填写身份证号,就按照你上来就问用户要身份证号这一点,肯定会赶走不少人。的确,你可以防住水军,但你的确也防住了很多正常的用户。所以在注册增加门槛是非常不友好的行为。如果你想防住水军,单就身份证号的采集这点来说,你可以设计成“如果需要发帖或者回复,那么需要输入身份证号完善身份”这种机制,虽然一样不友好,但至少用户你是拉过来了,他想拥有越多的权限那么他就要做更多的验证,这点是可以考虑的。
      3. lofter,依然那句话,没用过,就不多评论了…
      4. 至于指纹,之前有幸接触过指纹核身的需求,也接触过一家专门做指纹验证的公司。虽然没有更深入的了解里面的原理,但是皮毛的东西也接触了一些。指纹被采集到了,这点你说的没错,但采集到的数据是保存在本机的,而且采集到的并非是指纹的图像,而是转换和加密的特征码。在这个过程中,并没有将你指纹的数据上传到服务端,也就是说,服务端不会像知道你的密码一样能知道你的指纹信息。相反的,指纹会采用公私钥的机制,在你录入指纹的时候会在你的设备上生成一个私钥,然后client会上传这个私钥信息到服务端进行匹配。你提到了网断了,实际上是因为无法将你的识别信息上传,而非把你的指纹信息上传,服务端拿不到验证信息,自然就不会通过你的支付请求。从这个角度考虑,还是我第一次回复你的,通过指纹识别只能知道你是你,而不能知道你是谁。这也就是为什么指纹识别作为验证而不能作为注册流程的原因。

      来自浙江 回复
  5. 登录和登陆,通篇前后各种变,用的是智能ABC吗?

    来自浙江 回复
    1. hhhh其实我用的微软自带

      回复
    2. 你的测试手机不是iPhone么。。。

      来自浙江 回复
    3. 你的测试手机不是iPhone么。。。为啥是微软自带。。

      来自浙江 回复
    4. 是用电脑写的文章,微软的输入法

      来自辽宁 回复
    5. 这里是语文考试卷子吗?

      回复