交互设计基本原则

2023年2月1日

示能(Affordance)

概念来源:知觉心理学

指物理对象与人之间的关系。

是物品的特性与决定物品预设用途的主体能力之间的关系。有形的物品如何传达出人们与他们互动的重要信息。

示能揭示了世界上作为主体的人、动物或机器如何与其它东西进行互动的可能性。

示能举例:

  1. 椅子提供了支撑。大多数椅子可以随身移动,但有些椅子只能由强壮的人的或一群人移动,对这些人来说椅子没有移动性。

反示能举例:

  1. 玻璃是透明的,但阻挡了大多数有形的物质通过。提供了视觉通透性但不是通道。通道的阻塞可以被认为是一种反示能,对交互作用的抵制。

意符(Signifier)

指能告诉人们正确操作方式的任何可感知的标记或声音。

意符指的是信号,一些意符是生活中的符号、标签和图样,比如门上的“推”、“拉”或“出口”;一些意符仅仅是预设用途,比如门把手特意设计的物理结构,释放出操作信号。

意符举例:

  1. 门上设计 “推PUSH” 标志;

  2. 根据前人走过田地的脚印来决定最佳路线;

  3. 候车人群的移动方向来判断列车是否进站;

  4. 书签,标记阅读位置、阅读进度。


约束(Constraint)

物理约束

物理结构上的局限将可能的操作方法限定在一定的范围内。物理特性决定了操作方法。

物理约束举例:

  1. 一根大木栓不可能插到一个小洞里;

  2. 钥匙和锁;

  3. 电池槽和电池。

文化约束

概念来源:社会科学

每种文化都有一套社交行为准则。

文化行为准则以**范式(schemas)**的形式在我们的头脑中得以体现。范式也就是知识结构,由一般规则和信息组成,主要用于诠释状况,指导人们的行为。在一些固定的情况中(例如,在餐馆吃饭),范式会比较具体。

社会科学家欧文·戈夫曼(Erving Goffman)把规范行为的社会因素称为**“框架”(frames)**,并且展示了“框架”控制人类行为的过程,即使是在一个完全陌生的情况或文化中。如果有人故意违反这一“框架”,那就是自讨苦吃。

文化约束举例:

  1. 人们搭乘电梯时,总是面朝电梯门;

  2. 人们不会给健康强壮的人让座;

  3. 红灯通常用来表示“停”,因此要安装在车的尾部;黄灯/白灯通常作为前灯。

语义约束

概念来源:语义学

语义约束是指利用某种境况的特殊含义来限定可能的操作方法。

语义约束依据的是我们对现实情况和外部世界的理解,这种知识可以提供非常有效的、很重要的线索。类似于文化约束会随着时间而变化,语义约束同样如此。极限运动不断将我们认为有意义的和合情合理的界限向外拓展。新技术会改变事物的意义。具有创意的人不断地改变我们与技术和其他人群的互动方式。

语义约束举例:

  1. 在现有的技术条件下,车辆的红色车尾灯释放出“正在刹车” 的信息;

  2. 当汽车之间可以通过无线网络彼此沟通时,红色车尾灯就没有意义了。

逻辑约束

存在着空间或功能上的逻辑关系。

逻辑约束举例

  1. 如果两个开关控制两盏电灯,那么左边的开关就应该控制左边的灯,右边的开关就应该控制右边的灯;

  2. 门把手的形状可以告诉人们如何使用它,例如,垂直的门把手可以告诉人们应该向下拉门,而水平的门把手则可以告诉人们应该向左或向右推门;

  3. 电源开关的位置通常在设备的前面或顶部,以便用户可以轻松找到它们;

  4. 汽车方向盘上的箭头指示方向,以便驾驶员知道应该往哪个方向转动方向盘;

  5. 电梯按钮上的数字按键通常按照楼层顺序排列,以便用户可以轻松找到他们想要去的楼层。

反馈(Feedback)

概念来源:控制论、信息论

沟通行动的结果。

反馈必须是即时的;反馈必须提供信息;过多的反馈比过少的反馈更恼人。

反馈举例:

  1. 用手拿起一个玻璃杯时,需要感觉(反馈)到以正确的方式伸出手;

  2. 洗碗机通过声音告诉我们碗洗完了。

映射(Mapping)

两组事物要素之间的关系。

在控制与显示的设计和布局时,映射是一个重要概念。每个映射都有一个令人信服的概念模型。

映射举例:

  1. 操控汽车时,顺时针方向转动方向盘使车向右转弯;

  2. 灯光开关与灯的布局安排得一样,就可以很容易确定一个大房间或剧院里灯光的控制关系;

  3. 汽车座椅的多向电动调节装置;

  4. 四出灶具的点火开关。

概念模型(Conceptual Models)

概念模型通常是高度简化的说明,告诉你事物是如何工作的。

概念模型只要有用就行,不必完整或准确。我们这里所关注的概念模型更简单,就待在使用产品的人心中,所以他们也被称作心理模式。

当预测事情讲如何进行,或者当事情不按计划进行而需要搞清楚问题时,概念模型非常有用。

概念模型举例:

  1. 计算机的 “文件夹” 概念;

  2. 混合动力汽车或电动汽车的再生制动方式;

  3. 使用剪刀时移动刀柄,刀刃会随之移动。

交互设计基本原则

2023年2月1日

示能(Affordance)

概念来源:知觉心理学

指物理对象与人之间的关系。

是物品的特性与决定物品预设用途的主体能力之间的关系。有形的物品如何传达出人们与他们互动的重要信息。

示能揭示了世界上作为主体的人、动物或机器如何与其它东西进行互动的可能性。

示能举例:

  1. 椅子提供了支撑。大多数椅子可以随身移动,但有些椅子只能由强壮的人的或一群人移动,对这些人来说椅子没有移动性。

反示能举例:

  1. 玻璃是透明的,但阻挡了大多数有形的物质通过。提供了视觉通透性但不是通道。通道的阻塞可以被认为是一种反示能,对交互作用的抵制。

意符(Signifier)

指能告诉人们正确操作方式的任何可感知的标记或声音。

意符指的是信号,一些意符是生活中的符号、标签和图样,比如门上的“推”、“拉”或“出口”;一些意符仅仅是预设用途,比如门把手特意设计的物理结构,释放出操作信号。

意符举例:

  1. 门上设计 “推PUSH” 标志;

  2. 根据前人走过田地的脚印来决定最佳路线;

  3. 候车人群的移动方向来判断列车是否进站;

  4. 书签,标记阅读位置、阅读进度。


约束(Constraint)

物理约束

物理结构上的局限将可能的操作方法限定在一定的范围内。物理特性决定了操作方法。

物理约束举例:

  1. 一根大木栓不可能插到一个小洞里;

  2. 钥匙和锁;

  3. 电池槽和电池。

文化约束

概念来源:社会科学

每种文化都有一套社交行为准则。

文化行为准则以**范式(schemas)**的形式在我们的头脑中得以体现。范式也就是知识结构,由一般规则和信息组成,主要用于诠释状况,指导人们的行为。在一些固定的情况中(例如,在餐馆吃饭),范式会比较具体。

社会科学家欧文·戈夫曼(Erving Goffman)把规范行为的社会因素称为**“框架”(frames)**,并且展示了“框架”控制人类行为的过程,即使是在一个完全陌生的情况或文化中。如果有人故意违反这一“框架”,那就是自讨苦吃。

文化约束举例:

  1. 人们搭乘电梯时,总是面朝电梯门;

  2. 人们不会给健康强壮的人让座;

  3. 红灯通常用来表示“停”,因此要安装在车的尾部;黄灯/白灯通常作为前灯。

语义约束

概念来源:语义学

语义约束是指利用某种境况的特殊含义来限定可能的操作方法。

语义约束依据的是我们对现实情况和外部世界的理解,这种知识可以提供非常有效的、很重要的线索。类似于文化约束会随着时间而变化,语义约束同样如此。极限运动不断将我们认为有意义的和合情合理的界限向外拓展。新技术会改变事物的意义。具有创意的人不断地改变我们与技术和其他人群的互动方式。

语义约束举例:

  1. 在现有的技术条件下,车辆的红色车尾灯释放出“正在刹车” 的信息;

  2. 当汽车之间可以通过无线网络彼此沟通时,红色车尾灯就没有意义了。

逻辑约束

存在着空间或功能上的逻辑关系。

逻辑约束举例

  1. 如果两个开关控制两盏电灯,那么左边的开关就应该控制左边的灯,右边的开关就应该控制右边的灯;

  2. 门把手的形状可以告诉人们如何使用它,例如,垂直的门把手可以告诉人们应该向下拉门,而水平的门把手则可以告诉人们应该向左或向右推门;

  3. 电源开关的位置通常在设备的前面或顶部,以便用户可以轻松找到它们;

  4. 汽车方向盘上的箭头指示方向,以便驾驶员知道应该往哪个方向转动方向盘;

  5. 电梯按钮上的数字按键通常按照楼层顺序排列,以便用户可以轻松找到他们想要去的楼层。

反馈(Feedback)

概念来源:控制论、信息论

沟通行动的结果。

反馈必须是即时的;反馈必须提供信息;过多的反馈比过少的反馈更恼人。

反馈举例:

  1. 用手拿起一个玻璃杯时,需要感觉(反馈)到以正确的方式伸出手;

  2. 洗碗机通过声音告诉我们碗洗完了。

映射(Mapping)

两组事物要素之间的关系。

在控制与显示的设计和布局时,映射是一个重要概念。每个映射都有一个令人信服的概念模型。

映射举例:

  1. 操控汽车时,顺时针方向转动方向盘使车向右转弯;

  2. 灯光开关与灯的布局安排得一样,就可以很容易确定一个大房间或剧院里灯光的控制关系;

  3. 汽车座椅的多向电动调节装置;

  4. 四出灶具的点火开关。

概念模型(Conceptual Models)

概念模型通常是高度简化的说明,告诉你事物是如何工作的。

概念模型只要有用就行,不必完整或准确。我们这里所关注的概念模型更简单,就待在使用产品的人心中,所以他们也被称作心理模式。

当预测事情讲如何进行,或者当事情不按计划进行而需要搞清楚问题时,概念模型非常有用。

概念模型举例:

  1. 计算机的 “文件夹” 概念;

  2. 混合动力汽车或电动汽车的再生制动方式;

  3. 使用剪刀时移动刀柄,刀刃会随之移动。

交互设计基本原则

2023年2月1日

示能(Affordance)

概念来源:知觉心理学

指物理对象与人之间的关系。

是物品的特性与决定物品预设用途的主体能力之间的关系。有形的物品如何传达出人们与他们互动的重要信息。

示能揭示了世界上作为主体的人、动物或机器如何与其它东西进行互动的可能性。

示能举例:

  1. 椅子提供了支撑。大多数椅子可以随身移动,但有些椅子只能由强壮的人的或一群人移动,对这些人来说椅子没有移动性。

反示能举例:

  1. 玻璃是透明的,但阻挡了大多数有形的物质通过。提供了视觉通透性但不是通道。通道的阻塞可以被认为是一种反示能,对交互作用的抵制。

意符(Signifier)

指能告诉人们正确操作方式的任何可感知的标记或声音。

意符指的是信号,一些意符是生活中的符号、标签和图样,比如门上的“推”、“拉”或“出口”;一些意符仅仅是预设用途,比如门把手特意设计的物理结构,释放出操作信号。

意符举例:

  1. 门上设计 “推PUSH” 标志;

  2. 根据前人走过田地的脚印来决定最佳路线;

  3. 候车人群的移动方向来判断列车是否进站;

  4. 书签,标记阅读位置、阅读进度。


约束(Constraint)

物理约束

物理结构上的局限将可能的操作方法限定在一定的范围内。物理特性决定了操作方法。

物理约束举例:

  1. 一根大木栓不可能插到一个小洞里;

  2. 钥匙和锁;

  3. 电池槽和电池。

文化约束

概念来源:社会科学

每种文化都有一套社交行为准则。

文化行为准则以**范式(schemas)**的形式在我们的头脑中得以体现。范式也就是知识结构,由一般规则和信息组成,主要用于诠释状况,指导人们的行为。在一些固定的情况中(例如,在餐馆吃饭),范式会比较具体。

社会科学家欧文·戈夫曼(Erving Goffman)把规范行为的社会因素称为**“框架”(frames)**,并且展示了“框架”控制人类行为的过程,即使是在一个完全陌生的情况或文化中。如果有人故意违反这一“框架”,那就是自讨苦吃。

文化约束举例:

  1. 人们搭乘电梯时,总是面朝电梯门;

  2. 人们不会给健康强壮的人让座;

  3. 红灯通常用来表示“停”,因此要安装在车的尾部;黄灯/白灯通常作为前灯。

语义约束

概念来源:语义学

语义约束是指利用某种境况的特殊含义来限定可能的操作方法。

语义约束依据的是我们对现实情况和外部世界的理解,这种知识可以提供非常有效的、很重要的线索。类似于文化约束会随着时间而变化,语义约束同样如此。极限运动不断将我们认为有意义的和合情合理的界限向外拓展。新技术会改变事物的意义。具有创意的人不断地改变我们与技术和其他人群的互动方式。

语义约束举例:

  1. 在现有的技术条件下,车辆的红色车尾灯释放出“正在刹车” 的信息;

  2. 当汽车之间可以通过无线网络彼此沟通时,红色车尾灯就没有意义了。

逻辑约束

存在着空间或功能上的逻辑关系。

逻辑约束举例

  1. 如果两个开关控制两盏电灯,那么左边的开关就应该控制左边的灯,右边的开关就应该控制右边的灯;

  2. 门把手的形状可以告诉人们如何使用它,例如,垂直的门把手可以告诉人们应该向下拉门,而水平的门把手则可以告诉人们应该向左或向右推门;

  3. 电源开关的位置通常在设备的前面或顶部,以便用户可以轻松找到它们;

  4. 汽车方向盘上的箭头指示方向,以便驾驶员知道应该往哪个方向转动方向盘;

  5. 电梯按钮上的数字按键通常按照楼层顺序排列,以便用户可以轻松找到他们想要去的楼层。

反馈(Feedback)

概念来源:控制论、信息论

沟通行动的结果。

反馈必须是即时的;反馈必须提供信息;过多的反馈比过少的反馈更恼人。

反馈举例:

  1. 用手拿起一个玻璃杯时,需要感觉(反馈)到以正确的方式伸出手;

  2. 洗碗机通过声音告诉我们碗洗完了。

映射(Mapping)

两组事物要素之间的关系。

在控制与显示的设计和布局时,映射是一个重要概念。每个映射都有一个令人信服的概念模型。

映射举例:

  1. 操控汽车时,顺时针方向转动方向盘使车向右转弯;

  2. 灯光开关与灯的布局安排得一样,就可以很容易确定一个大房间或剧院里灯光的控制关系;

  3. 汽车座椅的多向电动调节装置;

  4. 四出灶具的点火开关。

概念模型(Conceptual Models)

概念模型通常是高度简化的说明,告诉你事物是如何工作的。

概念模型只要有用就行,不必完整或准确。我们这里所关注的概念模型更简单,就待在使用产品的人心中,所以他们也被称作心理模式。

当预测事情讲如何进行,或者当事情不按计划进行而需要搞清楚问题时,概念模型非常有用。

概念模型举例:

  1. 计算机的 “文件夹” 概念;

  2. 混合动力汽车或电动汽车的再生制动方式;

  3. 使用剪刀时移动刀柄,刀刃会随之移动。

©️ 2023 LI DONG LIN

©️ 2023 LI DONG LIN

©️ 2023 LI DONG LIN