啊!费茨定律也有不适用的时候.pdf

啊!费茨定律也有不适用的时候 费茨定律 ，每个交互设计师都如雷贯耳 ，被誉为和格 塔古腾堡等交互原则齐名的七大交互定律。 在我走上交互之路前 ，一位非常敬佩的设计师甚至和我说 ：掌握了费茨定律 ，你就可以打败一切产 品经理……然而 ，它也有不适用的时候 ？看看smashingmagaz ine上的这篇文章吧 ！或许能给你一 点启示。 原文地址 ：ht t p://uxdesign.smashingmagaz ine.co m/2012/12/04/f it t ss-law-and-user-experience/ 开始译文之前 ，先带大家回顾一下费茨定律 ： 费茨定律是指用户使用指点设备到达一个目标的时间同以下两个因素有关 ，距离和目标大小。 （ 1.设备当前位置和目标位置的距离 （ ）。距离越长 ，所用时间越长 ；2.目标的大小 （S ）。目标 越大 ，所用时间越短。该定律可用以下公 表示 ：t = a + b log2 ( / S + 1 ） 译文 ： 距离越近 ，目标越大 ，点击所需时间越短。这看起来很好理解 ，也很容易运用在设计中。但当使用 费茨定律去衡量所有设计时 ，就会发现一些交互体验上的问题。 费茨定律之一 ：更大的可点击区域 费茨定律最主要的理论是 ：点击区域越大 ，点击目标所需的时间越短。 优点 ：可点击区域越大越容易操作 ，因为用户的鼠标能轻松触达。 例如 ：一些网站按钮的可点击区域小得离谱。结果导致用户需要将光标准确的移到链接上 ，才会产 生响应。费茨定律建议设计师尽可能的去增大按钮的可点击区域 ，让用户有更好的体验。 左边可点击区域小 ， 右边可点击区域大 ，右边光标可以更快速的点击到按钮。 （左边案例是 Firef ox ，右边案例是 A pple ）。 增大按钮的可点击区域 ，引导用户去完成某些特定的操作 ，这确实是一个不错的主意 ，也是设计师 常用到的方法之一。 比方说 ，设计界面的主要按钮时 ，往往把按钮做得很大 ，费茨定律为此提供了强大的理论基础。 缺点 ：点击区域难道是越大越好吗 ？点击区域越大 ，占用屏幕空间就越多 ，会打乱界面的平衡。当 界面空间不是很拥挤时 ，增大可点击区域是可行的。可是 ，点击区域增大到一定程度后 ，它和可用 性之间就没什么关系了。 一个小按钮 ，把它放大10% ，它的可用性会显著提升 ，但如果你将一个本来就很大的按钮再增 加10% ，它和可用性之间就不成正比了。 费茨定律之二 ：减少光标的移动 距离越近 ，点击目标所需时间越短 ，这是费茨定律第二大理论。 优点 ：将用户常用的功能放置在一个区域 ，相比那些分开放置的 ，用户可以减少光标的移动 ，更快 的去完成操作。 比如 ：Ubunt u Unit y界面 ，屏幕顶端是有哪些信誉好的足球投注网站框 ，下端是文件类型筛选。两个筛选区域相隔非常远 ， 用户在浏览信息时需要在两个不同区域操作。 （费茨定律不赞同这种做法 ，因为它们应该彼此相邻。 ）案例: Ubunt u Unit y, 屏幕截图 ： Webupd8.o rg) 缺点 ：如果严格按照费茨定律来设计 ，可能会与其他设计理论相冲突 ，如 ：根据不同的内容和功能 来组织信息 ，让界面信息整齐合理 ，用户能轻松找到所需的内容。 下面这张图片将不同类型操作安排在了一个很小的界面 ，左边是桌面工具 ，右边是文件插入工具。 这种左右分类方 让界面很整洁 ，很有组织性。 （例如 ： Numbers ） 用户会对有组织的分类方 产生熟悉的心理模型。在使用过一次之后 ，可以清晰的记住左右两边功 能区的作用。相反 ，如果界面设计只用按钮使用率去安排界面布局 ，那么布局方 就会完全不同了 。 与费茨定律冲突的另一个原则是 ，让界面看起来不凌乱。下拉菜单是有效的整合网站内容的形 。 虽然会有一些设计师提出异议 ，但下拉菜单的好处是不可否认的。 下拉菜单使你的界面看起来干净 ，不凌乱。 费茨定律不推荐使用下拉菜单 ，原因是光标需要移动很长的距离才能到达用户所选项。首先 ，用户 需要点击或者悬停在下拉菜单上 ，然后移动光标 ，最后才到他所需要的选项 ，虽然不是太快捷 ，但 是和下拉菜单的多个优势比起来 ，这点瑕疵不足为道。 与费茨定律冲突的第三个重要的原则是设计允许用户出错的界面 ，帮助用户减小出错的代价。费茨 定律建议设计师将一些常用的功能放在一起 ，以减少光标的移动 ，同时也能节省一些界面空间。但 节省界面空间的代价是用户的误操作。当按钮边缘不易识别时 ，用户容易发生误操作。 界面元素放置方 直接决定错误是否会发生。 （比如 ：Blurb.co m ） 注