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