用户体验:如何设计美好的瞬间（2）(2)

二、保持轻量级

Digg在早期的时候，用户想要推一篇文章，需要经过两步操作。而现在的改进版——只要单击”digg“马山就可以记录一次投票。就因为”单击，结束“容易了一点，带来了用户活跃度和网站点击率的飞速增长，这正是交互轻量级设计的一大作用。

怎样通过简化交互，实现操作更接近内容，从而保证设计的轻量级呢？

1.费茨定律

费茨定律指的是：移动到目标上的时间(T)和移动距离(D)的对数(S)成正比。用公式表示为：

T = a + b log2 ( D / S + 1 )来计算。其中

D：鼠标达到目标的距离
S：目标的宽度（尺寸）

我们可以简单的理解为：目标定位越容易，距离鼠标当前的位置就应该越近，目标占用空间应该更大。为了简单，我们可以把功能都集中到一块（如放在菜单栏和工具栏中）。但是这样就违反了费茨定律（找起来会很费劲，距离也会增加）。通过上下文工具把操作放在相关内容附近是不错的办法。[注：上下文工具是桌面右键菜单的web版]

2.实时可见的工具

digg在每篇文章旁边，有一个推举的记分卡，下方的”digg it“按钮要比其他的操作显得明显。鼠标悬停的时候”digg it“的按钮边框变成黑色突出显示，单击”digg“后，投票结果马上记录并在记分卡上实时更新。同时”digg“按钮灰掉不可点，标签文本也变成灰色”dugg“。

和digg一样，豆瓣的打分也是网站的核心功能。因此明确的操作（评级）邀请非常重要。打分后，用户可以随意更改打分分值，对评价作出删除和修改。

shutterstock把加入的收藏的图片总是显示在页面底部的遮罩层中，用户可以随时看到并编辑自己添加的图片。

3.保持关键内容可见

Gmail在页面加载的时候考虑了用户慢速连接的使用情况，减少样式的加载，使用备选方案保证主要内容可见。

淘宝的listing页面一次改版，鼠标悬停在宝贝图片上时，不仅出现大图，同时还在时间维度上对卖家推荐的商品轮播显示，用户同样可以点击下方的小图来选择查看。不仅保证了关键内容可见，同时解决了多信息的展现和交互。

4.只做一件事情

Linkdin消息列表中，用户名承载着两个交互行为：鼠标点击后会跳转到用户profile页面，而鼠标悬停0.5秒以后出现弹出层，显示该用户的简介。如果我们不做0.5秒的限制，就会出现用户在鼠标以上去时立刻显示弹出层，那么很可能会有用户认为这个链接只具备这一种操作功能，而忽略了它可以点击的功能。所以对一个交互行为只赋予它一种功能，多种功能需要考虑用其它方式去实现。

Amazon用另外一种方式来解决多功能的展现。星星打分的信息包括两方面：鼠标悬停展现弹出层显示每颗星的打分人数；鼠标点击后显示评价详情页面。如果把这两个信息同时通过点击星星来实现就会出现上述类似问题。Amazon则是通过增加一个类似下拉的按钮来承载鼠标悬停的交互行为，把点击行为只留给星星。