7　物体会提示人应该如何使用

可能你经历过这样的事：你以为自己应该拉门把手，但其实要推才能开门。生活中，物体会提示其使用方法。例如，球形门把手的尺寸和形状暗示用户要握住并转动它；咖啡杯把手告诉用户要弯曲手指穿过它来举起杯子；剪刀暗示用户用手指穿过环形手柄，通过手指的张合来控制。如果某个物体给用户错误的暗示，比如开始提到的门把手，就会让用户恼火。物体给用户的提示称为功能可见性（affordance）。

James Gibson 于 1979 年提出了功能可见性的概念，把它定义为环境中各种行为的可能性。1988 年，Don Norman 在《设计心理学》一书中对该概念稍加改动，提出了感知功能可见性（perceived affordance）：无论是在生活中还是在计算机屏幕上，如果想让用户使用一个物体，就要保证能够让他们轻易地察觉并理解它是什么，明白应该怎么用。

人在试图完成开门或者网上购书之类的任务时，会自动且往往下意识地寻找周围可以使用的物体和工具。如果你负责为该任务设计周边环境，一定要确保环境里的物体一目了然并具有清晰的功能可见性。

请看图 7-1 的门把手。看到这样的形状，人们往往会握住它向下旋转。如果它就是这么用的，那么它的设计就很好，功能可见性很清晰。

图 7-1　这样的门把手让人想抓住并向下旋转

你可能遇见过门把手的形状暗示人们应该抓住它往外拉，却写着“PUSH”告诉人们应该推。物体传递的信息和它的用法不匹配，结果只好贴个违反直觉的标记教人怎么用。这就是错误的功能可见性。

屏幕上的感知功能可见性

设计网页或程序时，要多考虑屏幕上物体的功能可见性。例如，你有没有想过怎样的按钮让人想要点击它？屏幕上带阴影边沿的按钮让人知道，它可以像真实的按钮一样按下去。

图 7-2 展示了遥控器按钮，它的形状和阴影让人知道使用的时候应该向下按。

图 7-2　真实设备按钮的阴影让用户知道应该向下按

在网页上你也可以制作这样的阴影。如图 7-3 所示，按钮边缘不同颜色的阴影产生的立体感使它看上去是凹陷的。试试把书上下颠倒，再看这个按钮，是不是就变成突出可点的了？

图 7-3　看上去凹陷的按钮，倒过来看看会发生什么

这些视觉暗示很微妙却很重要。网页上许多按钮都有视觉暗示，例如图 7-4 中的按钮，但近来这种暗示渐渐变少了。图 7-5 中的按钮仅使用单色色块衬托文字。

图 7-4　有阴影的按钮更逼真

图 7-5　最近的网页按钮较少使用视觉暗示

如果人们使用的是触摸屏或平板计算机，而非鼠标或触压板，那么按钮上可能不会有视觉提示，比如箭头或向上指的手。

超链接的功能可见性提示正在减少

有一类功能可见性提示众所周知：蓝色带下划线的文字是超链接，点击就会跳转到新页面。不过现在很多超链接不再设计得这么明显，只有鼠标悬停时才会出现点击的提示。

图 7-6 展示的页面就没有超链接的功能可见性提示。需要移动鼠标悬停在某处，才知道这里是否可点击跳转到别处。

图 7-6　看不出什么地方可以点击跳转

小贴士

• 设计时要考虑功能可见性的提示。给用户操作提示后，他们就更容易正确使用物体。
• 用阴影来表现对象已选定或对象可用。
• 避免给出错误的功能可见性提示。