2023年从“定义”到“解决”来了解什么是影响用户体验的误导信息

从“定义”到“解决”，来了解什么是影响用户体验的误导信息在唐·诺曼的书《情感设计：为什么我们爱（或恨）日常事物》中，唐诺曼描述了一项讨论，他发觉“……[a]系统的美学程度影响了使用后对美学和可用性的感知，而实际可用性的程度没有这样的影响。”

换句话说，视觉设计对整体体验的影响与实际可用性一样大。

其实是没有那么肯定，视觉不管在工业产品上还是互联网产品中都会对整体体验有肯定的影响度，用户体验是用户使用产品的感受，用户的感受会受到产品本身的功能、外观以及用户当时所处的环境。

例如我们日常使用的杯子，此时的你需要一个既能装2L水又好看的杯子，当从网上购买的杯子到货时发觉杯子比预期的少装0.5L水，而且外表上也没有图片上那么好看，那么此时估量大部分人都想去退货或者投诉。

或者说杯子水装的够多，但是外观上想要的是个商务风格，但是商家发错了你拿到一个上面布满卡通图案的杯子，这时大部分人的内心估量也是想去找商家理论。

用户的体验是会受到各种缘由所影响，一个小小的错误亦或者是跟用户的预期落差太大，都会影响用户的体验，所以视觉设计对用户的体验是既存在也合理只是它可能没有产品功能上的影响那么大。

在本文中将讲解UI设计中如何避开误导信息，误导信息对体验的影响。

一、什么是误导信息

误导信息其实就是产品传达的表意与用户看到后理解上有差异，像图标、文案、交互反馈等等都会消失误导的状况。

1.误导信息影响体验

当我们在点击一个链接、按钮或者图像时怎么点都没有反馈，我们可能会以为是网络问题，最终却发觉产品功能上本身上就不行点击，但是在视觉上让人误以为可以点击，这就很直接的影响到了用户体验。

2.设计者如何发觉问题

当我们以上帝视角去观看产品时，如何发觉问题呢？

我这里推举用数据画板、页面热图等工具去发觉问题，当新上的功能页面发觉数据特别时最简洁最快的方式就可以去通过热图发觉（设计师最快的方法，像发觉策略问题、功能问题等就不推举了，大多都不在设计师范畴内）。

下图中是一个社区的页面，这里做了一个虚拟的热力图，那么作为设计者如何发觉问题。

假设这里内容里的《今日消遣圈》不行点击，产品功能上不支持，那么从热力图上可以看出，用户点击《今日消遣圈》的次数跟关注的次数相等，那么代表着视觉上这里的信息传达则误导了用户，导致用户认知错误，并且会间接影响其他关键入口的点击。

3.对产品数据的影响

当前期没有发觉问题时，设计者通过看热力图去进行数据分析，则会导致数据分析不精确     以及后续的产品策略方面可能产生偏移。

二、误导信息有哪些维度

除了上面的例子在做页面设计时则需要避开，对用户产生误导的因素还有很多下面逐个来看。

1.误导性文本或UI元素

多年来，某些UI设计选择变得越来越普遍，有些已经达到了成为既定设计惯例的地步，偏离这些商定成俗的设计方式可能会给用户体验上带来影响，由于用户已经被国内众多产品培育出肯定的习惯。

例如，带下划线的文本通常被理解为一个链接，因此用户在使用时会尝试点击它，当该段文字具有下划线但是却不支持点击可能会导致用户体验与期望不匹配，从而引起用户连续点击，最终造成影响用户体验的因素。

2.响应缓慢且缺乏反馈

假如用户单击或点按某个元素但没有快速收到反馈，用户可能会反复单击以确认单击是否有效，在这些状况下用户需要看到正确的加载消息或其他一些视觉性的反馈，这样能够关心用户缓解焦虑心情，避开用户流失。

3.错误死链接和不完整元素

假如通常可以交互的元素突然变得无响应，则用户可能会以粗暴的方式做出响应，例如多次点击该元素或者某个位置进行尝试，我们在做的时候需要确保元素和链接的功能性，以及视觉上的表意，这点在用户使用体验上影响比较大。

下图中的直播列表“标签”在视觉上以多色形式展现，在用户认知中多色标签即可以点击进入此标签下的内容页，当此处无法点击时用户就会产生怀疑为什么不能跳转、为什么点了没反应等。

另一个产品的页面中的“勋章墙”元素同样有这个问题，从价值上来看勋章墙在页面中核心位置主要目的是盼望用户能够直观看到自己拥有多少勋章，从而产生成就感，对于勋章这种视觉表现较强的元素，应当放大去凸显其视觉价值，从视觉的维度去激起用户的欲望。

4.标题不明确或者导航混乱

对于产品来讲一般用户分为有目标、无目标两种，对于有目标的用户在使用产品时盼望能够在最快的时间找到自己想要找到内容，而无目标的用户则需要产品向用户展现时，需要把重点功能内容传递给用户，让用户尽快的使用起来，假如产品的标题导航在视觉上就混乱不堪，没有任何层级而言就会导致两种用户在使用效率上大大降低，体验相对也较差。

假如产品内的标题导航文案等传递的信息有误，那么会也许率造成用户误操作，使用路径上也会降低效率。

三、如何避开这些问题

1.统一的文字规范

在对一些关键信息或者反馈信息进行文案描述时建议使用比较易于理解的话术，这样在基础理解上不会造成误会，在进一步可以让这些话术更具有情感化、人性化。

2.优化加载速度

有人说加载速度取决于技术和用户的网络设计能起到什么作用呢？

还真能，在做动效或者简单反馈动效时，常用的格式即为GIF、json、pag、svga这4种格式，在做简单的动效时首先排解gif文件，内存上它任凭做一下都几十kb，质量上也相对较差一般不建议使用，后面三种格式各有各的优势，从本质上都能够避开内存过大导致加载过慢。

3.统一的设计规范

在设计产品的初期就要考虑设计规范的问题，规范打算着产品将来的延展性、全都性、严谨性、体验程度等，我个人在做产