干货 | 如何在UI设计中对页面进行信息脱敏

在数字经济大背景下，海量数据在各种信息系统上被存储和处理，其中包含大量有价值的敏感数据。其中产品中的信息脱敏是一项关键工作，它确保了用户的隐私安全。

今天，我们与AdBright 高级UI设计师一起来探讨如何在UI设计页面中做好信息脱敏工作。

UI设计在信息脱敏方面的工作是确保用户界面上的敏感信息得到妥善保护，以满足隐私法规和用户隐私保护的需求。隐私保护在移动端和PC端同样重要，只不过在不同设备上可能有不同的交互处理方式和考虑因素，基于这一点本次讨论内容不做设备区分，将从信息脱敏的类型及处理方式来阐述。

个人身份信息

个人身份信息，包括真实姓名、生日、证件号（如身份证号、护照号、驾驶证号等）等所有与本人身份证明相关的信息，此类信息通常不能直接暴露给他人，常用于做身份验证确认。

常见的处理方式为*号隐藏，例如：

1）身份证号码4204**********8888，部分甚至只展示头尾1位数字，具体可视产品本身情况而定

2）微信转账的真实名称匹配确认：昵称（**天）

身份证示例

微信转账真实姓名确认

通讯信息

通讯信息，包括电话号码、邮箱、社交账号等，其中个人手机号脱敏权重最高，脱敏方式也很常见，我们可能在日常使用美团点外卖、淘宝购物、快递面单等环节经常会遇到类似场景。

展示层通常为*号隐藏，如136****8888或136******88，目前较多场景为保护个人隐私，会配合虚拟号码（号码加密）的模式使用，呼出后对方显示为虚拟号码，无法回拨。

联系美团骑手弹窗

金融和支付信息

金融和支付信息主要包括：

1）账户余额，默认会***隐藏

2）银行账号、信用卡号、支票号码、薪资信息等，此类型信息通常会结合密码等二次验证功能一起设计，比如查看完整的银行卡号需要密码验证就是很常见的使用场景

支付宝账户余额，默认隐藏

查看完整银行卡号需二次验证

登录和安全凭证

登录和安全凭证主要需注意密码的保密处理，常见的处理方式为，所有的密码输入都默认隐藏展示，如手机锁屏密码、平台账号登录密码、支付密码等。

账号登录等密码输入默认隐藏

敏感业务信息

敏感业务信息包括法律文件和合同、商业机密、客户数据、公司数据、员工情况等，这个在To B产品设计的场景中涉及会较多，在设计这类产品时，需特别注意加强数据权限控制，避免权限错漏导致信息泄露的问题。如果设计师对外呈现作品，这部分也是需要重点脱敏的部分，例如合作客户名称及其对应的合作数据等，均需模糊化处理，不能体现真实客户情况。

其他个人信息

其他的个人信息，包括性别、GPS定位、种族、宗教信仰、政治观点、社交和人际关系信息等。这一类型的信息一般不强制做脱敏处理，但是需要给到用户权限可以自由决定是否隐藏或是否开放对应访问权限。例如，比较常见的是现在大部分的社交软件，都会给到用户权限去关闭访问记录、查看关注/粉丝列表等。

小红书个人隐私设置部分内容

综上所述，不论是移动端还是PC端，脱敏都是确保用户数据隐私的重要一环。在做产品设计时，关键是要了解哪些信息对用户和业务流程至关重要，哪些信息可以被隐藏或模糊化，以确保用户隐私得到妥善保护，同时保持系统的功能性和实用性。

另外，随着隐私法规的不断变化和用户对数据隐私的关注增加，UI设计师也需要时刻关注最新的隐私保护标准和对应设计方案，以确保产品界面能妥善处理用户信息。