交互设计基本原则
2023年2月1日

示能(Affordance)
概念来源:知觉心理学
指物理对象与人之间的关系。
是物品的特性与决定物品预设用途的主体能力之间的关系。有形的物品如何传达出人们与他们互动的重要信息。
示能揭示了世界上作为主体的人、动物或机器如何与其它东西进行互动的可能性。
示能举例:
椅子提供了支撑。大多数椅子可以随身移动,但有些椅子只能由强壮的人的或一群人移动,对这些人来说椅子没有移动性。
反示能举例:
玻璃是透明的,但阻挡了大多数有形的物质通过。提供了视觉通透性但不是通道。通道的阻塞可以被认为是一种反示能,对交互作用的抵制。
意符(Signifier)

指能告诉人们正确操作方式的任何可感知的标记或声音。
意符指的是信号,一些意符是生活中的符号、标签和图样,比如门上的“推”、“拉”或“出口”;一些意符仅仅是预设用途,比如门把手特意设计的物理结构,释放出操作信号。
意符举例:
门上设计 “推PUSH” 标志;
根据前人走过田地的脚印来决定最佳路线;
候车人群的移动方向来判断列车是否进站;
书签,标记阅读位置、阅读进度。
约束(Constraint)

物理约束
物理结构上的局限将可能的操作方法限定在一定的范围内。物理特性决定了操作方法。
物理约束举例:
一根大木栓不可能插到一个小洞里;
钥匙和锁;
电池槽和电池。
文化约束
概念来源:社会科学
每种文化都有一套社交行为准则。
文化行为准则以**范式(schemas)**的形式在我们的头脑中得以体现。范式也就是知识结构,由一般规则和信息组成,主要用于诠释状况,指导人们的行为。在一些固定的情况中(例如,在餐馆吃饭),范式会比较具体。
社会科学家欧文·戈夫曼(Erving Goffman)把规范行为的社会因素称为**“框架”(frames)**,并且展示了“框架”控制人类行为的过程,即使是在一个完全陌生的情况或文化中。如果有人故意违反这一“框架”,那就是自讨苦吃。
文化约束举例:
人们搭乘电梯时,总是面朝电梯门;
人们不会给健康强壮的人让座;
红灯通常用来表示“停”,因此要安装在车的尾部;黄灯/白灯通常作为前灯。
语义约束
概念来源:语义学
语义约束是指利用某种境况的特殊含义来限定可能的操作方法。
语义约束依据的是我们对现实情况和外部世界的理解,这种知识可以提供非常有效的、很重要的线索。类似于文化约束会随着时间而变化,语义约束同样如此。极限运动不断将我们认为有意义的和合情合理的界限向外拓展。新技术会改变事物的意义。具有创意的人不断地改变我们与技术和其他人群的互动方式。
语义约束举例:
在现有的技术条件下,车辆的红色车尾灯释放出“正在刹车” 的信息;
当汽车之间可以通过无线网络彼此沟通时,红色车尾灯就没有意义了。
逻辑约束
存在着空间或功能上的逻辑关系。
逻辑约束举例
如果两个开关控制两盏电灯,那么左边的开关就应该控制左边的灯,右边的开关就应该控制右边的灯;
门把手的形状可以告诉人们如何使用它,例如,垂直的门把手可以告诉人们应该向下拉门,而水平的门把手则可以告诉人们应该向左或向右推门;
电源开关的位置通常在设备的前面或顶部,以便用户可以轻松找到它们;
汽车方向盘上的箭头指示方向,以便驾驶员知道应该往哪个方向转动方向盘;
电梯按钮上的数字按键通常按照楼层顺序排列,以便用户可以轻松找到他们想要去的楼层。
反馈(Feedback)
概念来源:控制论、信息论
沟通行动的结果。
反馈必须是即时的;反馈必须提供信息;过多的反馈比过少的反馈更恼人。
反馈举例:
用手拿起一个玻璃杯时,需要感觉(反馈)到以正确的方式伸出手;
洗碗机通过声音告诉我们碗洗完了。
映射(Mapping)
两组事物要素之间的关系。
在控制与显示的设计和布局时,映射是一个重要概念。每个映射都有一个令人信服的概念模型。
映射举例:
操控汽车时,顺时针方向转动方向盘使车向右转弯;
灯光开关与灯的布局安排得一样,就可以很容易确定一个大房间或剧院里灯光的控制关系;
汽车座椅的多向电动调节装置;
四出灶具的点火开关。
概念模型(Conceptual Models)
概念模型通常是高度简化的说明,告诉你事物是如何工作的。
概念模型只要有用就行,不必完整或准确。我们这里所关注的概念模型更简单,就待在使用产品的人心中,所以他们也被称作心理模式。
当预测事情讲如何进行,或者当事情不按计划进行而需要搞清楚问题时,概念模型非常有用。
概念模型举例:
计算机的 “文件夹” 概念;
混合动力汽车或电动汽车的再生制动方式;
使用剪刀时移动刀柄,刀刃会随之移动。
交互设计基本原则
2023年2月1日

示能(Affordance)
概念来源:知觉心理学
指物理对象与人之间的关系。
是物品的特性与决定物品预设用途的主体能力之间的关系。有形的物品如何传达出人们与他们互动的重要信息。
示能揭示了世界上作为主体的人、动物或机器如何与其它东西进行互动的可能性。
示能举例:
椅子提供了支撑。大多数椅子可以随身移动,但有些椅子只能由强壮的人的或一群人移动,对这些人来说椅子没有移动性。
反示能举例:
玻璃是透明的,但阻挡了大多数有形的物质通过。提供了视觉通透性但不是通道。通道的阻塞可以被认为是一种反示能,对交互作用的抵制。
意符(Signifier)

指能告诉人们正确操作方式的任何可感知的标记或声音。
意符指的是信号,一些意符是生活中的符号、标签和图样,比如门上的“推”、“拉”或“出口”;一些意符仅仅是预设用途,比如门把手特意设计的物理结构,释放出操作信号。
意符举例:
门上设计 “推PUSH” 标志;
根据前人走过田地的脚印来决定最佳路线;
候车人群的移动方向来判断列车是否进站;
书签,标记阅读位置、阅读进度。
约束(Constraint)

物理约束
物理结构上的局限将可能的操作方法限定在一定的范围内。物理特性决定了操作方法。
物理约束举例:
一根大木栓不可能插到一个小洞里;
钥匙和锁;
电池槽和电池。
文化约束
概念来源:社会科学
每种文化都有一套社交行为准则。
文化行为准则以**范式(schemas)**的形式在我们的头脑中得以体现。范式也就是知识结构,由一般规则和信息组成,主要用于诠释状况,指导人们的行为。在一些固定的情况中(例如,在餐馆吃饭),范式会比较具体。
社会科学家欧文·戈夫曼(Erving Goffman)把规范行为的社会因素称为**“框架”(frames)**,并且展示了“框架”控制人类行为的过程,即使是在一个完全陌生的情况或文化中。如果有人故意违反这一“框架”,那就是自讨苦吃。
文化约束举例:
人们搭乘电梯时,总是面朝电梯门;
人们不会给健康强壮的人让座;
红灯通常用来表示“停”,因此要安装在车的尾部;黄灯/白灯通常作为前灯。
语义约束
概念来源:语义学
语义约束是指利用某种境况的特殊含义来限定可能的操作方法。
语义约束依据的是我们对现实情况和外部世界的理解,这种知识可以提供非常有效的、很重要的线索。类似于文化约束会随着时间而变化,语义约束同样如此。极限运动不断将我们认为有意义的和合情合理的界限向外拓展。新技术会改变事物的意义。具有创意的人不断地改变我们与技术和其他人群的互动方式。
语义约束举例:
在现有的技术条件下,车辆的红色车尾灯释放出“正在刹车” 的信息;
当汽车之间可以通过无线网络彼此沟通时,红色车尾灯就没有意义了。
逻辑约束
存在着空间或功能上的逻辑关系。
逻辑约束举例
如果两个开关控制两盏电灯,那么左边的开关就应该控制左边的灯,右边的开关就应该控制右边的灯;
门把手的形状可以告诉人们如何使用它,例如,垂直的门把手可以告诉人们应该向下拉门,而水平的门把手则可以告诉人们应该向左或向右推门;
电源开关的位置通常在设备的前面或顶部,以便用户可以轻松找到它们;
汽车方向盘上的箭头指示方向,以便驾驶员知道应该往哪个方向转动方向盘;
电梯按钮上的数字按键通常按照楼层顺序排列,以便用户可以轻松找到他们想要去的楼层。
反馈(Feedback)
概念来源:控制论、信息论
沟通行动的结果。
反馈必须是即时的;反馈必须提供信息;过多的反馈比过少的反馈更恼人。
反馈举例:
用手拿起一个玻璃杯时,需要感觉(反馈)到以正确的方式伸出手;
洗碗机通过声音告诉我们碗洗完了。
映射(Mapping)
两组事物要素之间的关系。
在控制与显示的设计和布局时,映射是一个重要概念。每个映射都有一个令人信服的概念模型。
映射举例:
操控汽车时,顺时针方向转动方向盘使车向右转弯;
灯光开关与灯的布局安排得一样,就可以很容易确定一个大房间或剧院里灯光的控制关系;
汽车座椅的多向电动调节装置;
四出灶具的点火开关。
概念模型(Conceptual Models)
概念模型通常是高度简化的说明,告诉你事物是如何工作的。
概念模型只要有用就行,不必完整或准确。我们这里所关注的概念模型更简单,就待在使用产品的人心中,所以他们也被称作心理模式。
当预测事情讲如何进行,或者当事情不按计划进行而需要搞清楚问题时,概念模型非常有用。
概念模型举例:
计算机的 “文件夹” 概念;
混合动力汽车或电动汽车的再生制动方式;
使用剪刀时移动刀柄,刀刃会随之移动。
交互设计基本原则
2023年2月1日

示能(Affordance)
概念来源:知觉心理学
指物理对象与人之间的关系。
是物品的特性与决定物品预设用途的主体能力之间的关系。有形的物品如何传达出人们与他们互动的重要信息。
示能揭示了世界上作为主体的人、动物或机器如何与其它东西进行互动的可能性。
示能举例:
椅子提供了支撑。大多数椅子可以随身移动,但有些椅子只能由强壮的人的或一群人移动,对这些人来说椅子没有移动性。
反示能举例:
玻璃是透明的,但阻挡了大多数有形的物质通过。提供了视觉通透性但不是通道。通道的阻塞可以被认为是一种反示能,对交互作用的抵制。
意符(Signifier)

指能告诉人们正确操作方式的任何可感知的标记或声音。
意符指的是信号,一些意符是生活中的符号、标签和图样,比如门上的“推”、“拉”或“出口”;一些意符仅仅是预设用途,比如门把手特意设计的物理结构,释放出操作信号。
意符举例:
门上设计 “推PUSH” 标志;
根据前人走过田地的脚印来决定最佳路线;
候车人群的移动方向来判断列车是否进站;
书签,标记阅读位置、阅读进度。
约束(Constraint)

物理约束
物理结构上的局限将可能的操作方法限定在一定的范围内。物理特性决定了操作方法。
物理约束举例:
一根大木栓不可能插到一个小洞里;
钥匙和锁;
电池槽和电池。
文化约束
概念来源:社会科学
每种文化都有一套社交行为准则。
文化行为准则以**范式(schemas)**的形式在我们的头脑中得以体现。范式也就是知识结构,由一般规则和信息组成,主要用于诠释状况,指导人们的行为。在一些固定的情况中(例如,在餐馆吃饭),范式会比较具体。
社会科学家欧文·戈夫曼(Erving Goffman)把规范行为的社会因素称为**“框架”(frames)**,并且展示了“框架”控制人类行为的过程,即使是在一个完全陌生的情况或文化中。如果有人故意违反这一“框架”,那就是自讨苦吃。
文化约束举例:
人们搭乘电梯时,总是面朝电梯门;
人们不会给健康强壮的人让座;
红灯通常用来表示“停”,因此要安装在车的尾部;黄灯/白灯通常作为前灯。
语义约束
概念来源:语义学
语义约束是指利用某种境况的特殊含义来限定可能的操作方法。
语义约束依据的是我们对现实情况和外部世界的理解,这种知识可以提供非常有效的、很重要的线索。类似于文化约束会随着时间而变化,语义约束同样如此。极限运动不断将我们认为有意义的和合情合理的界限向外拓展。新技术会改变事物的意义。具有创意的人不断地改变我们与技术和其他人群的互动方式。
语义约束举例:
在现有的技术条件下,车辆的红色车尾灯释放出“正在刹车” 的信息;
当汽车之间可以通过无线网络彼此沟通时,红色车尾灯就没有意义了。
逻辑约束
存在着空间或功能上的逻辑关系。
逻辑约束举例
如果两个开关控制两盏电灯,那么左边的开关就应该控制左边的灯,右边的开关就应该控制右边的灯;
门把手的形状可以告诉人们如何使用它,例如,垂直的门把手可以告诉人们应该向下拉门,而水平的门把手则可以告诉人们应该向左或向右推门;
电源开关的位置通常在设备的前面或顶部,以便用户可以轻松找到它们;
汽车方向盘上的箭头指示方向,以便驾驶员知道应该往哪个方向转动方向盘;
电梯按钮上的数字按键通常按照楼层顺序排列,以便用户可以轻松找到他们想要去的楼层。
反馈(Feedback)
概念来源:控制论、信息论
沟通行动的结果。
反馈必须是即时的;反馈必须提供信息;过多的反馈比过少的反馈更恼人。
反馈举例:
用手拿起一个玻璃杯时,需要感觉(反馈)到以正确的方式伸出手;
洗碗机通过声音告诉我们碗洗完了。
映射(Mapping)
两组事物要素之间的关系。
在控制与显示的设计和布局时,映射是一个重要概念。每个映射都有一个令人信服的概念模型。
映射举例:
操控汽车时,顺时针方向转动方向盘使车向右转弯;
灯光开关与灯的布局安排得一样,就可以很容易确定一个大房间或剧院里灯光的控制关系;
汽车座椅的多向电动调节装置;
四出灶具的点火开关。
概念模型(Conceptual Models)
概念模型通常是高度简化的说明,告诉你事物是如何工作的。
概念模型只要有用就行,不必完整或准确。我们这里所关注的概念模型更简单,就待在使用产品的人心中,所以他们也被称作心理模式。
当预测事情讲如何进行,或者当事情不按计划进行而需要搞清楚问题时,概念模型非常有用。
概念模型举例:
计算机的 “文件夹” 概念;
混合动力汽车或电动汽车的再生制动方式;
使用剪刀时移动刀柄,刀刃会随之移动。
©️ 2023 LI DONG LIN
©️ 2023 LI DONG LIN
©️ 2023 LI DONG LIN