老邓态度|邓熔

页面上各个元素的对齐，能使页面显得更加规整。以下图为例，能对齐的元素都对齐了，看起来很规整。

但这也导致了一个问题：阅读线路不清晰——究竟是“Z”型线，还是“N”型线？

看看Yahoo的首页：

但这些处理方式都不如打破对齐来得直接、简洁。

毕竟，视觉设计是为信息架构服务的，而不能反过来。

IA设计几乎是无处不在的，下面以一个PPT中用到的图表为例。（数据非真实数据）

下面这个图表，细看起来也能看得明白，表达得还算清楚，但似乎总有一点不太上道的感觉。实际上就是IA上有些小问题，做一些调整就可以更好。

调整如下：

1. 2009年的数据在2010年的数据之上，有悖常理。也因为这一点，不得不箭头向下，虽然数据是增长的，但箭头向下容易让人有负面直觉。如果把09年数据和10年的位置互换一下，箭头也转过来，一举两得。
2. 上面条状图中，1月、2月、3月的说明放在条状图下方，导致夹在两个条状图中间了，有点隔断。把它们放到条状图上面会好一些。
3. 还需要降低一些视噪，让重点更加突出一些。比如调小辅助性的文字的字号，比如调细条状图和箭头的边框。
4. 把图表的标题修改为一个结论性的，以总结图表表达的观点。
5. 另外，还有一个视觉设计上的调整：用进度条来表示每个月的完成情况，是一个好的想法，但进度条做得还不够好，稍作调整比如给外框留出一点内间隙，就会好很多。
6. 最后，英文统一一个英文字体，中文统一一个中文字体。

完成上述调整之后，得到下图，比调整之前好了很多。

很多年前就看过《Don’t make me think》的第一版，第二版在书架上很久了，这两天才翻看。温故知新，笔记如下：

1. 某个东西越是需要投入大量时间（或者看起来会这样），它将来用到的可能性越小。
2. 可用性第一定律：别让我思考。
3. 我们使用web的第一个事实：我们不是阅读，而是扫描，一般会关注“与手头任务有关的”或者“当前或接下来的个人兴趣”或者“长久的兴趣，如免费、美女等”这些文字和短语。（老邓注：所以，别老想着在首页上放一大段自吹自擂的话了，那是自恋）
4. 我们使用web的第二个事实：我们不作最佳选择，而是满意即可。
5. 我们使用web的第三个事实：我们不是追根究底，而是勉强应付，很少有人花时间读说明书，大家总是贸然前进勉强应付，一旦发现某个方法能够用，即使很难用，也不愿意再主动去找另一种更好的方法，这不是智力问题，而是并不认为这个网站对自己有那么的重要。（老邓注：所以，别老想着用Flash去制作一个“预订流程说明”了，那是单恋）。
6. 让页面不易理解的一个最大原因是视觉噪声，设计的时候可以先假定所有内容都是噪声，除非得到证明它不是。
7. 大多数页面上的大部分文字都不过是在占地方，因为没有人打算阅读它们。但它们确实在那儿，所以会暗示你可能需要阅读它们，这样常常使得页面看起来难度更高了。去掉没有人看的文字能降低页面噪声，从而让有用的内容更突出，人们更加愿意阅读。（老邓注：这就是设计中常说的“少即是多”，加文字的时候需要反问“是想给客户看的还是只是为了立此为证以便后面和客户理论？”）P34页有一个非常好的精简案例，精简幅度60%。
8. 如果你想为我提供选项来调整搜索的范围，在它有用的时候再提供给我——当我到达搜索结果页面，发现搜索全部内容得到的结果太多的时候，这时就需要缩小搜索范围。
9. 共有区域的悲剧（The Tragedy of the Commons）。任何共享的资源（共有区域）都会因为过度使用而遭到破坏。（老邓注：这就是首页上为什么广告越来越多、内容越来越乱的原因）
10. 从焦点小组了解到的是你在设计网站之前就应该了解的，别把焦点小组和可用性测试弄混了。详细的区别见P100页。
11. 每轮可用性测试只测试三名用户，以保证尽快进行下一轮，多进行几轮。测试对象是谁并不重要，对于大部分网站而言，你只需要懂得上网基本知识的用户就可以了。
12. 推荐屏幕录制软件Camtasia，它是TechSmith公司的产品，和SnagIt出于同一家公司。只需要300美元。再加1000美元，可以买到该公司的另一个产品Morae，它允许观察者在另一台电脑上看到真实测试情况。
13. 测试中有两部分内容：理解测试，看看用户是否理解这个网站；任务测试，看看用户是怎么完成一些任务的。
14. P109-P113页是很值得一读的用户测试对话范例。
15. P115页，关于Kayak（皮划艇）问题。Kayak问题总是存在，因为有些含混之处总是没有简单的解决办法，比如“港澳台酒店”应该放在“国内酒店”里还是“国际酒店”里，可能我们会觉得放到两个分类里。笔者的建议是一个项目最好只在一个地方存在，其他位置用链接“参见……”来标出。
16. 要抵制添加的冲动。当在测试时清楚地看到人们没有理解某些内容时，大部分人的第一反应是增加一些内容，例如一些注释或一些指导说明。而正确的解决方案往往是去除某个（一些）让人混淆的内容，而不是增加另一些干扰。
17. 隐藏客户服务电话、运费、价格信息，会降低客户好感。隐藏电话的初衷是希望用户不打电话，通常这样做会降低用户的好感程度，而且他们找到号码并拨打时会更恼火。另一方面，如果电话很容易看到，他们知道在需要的时候可以拨打，会让人们在网站上停留的时间更长，从而增加了他们自己解决问题的可能性。
18. 人们喜欢对网站的外观发表意见，但是几乎没有人会因为觉得它不够好看而离开。（老邓注：不过，根据《情感化设计》，更赏心悦目的网站，能增加用户忍受度，使用户更加愿意探索）
19. 向用户询问不必要的信息可能产生三个后果：您得到的表单更少；您常常无法得到真实数据；您的网站形象下降。

链接是最应该尽快规范设计的元素，因为点击链接是互联网使用者最频繁的动作。

我们花了很多精力在对链接本身的展示上，比如现有的四个状态：常态、访问过、鼠标悬停、鼠标点击。但对于点击之后的结果，却缺乏“暗示”。

所谓点击之后的结果，最常见的有三种：在新窗口（或新标签）打开新页面、在当前窗口打开新页面、Popup提示信息框。

其实，从视觉设计上把点击之后的结果“暗示”一下，比链接本身的展示还要重要。

不要以为网民都像你一样，知道用快捷键点击就能在新窗口打开，国内60%以上的网民还在用着IE6呢。即便是国外，我相信不知道快捷键的情况也很普遍。

我建议的方案如下：

出于简洁页面，很多网站把链接的下划线去掉了。这和上面的设计也不矛盾，可以在常态的时候不带下划线，但是在鼠标悬停的时候带上。

这里收藏了界面设计相关的一些文章，有些值得好好看看。