微信小程序登录产品设计详解

1、前言

2.1 微信登录【wx.login】

2.2 微信登录凭证校验【auth.code2Session】

2.3 获得用户信息接口【wx.getUserProfile】

3.1 产品设计原则

产品设计要遵循哪些原则？

以产品经理的视角，当然不是UI设计师的视角，结合这几年的工作经验，在我看来，我们在进行产品设计时，原则上主要需要考虑以下产品设计原则：

（2）界面风格的统一。产品的设计，界面风格要一致。不能给用户一种进入到不同的功能页面，就感觉像是换了一个产品。

（3）功能的直观易用。文案、话术、图标，要给用户非常明确的指示，同时在功能上，要符合大众的使用习惯，减少用户学习成本。例如，大家都习惯了顶部左侧的箭头代表“返回”，你的产品非要设计成是“关闭”，就有点尴尬。

（5）以及符合普适的价值观。这条就不多说了，产品设计要符合人性，不做恶。好的产品设计，会激发人性的善，而坏的产品设计，会刺激人性的恶。虽说技术是中性的，但产品不是。产品总会存在着某种鼓励，把人引向某处。

因此，在设计登录产品时，就要在产品“门面”上下足功夫，符合产品设计原则。我们更多的要考虑，获得用户OpenID后，是不是有必要获得用户更多的信息？什么时候需要获得用户这些信息？

3.2 登录流程设计

（1）到了登录环节，先查看用户的Session是否过期。使用【wx.checkSession】接口，如果无效，则调用【wx.login】，获得用户的OpenID和Session。

（2）若用户Session有效，则去调取先前存储在本地的Token。用户首次登录，本地是不会储存Token的。如果获得了用户Token，则说明已经是老用户，可以根据用户的Token到产品的服务端获得对应用户的信息。登录完成。

这样设计的好处是一个看似简单的登录有很多细节，但给用户的授权确认，只有一次。可以极大的减少产品对用户造成的骚扰。用户才刚使用产品，一上来就要用户提供信息，就像是男女生相亲，刚见面就要查户口一样，未免显得太鲁莽。

3.3 登录产品界面设计

界面设计不是难点，难的是在产品设计中产品如何做好应有的“克制”。一个用户上来就是简单看一个新闻，你的产品非要用户提供身份证号，这种产品设计明显不是很合理。这种产品界面就不应该出现。

4、结语

我一直认为，那种短期内为了创造用户增长而无限度地透支用户信任的产品，一定不是一个好产品。作为企业，作为领导，作为产品经理，都应该从用户角度出发去制定产品策略，去设计产品功能，而不是采用杀鸡取卵，竭泽而渔的方法，去盲目追求所谓获客数、活跃度、增长率。

虽然说“自古深情留不住，唯有套路得人心”，但是换个角度，用户之所以能被你“套路”，是因为信任，你只能套路用户一次，当用户不再信任你时，之后你的产品做的再好，要在用户和市场中建立口碑也是非常难的。

#专栏作家#

王佳亮，微信：佳佳原创，人人都是产品经理专栏作家。中国计算机学会（CCF）会员，专注于互联网产品、金融产品、人工智能产品设计理念分享。