编者按：微信小程序自上线以来，日活跃用户超4亿，相关从业人员536万，成绩斐然。然而现实中，很多商家的小程序应用在注册登录方面产品设计不合理、不流畅，给用户留下不好的第一印象，导致用户流失，影响产品口碑。微信小程序登录该如何设计？

一、引言

微信小程序是腾讯于2017年推出的一款无需下载安装即可在微信内使用的应用。据艾瑞咨询报告显示，微信月活跃设备数高达12亿台以上。相较于传统APP，小程序最大的特点就是便捷。在各大商家产品的用户增长遇到瓶颈期后，通过微信小程序为用户提供相应服务成为获取用户、留住客户的另一大方式，从而实现各类商家产品业绩的新增长。

商家将自己的应用打造成小程序，用户的注册和登录是触达客户的重要途径，也是后续产品服务的基础。但现实中，很多商家的小程序应用在注册和登录环节的产品设计不合理、不流畅，给用户留下了不好的第一印象，导致用户流失，影响产品口碑。

微信小程序登录产品功能的设计细节有哪些？小程序登录该如何实现？什么时候需要登录，什么时候不需要登录？如何设计小程序登录才能给用户最好的产品体验？本文将详细解答这些问题。

2. 小程序登录涉及的主要产品接口

在设计微信小程序登录产品之前，产品经理必须对微信小程序登录流程以及相关产品组件有一定的了解。不了解小程序的原理和组件参数，很难从根本上设计出美观的登录产品。产品经理必须知道微信小程序登录的“是什么”和“为什么”。本章将介绍微信小程序登录涉及的相关产品接口。

这里有个细节，调用登录凭证验证 [auth.] 会返回三个值： 、 和 。特别需要注意的是，它可以用来区分用户的唯一性，这个唯一性在整个微信体系内都是唯一的，包括网站、公众号、APP 都是唯一的，同一个用户也是唯一的。如果你的产品涉及到多个腾讯应用的登录，为了方便关联用户，可以统一标识用户。

2.3 获取用户信息接口[wx.]

获取用户信息的接口在授权相关功能下。授权相关接口对于大家来说已经不陌生了，在目前的微信小程序应用中非常常见。当用户进入某个产品的小程序时，会要求获取用户相关信息，而是否同意或者拒绝则由用户自行决定。授权相关的接口有很多，比如用户信息、地理位置、后台定位、微信运动、录音、相机等。对于产品登录场景，我们主要使用用户信息授权。

3. 小程序登录产品设计

3.1 产品设计原则

产品设计应该遵循什么原则？

站在一个产品经理的角度，肯定不是UI设计师的角度，结合我这几年的工作经历，在我看来，我们在设计产品的时候，主要应该考虑以下几个产品设计原则：

明确产品定位。我们的产品的目标人群是谁，产品定位是什么。如果目标人群是儿童或者老人，我们的产品设计一定要非常简单，而且考虑到老人，字体大小、字符间距都要符合老年用户的使用习惯，所以在设计小程序产品的登录功能时一定要考虑到这些因素。

界面风格要统一，产品的设计和界面风格要一致，用户进入不同的功能页面时，不应该感觉换了产品。

功能要直观易用，文案、文字、图标要给用户非常明确的指示，同时功能要符合大众的使用习惯，降低用户的学习成本。比如大家都习惯了左上角代表“返回”的箭头，如果你的产品设计成代表“关闭”的箭头，那就有点突兀了。

人性化，不骚扰，不强迫。我在使用很多APP的时候都深有体会。输入手机号后，营销电话立马就来了，APP上各种与功能无关的广告让人防不胜防。我非常讨厌这种APP。另外，很多小程序的设计都千篇一律，有些小程序在用户还不知道自己在干什么之前就要求用户提供信息。对于这种小程序，我宁愿不用，也不愿意点击“授权”把信息给他们。

并且符合普世价值观。这个我就不多说了。产品设计要符合人性，不作恶。好的产品设计会激发人性的善，坏的产品设计会激发人性的恶。虽然技术是中性的，但产品不是。产品总是有某种鼓励作用，把人引向某个方向。

因此，在设计登录产品时，一定要在产品的“门面”上下功夫，遵守产品设计原则。我们应该更多地考虑：获取用户之后，是否需要获取用户更多的信息？什么时候需要从用户那里获取这些信息？

3.2 小程序登录流程设计

我们以普通用户为例，在扫描小程序码或者从别人的小程序打开小程序时，应该先呈现小程序的基本功能，而不是马上要求用户提供个人信息。用户对小程序提供的功能有一定的了解，有些产品功能需要用户登录后才能操作，此时再提示用户登录，获得用户授权还为时不晚。

我觉得很多小程序产品一开始就要求用户授权获取个人信息，这可能是因为公司对小程序的获客量有一个KPI（Key ，关键绩效指标）考核。但这有什么用呢？即使第一次使用获得了用户信息，如果用户再也不登录，对产品的增长也没有任何帮助。所以公司在设置产品KPI时，应该改变考核方式，不要只考核获客量，而应该考核活跃用户占总用户的比例。

对于用户登录阶段，可以参考下面的小程序登录流程图。流程如下：

到了登录阶段，首先检查用户的ID是否过期，使用[wx.]接口，如果过期则调用[wx.]获取用户的ID和ID。

如果用户有效，则在本地获取之前存储的，如果用户是第一次登录，则本地不会存储，如果获取到用户，说明他是老用户，可以根据用户去产品服务器获取相应的用户信息，登录完成。

如果本地没有存储，就调用【wx.】获取用户的and，此时我们可以将获取到的用户匹配到自己的服务器上，如果有，说明是老用户，我们可以获取用户信息，合并，生成，返回给微信小程序，调用【wx.】保存在微信小程序客户端，登录完成。

如果获取到的用户和服务器中的用户数据不匹配，说明是新用户，此时使用【wx.】向用户请求授权获取用户信息，添加用户后会保存在微信小程序客户端中，登录完成。

这样设计的好处是，看似简单的登录却有很多信息，但用户的授权确认却只有一次。这可以大大减少产品对用户的骚扰。在用户刚使用产品时就要求他们提供信息，就像相亲时检查男女的户口一样，这似乎太过鲁莽。

3.3 小程序登录产品界面设计

其实在用户登录小程序的整个过程中，用户唯一需要确认的就是用户信息的授权，实际上用户注册的一些必要信息在这里就已经获取到了，如果不是绝对必要的话，小程序完全可以不设计登录和注册页面。而对于一些需要用户补充的敏感信息，比如手机号、身份证号，如果产品应用是绝对必要的，可以在后期在特定的场景中让用户提供，这就需要在具体的产品功能、具体的产品场景中进行具体的设计。

界面设计并不是难点，难点在于产品设计中如何做到“克制”。如果一个用户来到你的产品只是为了看一条新闻，而你的产品却要求用户提供身份证号码，这样的产品设计显然是不太合理的。这样的产品界面不应该出现。

四、结论

在设计小程序登录产品时，除了实现基本功能外，还需要考虑一些异常场景。这就需要产品经理在设计登录产品时定义各种处理登录异常的方式。同时，给用户的异常提示要直观、明确。例如，由于网络因素导致的信息调用和返回异常，也是小程序登录设计时需要考虑的。比如，如果用户拒绝授权信息，产品应该如何处理？在处理异常的同时，如何做到人性化，才能获得用户的信任。

另外，你需要非常熟悉小程序使用的各种登录相关的接口异常，把握细节可以避免很多坑。因为微信小程序后台也会因为各种原型导致接口异常、失败。比如接口信息返回超时、接口本身超时、系统繁忙、信息失效、小程序接口本身有调用频率限制等。产品经理在设计小程序登录时需要把这些都考虑进去。

我一直认为，一个为了短期创造用户增长而无限透支用户信任的产品，绝对不是一个好产品。作为企业、作为领导者、作为产品经理，应该站在用户的角度制定产品策略、设计产品功能，而不是采取杀鸡取卵、竭泽而渔的做法，一味追求所谓的客户数、活跃度、增长率。

虽然都说“自古情深难留，唯有套路能得人心”，但从另一个角度看，用户之所以能被你“坑”，是因为信任。你只能坑用户一次，当用户不再信任你时，无论你的产品有多好，都很难在用户和市场中树立良好的口碑。

回顾这些年来市场上的各种应用，无论你的理念有多新颖，无论你花了多少营销费用推广，都无法逃脱时间的考验。因此，微信小程序的产品设计更多的是向使用产品的用户传达一种态度。即一切从用户满意出发，以用户为中心。

#专栏作家#