重新设计网页的任务:找到适当的核心数据像素率(3)

准则3：合理缩减重复数据像素

“重复数据像素”是指被毫无理由和目的地反复重复的视觉元素。

如图所示，下表是小时收费的停车场价目表。好的设计应该是一行字“10元／小时”。网页设计要能够概括网页内容并把它们简练、美观地呈现。

如何鉴别必要的重复？回到我们之前的支付页面实例，如果页面过长 （需要滚动操作），那设计上必须要有两个“支付”摁建。一个在最上面，另外一个在最下面，这样可以提高用户的效率，避免了不必要的滚动操作。总结来说，重 复信息可以使用在强调品牌承诺和提高用户效率上，仅此而已。

准则4：合理最大化数据像素率

每个像素都要有存在的理由，而这个理由就是它包含新的信息

– Edward Tufte， The Visual Display of Quantitative Information / 量化信息的视觉呈现

当设计已经消除了噪音像素和重复像素，接下去就是要分析是不是遗漏了核心像素。

在设计上添加像素 必须需要理由， 通常是能提高用户使用效率的必要的信息和功能。 例如：

提示用户所在页面的视觉元素：前进／后退多次之后，用户还可以轻松地找到信息。

唯美设计：色彩，字体和页面排版 － 保证品牌认可和网页展示之间的一致性。

适当提示： 指引用户使用页面功能。

一个比较好的实例就是字里行间的错误提示。我们来看一下 Quora 的 注册页面：页面设计简单，没有分散注意力的像素。 当你输入名字的时候，错误信息提示“需要输入全名”。换句话讲，本来可以作为提示文字的“请输入全名”，现在只有在输入错误时显示，精简了页面设计，又提 高了使用效率。并且这种实时检测用户名，也提高了后台的工作效率。

以下是对于一个页面通过“数据像素”鉴定后的前后设计比较（我们来看一下kalahari.com ）

首先找出页面上的非核心像素： 左下方过大的弯度， 导航目录底色过于明亮，分散了注意力， 等等。

然后，作者使用了这里介绍的“核心数据像素”最大化方法，把吸引力放在了核心功能：搜索。下图是结果：

准则5：编辑和修订

最后，设计师们需要再根据以上4个步骤对自己的最终设计产品进行修订。用户界面设计可以说是一个不断进步的过程，希望通过每一次修订的积累最终能够推出一款完美的产品。

总结

作者最后指出他不否认有很多不同的方法更新自己的网页设计，但是最难的终究是怎样和哪个部分入手。此文可以做为一个设计大纲供网页设计师们参考。

英文原文：The Data-Pixel Approach To Improving User Experience – Smashing UX Design by Rian van der Merwe