编者注：本文为《用户体验的要素》读书笔记。作者是位专注于电商的快速购物的产品经理。虽是旧文，但从学习借鉴和可操作性方面仍不失一篇好文。

本文为读书笔记的最后一篇，建议先阅读前面的三篇

网站如何做好用户体验（一）

网站如何做好用户体验（二）

网站如何做好用户体验（三）

 表现层：视觉设计

内容、功能和美学的汇集，产生的最终设计将满足其他四个层面所产生的所有目标。

表现层：解决“弥补网站框架层的逻辑排布”的视觉呈现问题。

1.（1） 评估一个视觉设计方案，应该把注意力集中在“运作是否良好”上。

如：视觉设计给予它们的支持效果如何？网站的外观使结构中的各个模块之间的区别变得不清晰、模棱两可了吗？还是强化了结构，使用户可用的选项清楚明了了？

（2）评估一个页面的视觉设计的简单方法：忠于眼睛。

（3）一个成功的设计有2个重要的特点：

•  > 遵循的是一条流畅的路径；
•  > 在不需要太多细节来吓到用户的前提下，它为用户提供有效选择的、某种可能的“引导”。

2. 对比和一致性

（1）对比是重要手段，能帮助用户理解页面导航元素之间的关系。同时，对比还是传达信息设计中的概念群组的主要手段。

（2）在设计中保持一致性是另一个重要的组成部分——基于网格线的布局（grid-based layout）

（3）视觉设计的一致性一般会有2种毛病：

内部一致性的问题，即是，在网站的两个不同的地方反映了不同的设计方法。

外部一致性的问题，即是，这个网站没有在同一个企业的其他产品中，反映出被使用的、相同的设计方法。

3. 配色方案（color palette）和排版（typography），品牌识别，传达品牌形象

4. 设计合成品（design comp）：最终的可视化产品

风格指南（style guide）：汇总文档，确定了视觉设计的每个方面

要素的应用

创建用户体验其实就是大量收集亟待解决的非常细微的问题。

了解你正在试着解决的问题。

了解你的解决方法所造成的后果。

大部分，关于用户体验的决策总会体现在以下场景：

由现状决定的设计（design by default）：发生在当用户体验的结构遵循其背后的技术，或你的企业结构。来自企业内部不同部门的内容，也只有在放到一起而不是保持独立的时候才会更好的服务于用户。

由模仿决定的设计（design by mimicry）：发生在当用户体验依靠于来自其他网站、公共刊物或软件应用程序的相似情况时。

由领导决定的设计（design by fiat）：发生在当用户体验由个人喜好来决定而不是由用户需求或网站目标来驱动的时候。

提出正确的问题：

有意识、有目的地做出每一个决定，并在执行时将每一个决定都建立在对其背后的议题的理解之上。

正确的态度：不要以“节省项目时间或金钱”的名义对用户体验敷衍了事。

专注于用户体验中某个具体元素的问题，能帮你收集来自用户的更多的相关信息。不然很可能以提出错误的问题而告终。

不能简单地依赖用户来阐明自己的需求。创建任何一种用户体验的挑战是“比用户自己更准确地理解他们的需求”。测试可以帮助你了解用户的需求，但它只是能达到同样的目的的许多工具之一。

局外人看网站（or第一次进入网站开发过程的时候），关注点在五层模型中最靠近顶部的、更显而易见的要素上。但那些需要更仔细审查才能感知的要素（战略层、范围层、结构层）在决定用户体验的最终成功或失败方面扮演了必不可少的角色。大多数情况下，在上一级层面中的错误可以被更低一级层面的成功所掩盖。

如果在网站开发的时候，始终从完整的用户体验出发，那么最后得到的网站就是一份有价值的资产。每一件与网站的用户体验相关的事情都是经过有意识地、明确地决策的结果，只有这样才能确保这个网站能同时满足你的战略目标和用户需求。

作者：王洛堇

文章转自：http://www.wangxuntian.com