用户体验升级指南—信息降噪，让界面信息更加聚焦

互联网时代信息泛滥，用户体验产品时快速且无成本的。

界面中的不同信息内容全都放在了一起，我们无意中增加了用户做出决定所需要的时间，迅速抓住用户的眼球，让用户在使用产品时高效且舒服，留住用户得天下。

大纲要点：

1.信息降噪

2.视觉反差比

3.统一信息的展示层级

4.简化交互行为

1.信息降噪

将主要内容意外的部分弱化或隐藏，让用户的视觉范围聚焦在主要界面的主要内容区。

以下为两个方面的示例：

a.头部减负（弱化）

头部运用品牌色，是企业为让用户留下品牌印象的普遍做法。

如图对界面进行高斯模糊处理，根据醒目程度判定时，发现最醒目的是顶部搜索栏，而对bilibili这种以聂内容为主的产品来说，阅读需求才是核心。降低顶部栏背景与内容的的对比，使用户的视线更聚焦于内容本身。

b.线(隐藏/强化)

线可将不同层级和维度的内容区分，帮助用户感知信息层级。该类型的线在界面中主要起辅助作用，在视觉层级上可适当进行隐藏弱化处理。

同时线条也可为内容服务，对搜索框的边框进行加粗处理，让用户更加重视搜索框

2.视觉反差比

增强元素反差（明度；疏密；大小；状态）强化有效信息，弱化次要信息，帮助用户有效接收信息，更轻松获取信息。

可通过不同维度的视觉反差让用户聚焦目标区域。

明度/大小

疏密

动态

3.优先级排序

内容权重决定视觉权重

列出界面中的高频操作区和主要核心区，根据功能的权重情况着手进行时设计，并在设计走查阶段，可以反审自己的设计稿是尊从设计目标及原则。

1.通过梳理界面上的功能优先级，把最常用的功能提取出来并前置，减少了团队协作时所需要的时间。

2.视觉重度排序，去除视觉干扰因素。聚焦内容。内容至上

4.简化交互行为

相对于全页面进行跳转支付，浮窗的跳转形式，可以帮助用户快速的理解信息的层级。减少用户在页面间的跳转而带来的迷失感，简化路径为目的。

总结

强重点去干扰是是保持信息干净清晰，更好触达用户的保证；

因此我们拿到需求需重新梳理不同题材的结构，确保核心信息展示的唯一性。

思考的过程远比得到那个答案更加的重要。希望这些总结能为给予大家思路与灵感，更好的服务用户。