人机交互界面的表示模型IIf-四川大学课程中心
人机交互界面设计与实现 ppt课件
ppt课件
22
UI设计
又按了1； “1存折户，2一卡通户，3个人信用卡
户，4新旧卡号查询 0 退出；” vivi按下了1旁边的2号键；
“请输入一卡通卡号，以#号结束；” “1080 80699”，vivi连忙输入了卡号， 按#号键； “请输入查询密码，以#号结束；”
什么是用户体验：
用户体验是一个测试产品满意度与使用度的词语。在大多 数情况下，产品软体测试或是商业行销测试时，会用到用 户体验这个词。有时在探讨设计价值时，也会用到此新设 计是否导出更差的用户体验，来评估其好坏。
除了用户能完成必须的任务之外，应该还提供积极的体验， 而应用设计和交互流程也应令用户感到愉悦。
用户身边充斥着专业术语
ppt课件
18
UI设计
万能软件
ppt课件
19
UI设计
不良的交互实例
取款机上查询工资余额，但是排队的人 太多了，不过还有电话银行嘛，一边拿出 手机，拨通了电话银行的号码：
ppt课件
20
UI设计
一个温柔礼貌的语音提示：“您好，欢 迎使用建设银行电话银行系统，1，自动语 音服务，2人工服务；”
– 经常出错或不好用的功能
– 不方便的操作
– 图标或界面问题
– 除了打电话和发短信外，最常用的功能
– 最想要的功能。
– 理想的操作方式
– 等等……
ppt课件
29
UI的分类
UI的分类
• 传统界面介绍 • 传统界面是指可视化的实物界面，比如电视机的按钮、电源排插的
插孔、键盘、汽车飞机的操控台、食堂的打卡机刷卡界面、相机的按 钮界面、门上的把手界面、仪器的拆装提醒界面、交通指示牌、手机 键盘界面等。 • 诸如此类的“硬件”界面就是我们所熟知的传统界面，他们的共同 特点是看得见摸得着，不同的是有些界面你可以直接对它进行操作， 通过正确的程序或者指令去完成操作过程，实现目的，比如插上插排 就可以通电，打开电视机就可以看电视。有些界面则不行，例如拆装 提醒界面、交通指示牌，这些是不能对它们进行直接操作的界面，它 们的主要功能是提醒使用者去执行某件事情，它是不具有可操作性。
人机交互知识：人机交互的概念模型与交互框架
人机交互知识：人机交互的概念模型与交互框架人机交互的概念模型与交互框架随着互联网技术的迅速发展和普及，人机交互这一领域也愈发重要。
人机交互指的是人与计算机之间的信息交互和操作过程，是计算机科学、心理学、设计学等多个领域交叉的研究领域。
本文将介绍人机交互的概念模型与交互框架。
一、概念模型概念模型是对一个事物或系统的一种抽象表达方式。
在人机交互领域，概念模型指的是人们在使用计算机软件或硬件时所建立的关于该系统的认知模型。
这个模型可以帮助人们理解和使用系统。
一个好的概念模型要能够反映用户的思维方式和习惯，能够帮助用户进行有效的交互，从而达到预期的效果。
概念模型分为浅层模型和深层模型，即用户对系统的浅层理解和深层理解。
浅层理解即界面和操作的外观和方式，深层理解即系统内部的操作方式和逻辑关系。
在设计一个系统时，设计师需要建立一个符合用户思维的概念模型，从而提升用户体验和系统的易用性。
因此，设计师需要对用户的需要有深入的了解，开展用户调查和用户研究，了解用户习惯和思维方式。
二、交互框架交互框架是用户与计算机系统进行交互的方式和流程。
在这个过程中，用户会在界面上进行各种操作，提交请求和获取反馈。
交互框架的设计要保证用户能够方便快捷地完成所需操作，同时也要考虑用户的心理因素，如记忆、认知、情感等。
一般来说，交互框架包括以下几个方面：1.界面设计。
界面是用户与系统交互的主要途径，决定了用户的视觉感受。
设计师需要考虑色彩、布局、字体等元素，使界面美观、简洁、易于理解。
2.操作设计。
操作是用户与系统进行交互的核心，设计师需要考虑用户的使用环境、习惯和思维方式。
操作设计需要简化，避免复杂的操作流程，实现单击、双击等简单明了的操作方式。
3.反馈设计。
反馈是用户操作后的反馈信息，使用户了解系统的状态。
设计师需要使反馈信息及时、准确、清晰明了，为用户提供有用的信息。
4.导航设计。
导航是用户完成任务的途径，设计师需要使导航方式简单明了，使用户能够顺畅完成任务。
人机交互课程课件
无界面交互的未来展望
无界面交互技术将进一步发展， 实现人与机器之间的自然交互，
无需任何物理设备或屏幕。
通过手势、语音、生物特征等识 别技术，机器能够理解人的意图 并做出相应的反应，实现更加智
能和高效的人机交互。
无界面交互技术的发展将为未来 的智能生活带来更多的便利和创 新，例如智能家居、智能交通等
易用性
简化操作流程，降低使用难度，让用 户能够快速上手并高效地完成任务。
定制化
提供一定程度的定制化服务，满足不 同用户的个性化需求和偏好。
交互设计工具
线框图
原型设计
使用线框图来规划和展示产品的布局、界 面元素和交互流程。
创建产品原型，模拟真实产品的交互效果 ，以便在实际开发前进行测试和验证。
用户测试
04
THANKS
感谢观看
领域的应用。
05
人机交互课程实践
设计一个简单的网页交互
总结词：了解网页交互设计的基本原则和技巧 ，包括布局、导航、信息架构等。
01
确定网页的目标和受众，以便设计出符合 用户需求和习惯的界面。
03
02
详细描述
04
选择合适的布局和颜色方案，确保网页整 体风格统一、易于识别。
பைடு நூலகம்
设计清晰的导航结构，使用户能够快速找 到所需内容。
多模态交互时代
随着技术的不断进步，人机交互正朝着多模态交互的方向发展，即通 过多种方式与计算机进行交互，如手势、眼动、语音等。
02
人机交互基础知识
交互设计原则
用户为中心
设计始终以用户的需求和体验为出发点，确 保产品的易用性和满足用户期望。
可用性
确保产品功能和交互方式对用户来说是可用 的，避免出现误操作和信息混淆。
人机交互设计中的人机模型
人机交互设计中的人机模型在当今信息技术高速发展的时代，人与人、人与机器、机器与机器间的数据交换和互动越来越普遍。
人机交互作为信息技术领域的一个分支，旨在研究如何让人类和计算机之间的交互更加自然、高效和愉悦，也在实际生活中得到了广泛应用。
而人机模型则是人机交互设计的一个关键概念，它描述了在设计交互界面时，设计师如何模拟和描述用户在使用计算机系统时的过程和行为。
人机模型是什么？人机模型是一个抽象的概念，它指代了在人机交互中，设计师所使用的描述用户行为的理论模型。
通俗点说，人机模型就是通过对人类认知机制和计算机信息处理机制的理解，将二者之间的交互过程形式化地呈现出来。
具体来说，人机模型主要包括以下两个方面：1. 用户行为的模型（User models）用户行为的模型是指用来描述人类在计算机的交互过程中所表现的行为和过程的模型。
例如，当一个用户使用一个软件时， ta 的兴趣点和习惯是什么，ta 在使用软件时使用的流程是怎样的，ta 对软件的评价是如何的等等，这些都需要通过用户行为模型来表达。
2. 系统行为的模型（System models）系统行为的模型则是描述计算机在人机交互过程中所表现的行为和过程的模型。
例如，当一个用户输入一个指令时，计算机会如何理解这个指令，它将使用什么算法来处理用户的请求，并将结果呈现给用户等等，这些都需要通过系统行为模型来描述。
为什么人机模型这么重要？人机模型对于人机交互设计而言至关重要，这是因为它可以在理论上指导设计师设计出更加符合用户需求的交互界面，并且可以通过对模型的分析和优化来提高交互界面的效率，减少用户的耗时和误操作。
同时，人机模型的建立也为用户体验研究提供了理论依据，例如，在实验设计中可以通过建立用户行为模型来设置实验假设，然后通过实验结果来验证这些假设的正确性，从而推导出更加准确的设计原则。
人机模型的分类不同的设计师和学者基于不同的研究兴趣和实践需求，对人机模型进行了不同的分类。
人机交互课后习题答案
习题 11.什么是人机交互人机交互技术 (Human-Computer Interaction Techniques)是指经过计算机输入、输出设施，以有效的方式实现人与计算机对话的技术。
它包含机器经过输出或显示设施给人供给大批相关信息及提示请示等，人经过输入设施给机器输入相关信息及提示请示等，人通过输入设施给机器输入相关信息，回答下列问题等。
人机交互技术是计算机用户界面设计中的重要内容之一。
它与认知学、人机工程学、心理学等学科领域有亲密的联系。
1.简单介绍人机交互技术的研究内容。
1.人机交互界面表示模型与设计方法2.可用性剖析与评估3.多通道交互技术4.认知与智能用户界面5.群件6.Web 设计7.挪动界面设计。
2.简单介绍人机交互技术的发展历史。
人机交互的发展过程，也是人适应计算机到计算机不停地适应人的发展过程。
它经历了几个阶段：命令行图形用户界面自然和睦的交互1.命令行界面交互阶段计算机语言经历了由最先的机器语言，尔后是汇编语言，直至高级语言的发展过程。
这个过程也能够看作初期的人机交互的一个发展过程2.图形用户界面（ GUI）交互阶段1）图形用户界面（ Graphical User Interface，GUI）的出现，令人机交互方式发生了巨大变化。
GUI 的主要特点是桌面隐喻、 WIMP 技术、直接操控和“所见即所得”。
2）与命令行界面对比，图形用户界面的人机交互自然性和效率都有较大的提升。
图形用户界面很大程度上依靠于菜单项选择择和交互小组件（ Widget）。
3）图形用户界面给有经验的用户造成不方便，他们有时偏向使用命令键而不是选择菜单，且在输入信息时用户只好使用手这一种输入通道。
4）图形用户界面需要占用许多的屏幕空间，而且难以表达和支持非空间性的抽象信息的交互。
3.自然和睦的人机交互阶段跟着虚构现实、挪动计算、无处不在计算等技术的飞快发展，自然和睦的人机交互方式获得了必定的发展。
鉴于语音、手写体、姿势、视野追踪、表情等输下手段的多通道交互是其主要特点，其目的是令人能以声音、动作、表情等自然方式进行交互操作。
人机交互技术与界面设计
人机交互技术与界面设计一、人机交互技术概述人机交互技术，简称HCI（Human-Computer Interaction），是介于人类和计算机之间的交互过程。
它是应用计算机、通信、控制等技术手段使人类与机器之间能够互动，并最终实现方便快捷、高效安全的目的的学科领域。
要想实现高质量的人机交互，除了需要符合人体工程学的原理外，还需要涉及到语音、视觉、触觉、心理学等多个学科领域的知识。
二、界面设计分类1. 图形界面设计图形界面设计是界面设计的重要方向，它是指通过图形和图表表达所需信息的界面，通常包括按钮、菜单、输入控件等常用的组件。
这种设计方式常用于用户较为复杂的任务需要中，如图像处理、视频编辑等。
2. Web界面设计Web界面设计是指在网页上设计的界面，在这种设计方式中，需要考虑网页的布局、颜色、字体、导航、交互等因素。
这种设计方式常用于网站的设计中，如电子商务网站、新闻网站等。
3. 移动界面设计随着移动设备的普及，移动界面设计成为越来越重要的一种设计方式。
移动界面设计需要压缩信息并保证读取效率，同时还要兼顾设备的尺寸和用户的使用习惯。
三、界面设计的几个关键原则1. 简单易用界面设计的核心原则是简单易用。
不论是在家庭用户还是企业用户使用的应用程序中，用户的知识水平和应用需求都是千差万别的，而且互联网和网络技术以及应用的快速变化都要求突出设计的灵活性。
2. 直观性直观性是设计高质量界面的关键。
一个直观的界面能够使用户快速或者自然的认知信息，对于一个结构不太复杂的应用程序，在界面设计上突出直观性是十分重要的。
3. 一致性界面的一致性是许多设计者积极推崇的原则之一。
一致性要求在系统或应用程序的整个界面或者元素中保持相同的用词、布局、图标等元素，这样用户可以更容易的理解操作。
4. 可操作性可操作性是评估一个界面的标准。
用户往往希望在一种同样感觉良好的界面下操作应用程序，在操作后感觉不会因为自己的失误而造成不必要的损失。
人机交互课程PPT
汇报人： 2023-12-03
contents
目录
• 人机交互概述 • 人机交互基础知识 • 人机交互技术 • 人机交互应用场景 • 人机交互设计原则与案例 • 人机交互未来趋势与挑战
01
CATALOGUE
人机交互概述
定义与概念
定义
人机交互是指人与计算机之间进 行交互和信息交换的过程。
人机交互应用场景
智能家居
智能家居控制系统
通过人机交互技术，实现 对家居设备的智能化控制 ，如灯光、空调、电视等 。
语音识别与交互
利用语音识别技术，实现 与家居设备的语音交互， 方便用户操作。
智能安防与监控
通过人机交互技术，实现 家庭安全监控、智能门锁 等功能，提高家庭安全防 范能力。
虚拟现实
人机界面设计
利用人机交互技术，实现智能辅助诊断与治疗系统的人机交互，提高诊断和治疗水平。
康复训练与评估
通过人机交互技术，实现康复训练和评估系统的控制和交互，帮助患者进行有效的康复训 练。
05
CATALOGUE
人机交互设计原则与案例
设计原则
一致性
遵循一致的设计语言和规范， 使用户在跨平台、跨设备上都 能轻松地理解和使用产品。
人机交互未来趋势与挑战
技术创新与发展趋势
01
人工智能与机器学习
人工智能和机器学习技术的发展将推动人机交互方式的创新，例如语音
识别、自然语言处理、计算机视觉等技术将更好地服务于人机交互。
02
5G与物联网
5G和物联网技术的发展将为人机交互带来更多可能性，例如通过智能
设备实现更高效、更自然的交互。
03
虚拟现实与增强现实
人机交互知识：人机交互界面的可视语言与范式设计
人机交互知识：人机交互界面的可视语言与范式设计人机交互知识：人机交互界面的可视语言与范式设计人机交互是指人类与计算机之间的相互作用和信息交流方式，它是计算机科学中一个非常重要的领域。
而在人机交互中，良好的界面设计是至关重要的，因为它直接关系到人机交互的效率和用户体验的质量。
在界面设计中，可视语言和范式设计是不可或缺的两个方面。
一、可视语言可视语言是指通过界面设计传达信息和实现交互的一整套可视元素和交互元素。
具体来说，可视语言包括以下几个方面：1.颜色颜色是传达信息的重要方式之一，因为人的视觉系统是非常敏感的。
在界面设计中，颜色的选择需要考虑一些基本的原则，如互补色的搭配、颜色的饱和度和明度的适当调节等。
2.字体字体是界面信息传递的重要手段，在选择字体时应注意字体的可读性、良好的对比度和字体与主题之间的和谐搭配。
3.图形图形元素可以代表很多信息和功能，因此在设计中要注意图形的含义和可理解性，符号的一致性和精确度以及图形的比例和组合。
4.界面结构界面结构是指整个应用程序的整体布局和结构。
在设计界面结构时应该考虑到用户的诉求和使用习惯，简约明了，清晰易懂，并适当设置各类功能的入口。
二、范式设计范式设计是指以用户的操作和需求为中心，设计出一种符合大多数用户习惯的交互模式。
常见的范式设计包括以下几种：1.概念模型概念模型是设计人员在设计交互时考虑到的用户模型，它与实际使用方式相符合，使用户在使用过程中更加自然。
2.用户界面模式用户界面模式是指一种常用的交互方式，比如菜单、工具栏、文本框和按钮等。
它们被称为范式，因为它们已经成了许多软件的通用做法。
3.交互模式交互模式是指在特定环境下，用户与计算机之间交互的方式，例如鼠标和键盘等。
在设计交互模式时，应该考虑用户的使用习惯和常规做法，以保证用户的学习成本最低。
4.反馈机制反馈是某个动作或操作引发的系统快速反应和提示。
正常的反馈机制可以鼓励用户进行更多的操作，并快速解决问题，提高操作效率。
人机交互与人机界面课件
人机交互与人机界面课件
➢在图形模式下
➢将一个图形由一个位置移动到另一个位置,在移动 的轨迹上按特定的象素操作模式(如异或方式)进行图
形的重新绘制.这样,拖动的图形不会破坏它扫过轨迹
➢ 如指定一个圆的圆心等。
➢ 输入方式包括直接或间接在屏幕上输入, 设置数值坐标等。
人机交互与人机界面课件
间接输入设备: 1)最普通的定位设备:鼠标及屏幕上的光标。 2)操纵杆、数字化仪及按键盘上的方向键也可 以控制光标的移动。
直接输入设备
光笔、触摸屏
人机交互与人机界面课件
2. 笔画设备（Stroke）
人机交互与人机界面课件
5．拾取设备（Pick）
• 拾取设备在处理的模型中选取一个对象，从而为应 用型操作确定目标。
• 输入方式: ➢直接在屏幕上选取 ➢时间扫描 ➢字符串选取。
• 物理设备包括各种定位设备、编程功能键、字符串 输入设备等。
人机交互与人机界面课件
6．字符串设备（String)
• 字符串设备向应用程序输入字符串.
人机交互与人机界面课件
3. 引力场
• 可以看做是一种定位约束，用光标进行选图操作时，为 了使光标可以较容易地定位选择区域中的图形，可以将 图形的选择区域适当变大，这就是引力场方法。
• 例如，在每条线段的周围假想有一个区域，光标中心落 在这个区域内时，就自动地被直线上离光标最近的一点 所代替，如同一个质点进入直线周围的引力场后，被吸 引到这条直线上去一样。
4. 选择
• 选择是在某选择集中选出一个元素，它可 以用于指定命令，确定操作对象或选定属 性等。
• 选择功能可用功能键.
• 可用鼠标移动光标到要选图
元附近的位置，按下鼠标的
人机交互界面设计教学大纲
人机交互界面设计教学大纲人机交互界面设计教学大纲引言：人机交互界面设计是计算机科学与人类心理学的交叉领域，旨在通过设计用户友好的界面，提高用户的满意度和效率。
本文将探讨人机交互界面设计教学大纲的制定，以帮助培养具备创新思维和实践能力的界面设计人才。
一、课程简介1.1 课程背景人机交互界面设计在当代社会发挥着越来越重要的作用。
随着科技的不断进步，人们对于界面设计的需求也日益增长。
因此，培养具备人机交互界面设计能力的专业人才势在必行。
1.2 课程目标本课程旨在使学生掌握人机交互界面设计的基本理论和方法，培养其创新思维和实践能力，以应对快速发展的科技行业对人机交互界面设计人才的需求。
二、课程内容2.1 人机交互基础2.1.1 人机交互概述2.1.2 人类认知与感知2.1.3 人机交互设计原则2.2 用户研究与需求分析2.2.1 用户研究方法2.2.2 用户需求获取与分析2.2.3 用户模型与用户场景设计2.3 界面设计原则与方法2.3.1 可用性原则2.3.2 信息架构设计2.3.3 交互设计2.3.4 可视化设计2.4 用户体验评估2.4.1 用户测试方法2.4.2 用户反馈与数据分析2.4.3 优化与改进策略三、教学方法3.1 理论授课通过讲解人机交互界面设计的基本理论和方法，使学生建立起扎实的理论基础。
3.2 实践操作通过实际案例分析和设计实践，提升学生的实际操作能力和创新思维。
3.3 团队项目组织学生进行团队项目实践，培养其合作与沟通能力，加强实际应用能力。
四、教学评估4.1 课堂测试通过课堂测试，检验学生对于理论知识的掌握情况。
4.2 项目评估通过对学生团队项目的评估，考察学生的实际操作能力和创新思维。
4.3 个人报告要求学生撰写个人报告，总结课程学习成果和心得体会。
五、教材参考5.1 《人机交互界面设计导论》5.2 《用户体验设计》5.3 《交互设计之路》六、结语人机交互界面设计教学大纲的制定旨在培养具备创新思维和实践能力的界面设计人才。
人机交互ch02人机交互模型PPT课件
2020/11/23
Ch02-人机交互模型
28
• 对话类型的概念模型是基于“人与系统对话”这 一模式设计的
• 它与“指示”类型的模型不同。“对话”是一个 双向的通信过程，其系统更像是一个交互伙伴， 而不仅仅是执行命令的机器。
目 标 (G oal)
期望 (E x p e c ta tio n )
评 估 (E valuation)
解 释 (Interpretation)
理 解 (Perception)
2020/11/23
Ch02-人机交互模型
4
2.1 人机交互框架模型
• Abowd和Beale在1991年修正了Norman模型 • 这个模型为了同时反映交互系统中用户和系
• 控制：负责对话控制并维护表示和提取的一致 性。
不同PAC Agent的“陈述、提取和控制器”不同， 最底层的PAC实现与终端用户的交互，顶层的 PAC用于实现交互系统中与应用有关的功能。
2020/11/23
Ch02-人机交互模型
23
PAC模型与MVC模型之间有四个重要的区别：
1. PAC模型Agent将应用功能与陈述、输入 和输出行为都封装在一个对象中。
• 人机交互模型是开发一个实用人机交互系 统的基础
2020/11/23
Ch02-人机交互模型
2
Norman的执行-评估循环模型
• 一个较早提出一个有一定影响的模型
• 在这个模型中，Norman将人机交互过程分 为执行和评估两个阶段，通常由以下七个 步骤构成
– 建立目标 ,形成意图 ,动作描述 ,执行动作 ,理解 系统状态 ,解释系统状态 ,根据目标和意图评估 系统状态
人机交互课件第1章 绪论
Ubiquitous Computing ）等对人机交互技术提出了更
高的要求。
移动设备特点：便携性、位置不固定性和计算能
力有限性以及无线网络的低带宽高延迟。 研究内容：研究移动界面的设计方法，移动界面 可用性与评估原则，移动界面导航技术，以及移动界 面的实现技术和开发工具。
1.4 人机交互的发展历史
人机交互技术与认知心理学、人机工程学、多媒体技 术和虚拟现实技术密切相关。 其中，认知心理学与人机工程学是人机交互技术的理 论基础，而多媒体技术和虚拟现实技术与人机交互技术相 互交叉和渗透，其关系如图所示。
多媒体技术
虚拟现实技术
人机交互技术
认知心理学
人机工程学
人机交互与其他相关学科的关系
1.2.1 认知心理学
1.2.3多媒体技术
1. 什么是多媒体技术？ 一般的，多媒体技术是指将正文、声音、图形、静止 图像、动态图像等与计算集成在一起的技术。 优点：通过引入动画、音频、视频等动态媒体，大大 丰富了计算机表现信息的形式，拓宽了计算机输出的带宽 ，提高了用户接受信息的效率，使人们可以得到更直观的 信息，从而简化了用户的操作，扩展了应用范围。
课程内容
第一章 第二章 第三章 第四章 绪论 感知和认知基础 交互设备 交互技术
第五章
第六章 第七章 第八章 第九章
界面设计
人机交互界面的表示模型与实现 WEB界面设计 移动界面设计 可用性分析与评估
第1章
绪
论
主要介绍以下几个方面的内容： l l l l l 人机交互的概念 人机交互与其他相关学科的关系 人机交互的研究内容 人机交互的发展历史 人机交互的应用
人机交互技术主要是研究人与计算机之间的信息 交换，它主要包括人到计算机和计算机到人的信息交 换两部分。
第6章 人机交互界面表示模型
UAN模型的基本思想
预定义一些标志符： 用户动作标志符 条件标志符 采用一种表格结构来表示任务
任务（task）：任务名称（the name of task） 用户行为 界面反馈 界面状态
界面被分解成一些类似层次结构的异步任务，每个任务的实现都用表 格来描述，用户动作的关联性和时序关系由表格的行列对齐关系和从 上到下、从左到右的阅读顺序来确定。
• 用户动作标志符：
– ~[X]，在某个图形对象上 移动鼠标； – £ ， 按下鼠标； – ¢ ，释放鼠标； – !, 使对象高亮显示； – -!， 取消对象的高亮显示 – Display,显示图形对象； – Erase, 取消显示对象。
UAN预定义的条件标志符（部分）
while(condition) TASK
当条件condition为真时，循环执行任务TASK；
if(condition) then TASK
如果条件condition满足，则执行任务TASK；
iteration A* or A+
表示迭代操作；
waiting
表示等待，可以等待一个条件满足，也可以等待任 务中的一个操作执行。
LOTOS基本思想
系统的外部可见行为可以看作是由一个有时序关系的交互 序列组成。 系统由一系列进程组成，进程同环境之间通过称为“关口” （gates）的交互点进行交互。 两个以上的进程在执行同一个外部可见的行为时会发生交 互操作，进行数据交换、信息传递、协调同步等操作。 进程行为用“行为表达式”来描述，复杂的行为由简单的 行为表达式通过表示时序关系的LOTOS算符组合而成。 在将LOTOS思想用于人机交互的行为模型时，用进程之间 的约束关系来描述交互子任务之间的关系。
人计界面设计
人-计界面设计(1)人—计界面定义所谓界面就是进行信息交流的接口，根据这一定义，我们可以理解为人—计界面就是人和计算机相互作用、相互进行信息交流的接口。
在这个界面中，人和计算机是两个重要的组成系统，而界面是人与计算机之间传递、交换信息的媒介(图6—42为××软件系统的菜单)，是用户使用计算机系统的综合操作环境。
通过人—计界面，用户向计算机系统提供命令、数据等输入信息，这些信息经计算机系统处理后，又通过人—计界面．把产出的输出信息回送给用户。
人—计界面(Human Compu愧r Interface，HCD)又称人机接口、用户界面(User Interface)，是计算机科学中最年轻的分文之一，是计算机科学与心理学、图形学、认知科学和人机工程学的交叉研究领域。
A TMEL代理近年来，随着软件工程学的迅速发展，新一代计算机技术研究的推动，以及网络技术的突飞猛进，人—计界面设计和开发已成为国际上一个非常活跃和热门的研究方向。
人—计界面主要包括两类：硬件界面和软件界面。
硬件界面包合计算机输入装置和输出装置，前者如键盘、鼠标、图形输入板、光笔、触摸屏、追踪球、操纵杆等．后考则包含显示器、打印机、绘图仪等。
人只有利用这些输入和输出装置，才能实现与计算机的信息交流。
软件界面则要通过编程来实现其功能。
设计各种软件的目的在于要使计算机能适用于使用者的要求，不仅要朗够有效地完成工作任务，而且要使使用者操作方便，易学易用。
可以说，人—计界面不同于一般人机界面的地方主要体现在软件界面上(2)人—计界面研究的内容人—计界面学主要是认知心理学和计算机科学相结合的产物，同时还涉及哲学、生物学、医学、语言学、社会学等，是名副其实的跨学科、综合性的交叉性学科。
其研究范围包括硬件界面、界面所处的环境、界面对人的影响、软件界面以及人机界面开发工具等。
HeWeM等将人—计界面分为白然的人计交互、计算机的使用与配置、人的特征、计算机系统与界面结构、发展过程等5个部分，并将其关系表示为团6—43。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
山东大学计算机学院
人机交互界面表示模型
1）行为模型：该模型主要从用户和任务的角度考虑 如何来描述人机交互界面。 2）结构模型：该模型主要从系统的角度来表示人机 交互界面。本节将重点介绍产生式规则和状态转换网 络。 3）模型转换：主要介绍行为模型到结构模型的转换 。 4）表现模型：主要介绍人机界面表现的具体描述方 法。
词汇 (表现)
逻辑
结构
内容
样式
行为
用户界面标记语言(UIML)
结构：列举了一系列界面部件何在不同的平台中对应的组织 ；
样式：定义界面部件中各种属性对应的值；
类似HTML样式表；
内容：讲文本、声音、图片与界面部件做关联，使得不同用 户组的界面国际化或自定义更为便利； 行为：定义起作用的用户界面事件和应该做什么。
界面元素：界面元素属性，对几何对象、内容对象、绘制对 象的描述 面板：界面元素的模型定义+界面元素的列表和布局的定义 XML描述
山东大学计算机学院
4
面板用户界面逻辑组织结构
B Bx By Bz C Cx Cy Cz A
(a)面板用户界面的图形显示
(b)面板用户界面的数据结构表示
(c)面板用户界面的绘制
1-n 1 Logical - n Window 0-n 1- n 0-n 1 - n Comp osite AIO 0-n 1- n 1-n 0-n
每个PU可以分解为一个或许多 同时、交替或是以某种组合的 形式在屏幕上显现的 LW。每 个PU至少存在一个主窗口，允 许其它窗口导航。
Simple AIO
一种是界面内部的依赖，即父子关系的面板，父子关系是指 面板B依赖于面板A的某个界面元素开启显现活动的命令开关 ，这样，就称面板A是面板B的父面板。 对服务的依赖，即分布式应用中的面板。触发窗口是指面板 依赖于某个服务的存在而显现
面板界面分类
独立显现的自由面板(FreePanel)、面板面板 (PanelPanel)、原子面板 (ComponentPanel)
检验An是否添加了对鼠标事件的监听， 如果An存在对鼠标事要执行的任务
B A
By An
用户产生了一个动作后，事件处理中心就获得了用户 的动作和屏幕上的一个坐标(x, y)。
使用链表搜索算法遍历链表中每个节点 { if (坐标落在了某个面板区域内部) { 显示该面板及面板内包含的所有界面元素，其余面板按照原来的先后顺序排列； 使用树的搜索算法遍历面板内的每个的单位界面元素 { if (坐标落在了某个单位界面元素的区域内部) then { if(Succeed(聚焦并激活单位界面元素)){ if (选中的单位界面元素添加了特定事件的响应) then { 将控制权交给单位界面元素交互对象，执行该事件要执行的任务，返 回； } } } } 所有面板失去焦点，聚焦到系统要显示的默认界面； }
= is a = can be composed of 0- n = 零到多 1-n = 一到多
面板间的关系
面板关系
并列面板
嵌套面板
依赖面板
父子面板
依赖于服务的面板
自动显现
用户驱动
面板间的关系
并列关系:两个面板在功能上独立的，没有任何其他关 系。 嵌套关系:面板A在面板B的内部，面板A包含面板B。 依赖关系分为两种，
陈述式语言
界面描述语言
界面：使用陈述性知识描述界面，使用过程进一步解 释。
陈述性知识：给出事物本身的属性及事物之间的相互关系， 对问题的解答隐含在知识中。 过程性知识：给出解决一个问题的具体过程。
陈述性语言
用户界面标记语言(UIML)
由结构(structure)、样式(style)、内容(content)、行为 (behavior)四个方面来描述
面板间的关系
基于面板的用户界面表现模型
Presentation Unit
Logical Window (LW)：任 意AIO的组合，一个物理窗 口、子窗口区域、对话框和 面板。 Presentation Unit (PU)：一 个PU被定义为一个完整的 表现环境需要实现一个特定 的交互任务。
森林的结构
每棵树是一个面板 叶结点是单位界面元素对象
靠链表的头部越近，在屏幕上显示的排列顺序越靠前
Eg:选中了面板C
面板 A 面板 B 面板 C 面板 D (a)
面板 A
面板 B
面板 D (b) 面板 C
面板 C
面板 A
面板 B
面板 D
(c)
面板内部的事件分发及响应方式
指点设备事件的响应
当鼠标落在了An和By的相交的图形表示区域时-----> 搜索当前面板链表中的面板，判断鼠标是否落在了某一面板内部，发现鼠 标落在了面板A内-----> 事件处理中心采用树的广度优先搜索算法或是深度优先搜索算法，判断鼠 标是否落在了面板A中某一界面元素交互对象内部，发现鼠标指针的位置
在交互对象An区域内部----->
陈述性语言
扩展界面标记语言(XIML)
由组件(Components)、关系(Relations)和属性(Attributes)三 部分构成
组件：定义了任务、域、用户、表现和对话五类
独立显现的面板一般是可以单独运行的应用程序界面，具有 依赖性的面板是可独立显现的自由面板的一种特殊的形式 面板面板是用户定义的可以嵌套到任意面板的而且不能独立 显示的界面块
原子面板是面板中的最小单位，是不可再分的面板。
面板
自由面板
面板面板
原子面板
依赖性面板
界面描述语言·
命令式语言
要求编程人员明确指定如何执行任务 C++, android… 要求编程人员只需要指定任务要做什么（抽象） 从XML获取语法和句法
课程目标
掌握表现模型 了解界面描述语言
表现模型
表现模型(PM)描述了用户界面的表现形式，由层次 性的交互对象组成。
交互对象一般由抽象交互对象(AIO - Abstract Interactive Object)和具体交互对象(CIO - Concrete Interactive Object)组成。 管理信息系统的交互界面：填表界面