重读：用户体验要素之表现层

2018-05-10 本文已影响222人产品王同学

重读：用户体验要素之表现层

业务方、BOSS除了对功能特性兴趣之外，还对UI视觉特别来劲。很显然，这是离用户最近的一层/要素，是用户最先感知的，更是其他四个层面的全部目标的外化表现。

框架层主要解决放置的事情，界面设计考虑可交互元素的布局，导航设计考虑在产品中引导用户移动的元素的安排，而信息设计考虑传达给用户的信息要素的排布。再向上就是表现层，那么该如何解决并弥补产品框架层的逻辑排布的感知呈现问题？

这就是《用户体验要素》第五层——表现层，感知设计。

用户体验要素之表现层

每一次经历最终都是通过我们的感觉器官来进行的。在整个设计流程中，这是用户提供体验的最后一站：决定设计最后要如何被人类的感觉器官感受到，包括：视觉、听觉、触觉、嗅觉和味觉。哪些感受将被纳入设计是由我们的产品类型决定的。

嗅觉和味觉，一般不再互联网产品的考虑范畴之内

切记：运作是否良好，而不是什么具有美感。

评估一个产品视觉设计的简单方法之一，是提出这样的问题：你的视线首先落在什么地方？哪个设计要素在第一时间吸引了用户的注意力？它们是对于战略目标来讲很重要的东西吗？或者用户第一时间注意到的东西与他们的（或你的）目标是背道而驰的吗？

人们视线的移动方式遵循着相当一致的模式—毕竟，这些大多数是无意识的、本能的移动。

用户在页面上的视线移动并不是随机的。它是一种所有人类共有的、对于视觉刺激而产生的、一系列复杂的原始本能反应。

在视觉设计中，我们用于吸引用户注意的一个主要工具就是对比（contrast）。不管怎样，这些工作的总体策略是，让“差异”必须足够清晰，用户要足够分辨出某个设计选择是特意要传达一些信息的。

在没有设计标准的情况下进行工作是不好的，但是教条地遵守设计标准，而不顾你适当的需求就可能会更糟。

一个成功的设计不仅仅是收集小巧的、精心设计的东西；相反，这些东西应该能形成一个系统，作为一个有凝聚力、连贯的整体来使用。使用不同色度的红色，要保证它们之间的差异足够用户把它们区别开，同时也用了一致的方式来应用它们。

线框图的核心概念，尤其是信息设计方面，应该显著地呈现在设计合成品中，即使它们没有精确地按照在线框图中出现的样子来进行组合。视觉设计不一定要精确地按照线框图来做—只要它考虑到了相关的重要级别以及线框图中各元素的组合关系。

有了风格指南，你就有了一套唯一且高效的方法，让你的产品看起来像是一个协调一致的整体，而不是一堆乱七八糟的碎片。

于2018年05月10日晚10:00

内容更多细节，感兴趣的同学，请阅读原著《用户体验要素》