APP登录界面设计：注册框 or 登录框，哪个更合理？

登录和注册过程往往是产品和用户的 First Sight，因此登录注册入口是给用户留下好的第一印象的关键。遵循“所有的设计都应有据可循”的原则，下面是我司设计团队对“登录界面该放注册框还是登录框这个问题”的探讨。

对于一般需要账号体系的产品，都是按照注册、登录、认证这样的顺序来设计的。根据具体的产品发展阶段，在起步探索期，用户量还没有达到一定量级，处在拉新阶段的产品会突出注册。而成熟发展期的产品已经有一定用户量级，为了照顾大多数用户的体验，尽量突出登录。不管突出哪个流程的操作，另一个都不能隐藏太深，依然需要放在显眼易操作的位置且简短用户操作路径。

以喜马拉雅APP为例，放了登录按钮，一系列操作都是在进行登录流程。而根据产品政策，首次登录的手机账号自然而然就注册成功了。这里涉及到一个比较省事的设计方案：用户登录即注册。

为了降低用户注册的成本，很多APP都会简化用户操作，用户在前台一键登录，后台只需要进行判断，新用户首次登录就走注册流程，而老用户的手机号、第三方账号，则直接走登录流程。用户只需要使用产品，顺着操作指引一直点击确定就可以顺利使用了。

如上图所示，两个例子其实都包含了第三方登录/注册。利用第三方登录能够免去注册的麻烦，让用户快速通过登录门槛，进而使用产品提供的主要服务，降低因为登录注册带来的用户损耗，同时使用第三方账号登录有利于产品初期的宣传推广。

国内常见的第三方登录有微信、QQ、微博、Apple ID登录等，这些用户基数大的或者用户匹配度高的三方登录平台都提供了开放平台用于接入。

其优点是用户操作路径短，操作简便省事。

缺点是容易造成一人多号的问题，且只能获取到有限的用户信息，无法提供更加精准的运营活动。

而喜马拉雅这里使用了“伪第三方登录”，用户首次使用第三方平台登录后，继续让用户绑定手机号或完善用户信息，以获取更加有效、真实的用户数据，也就是伪第三方注册。这么做同时也防止了一人多号的问题。

2016年《个人信息保护规范》发布后，现在一定要用户在使用产品勾选《用户使用协议》《用户服务协议》，不能默认给用户进行勾选。用户注册登录的前提条件是需要打勾，这类机制是在APP新下载或新版本更新下，会再次提醒。APP隐私协议/政策，其作用类似于我们购买食品的“产品说明书”，须将申请的个人信息原因、用途等等清晰表明，并与相应的进行权限管理等等。

这样有两个好处：产品去掉不合理的权限申请或个人信息收集；而监管机构有了“抓手”，有了监管的基础。我们在设计登录/注册页面时一定要合规合法，对用户负责也对产品负责。

如何判断用户到底是登录多还是注册多，或者哪些操作是否容易，除了根据产品阶段进行判断也可以在登录注册做页面数据埋点，检测查看用户的访问深度，用来判断产品设计的路径是否过长，用户操作行为如何。

参考资料：

《Why are the username and password on two different pages?》，KELLEY ROBINSON

《从0到1，以登录注册建立账户体系》，Kevin

《建议收藏｜登录注册产品设计的关键节点都在这》，Kevin

APP登录界面设计：注册框 or 登录框，哪个更合理？相关推荐

浅析网站 APP 登录界面设计
无论网页或是移动APP的设计,很重要的一点是如何能在小而美和功能复杂性之间找到平衡点.本文就移动APP表单设计进行浅析,看设计师是如何在设计与交互体验之间做到小而美的平衡. 一.极致的减法这是一个异 ...
pyqt5登录界面设计——模仿qq登录界面，可登录注册（数据库）
pyqt5登录界面设计--模仿qq登录界面一.简单易用的可直接登录的界面--账号密码程序写死 1.1.效果图: 1.2.视频效果图 3.代码说明 4.使用示例 5.全部源码见: 二.带数据库的可登录 ...
html5好看的注册页面设计,Material Design风格用户注册登录界面设计
这是一款Material Design风格用户注册登录界面设计效果.该设计由用户登录,用户注册和忘记密码三个界面组成.设计中的所有元素都以Material Design为基础,整体效果时尚大方. 使用 ...
web用户登录界面设计_UI设计师怎样做界面设计？
当你构建用户界面和网站的时候,有各种各样的关于界面设计方法和模式的信息你可以使用,对常见问题的解决方案和一般可用性的建议. 下列给出的准则可能会引导你创造一个良好的用户界面,但是究竟什么才是一个良好的 ...
UI设计使用模板素材|登录界面设计
登陆注册界面在咱们APP UI设计过程当中最有可能是最先接触到的东西,因为现在对于绝大部分的APP来说都有,形式也都差不多,估计大家认为设计出来的东西也都差不多,或者没有花精力去设计. 怎样让登录界面 ...
Android程序登录界面设计
刚刚学习Android开发,现在工作需要开发一个app的演示程序,首先就是要开发一个登录界面了.在网上找了很多材料,最后参考了博客中的登录界面设计方法: blog.csdn.net/StayFooli ...
Android之登录界面设计
Android之登录界面设计这篇文章主要讲述Android开发中常用的APP开发界面–登录界面的开发(由于博主是初学安卓,可能有些小伙伴会感到简陋,我会继续努力学习新知识的,大家一起加油). (1) ...
web登录界面设计_出色的Web界面设计的7条规则
web登录界面设计 When you work on a website or on the design of web pages, remember that their success is n ...
python做带数据库的登录界面_Python3 Tkinkter + SQLite实现登录和注册界面
本文实例为大家分享了Python3 Tkinkter + SQLite 实现登录和注册界面,供大家参考,具体内容如下 Ubuntu14 + Python3.4 + Pycharm2018 一.设计数据 ...
舒服的网页登录界面设计灵感
登录注册就是"一扇门",一扇让产品和用户真正互通的门,让产品可以给用户体现出更多价值的门. 所以这个门一定要: 够宽.门槛够低.一直开着.记忆每次进出- 设计师交流社区集设网 w ...

APP登录界面设计：注册框 or 登录框，哪个更合理？

APP登录界面设计：注册框 or 登录框，哪个更合理？相关推荐

最新文章

热门文章