广州总部电话:020-85564311
广州总部电话:020-85564311
20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

交互设计别让用户猜!用好 “示能”,让界面一眼就懂

发布日期:2025-10-18 08:44:31 浏览次数: 809 来源:馊面包交互设计
推荐语
为什么我们总能直觉地知道物品如何使用?揭秘交互设计中的"示能"原理。

核心内容:
1. 示能概念解析:物品特性与用户感知的关系
2. 经典示能设计案例展示
3. 提升示能效果的三大实用设计方法
小优 网站建设顾问
专业来源于二十年的积累,用心让我们做到更好!

每天我们都会遇到成千上万的物品,对我们来说,它们中的许多东西都是新的。许多新的物品同那些我们已经知道的物品很相似,也有很多物品比较独特,然而我们使用得也不错。这是怎么做到的?为什么当我们遇到很多不寻常的自然物品,我们知道如何与它们互动?为什么我们碰到如此多的手工制造和机器制造的产品,会有似曾相识的感觉?

“示能”这个词,是指一个物理对象与人之间的关系(无论是动物还是人类,甚至机器和机器人,它们之间发生的任何交互作用)。示能是物品的特性与决定物品预设用途的主体的能力之间的关系。

——《设计心理学》


有没有想过,为什么我们看到地面有一个平台和靠背就会觉得可以坐?为什么杯子有个把手我们就觉得可以握住?为什么易拉罐有个环我们就自然而然觉得可以拉?

在设计心理学上有一个解释,这就是:示能

简单来说就是可能性,用户朴素的感知“这个应该这么用才对”。

在设计中示能主要是能够快速让用户理解我们的界面,知道他该如何操作,下面举几个例子。

案例1:

鼠标移入图片后,鼠标的指针变成了放大镜,这时候你就知道点击图片能够放大查看。因为我们看到了放大镜的图标,最直观的感受就是我要把这个图片放大查看。

案例2:

下图中的拖拽手柄图标,一看就知道是可以拖拽移动排序的。


案例三:

移入后背景色变色,给予明确的反馈,让你能够清晰的感受到这是可以点击的。


有哪些设计方法可以帮助我们表达?

1. 视觉强化

例如置灰代表不可点击,蓝色文字一般表示可以点击,有边框的输入框比起只有一根线更加明确等。

2. 常用图标避免标新立异

一些常用图标例如删除、关闭、拖拽、放大镜等icon的使用,避免创新,直接使用大家最熟悉的图标。

3. 移入反馈

鼠标移入后的一些变化,例如背景变色、添加阴影、高亮等一般都表示可以点击,尤其是关键流程,尽量都添加一些移入反馈,让用户有明确的可操作认知。



优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询