《智能交互技术与应用》课件-第3章 交互设计准则

交互设计准则第3章3.1用户体验和交互设计流程人机交互用户体验最先由美国认知心理学家唐纳德诺曼于1995年提出，成功的用户体验必须做到以下三点：在不骚扰、不让用户厌烦的情况下满足用户的需求；提供的产品要简洁优雅，让用户用得高兴、愉悦地拥有；要能给用户带来额外的惊喜。DonaldArthurNorman用户体验（UserExperience）用户体验并不是指一件产品本身是如何工作的，用户体验是指“产品如何与外界发生联系并发挥作用”，也就是人们如何“接触”和“使用”它。Ajax之父JamesGarrett用户体验定义：人们针对使用或期望使用的产品、系统或者服务的所有反应和结果。ISO补充：用户体验涉及用户在使用一个产品前，使用中，使用后的全部感受。包括（情感、信仰、喜好、认知印象、生理和心理反应、行为和成就各个方面）。ISO9241-210用户体验的定义感官体验用户视听上的体验，强调舒适性。交互体验的分类感官体验交互体验界面给用户使用、交流过程的体验，强调互动、交互特性。情感体验给用户心理上的体验，强调心理认可度。交互体验情感体验9用户＋产品

期望＋体验体验结果10用户＋产品

期望＋体验体验结果用户＋产品

期望＋体验体验结果被誉为交互设计之父的艾兰·库伯提出了一个国际上广为认可的交互设计流程：用户研究确定人物角色并建模画线框图、制作原型测试评估改善设计，持续迭代Alancooper交互设计流程姓名：李明确定人物角色并建模确定人物角色并建模线框图示例3.2交互设计的原则人机交互专家雅各布·尼尔森于1995年发表了十大可用性原则，这是产品设计与用户体验设计的重要参考标准。熟练掌握十大可用性原则，对于指导设计和提升整个产品的可用性体验非常重要。交互设计的原则让用户知道系统正在干什么或干了什么，要给用户及时的反馈信息。3状态可见原则（1）状态可见原则Visibilityofsystemstatus让用户知道系统正在干什么或干了什么，要给用户及时的反馈信息。3状态可见原则（1）状态可见原则Visibilityofsystemstatus3让用户知道系统正在干什么或干了什么，要给用户及时的反馈信息。（1）状态可见原则Visibilityofsystemstatus状态可见原则此状态可以是永久性的，或者始终可见，如时间、电池寿命或Wi-Fi连接指示器；让用户知道系统正在干什么或干了什么，要给用户及时的反馈信息。（1）状态可见原则Visibilityofsystemstatus状态可见原则让用户知道系统正在干什么或干了什么，要给用户及时的反馈信息。（1）状态可见原则Visibilityofsystemstatus状态可见原则下拉刷新的状态显示产品的逻辑应该符合真实世界中的一些惯例和人类自然思考逻辑，不论是界面上的隐喻、模拟情景等设计都应符合真实的世界，便于用户理解使用。场景贴切原则（2）场景贴切原则Matchbetweensystemandtherealworld（2）场景贴切原则Matchbetweensystemandtherealworld场景贴切原则（2）场景贴切原则Matchbetweensystemandtherealworld场景贴切原则（2）场景贴切原则Matchbetweensystemandtherealworld场景贴切原则用户可能并没有工程师“以为”的那么聪明，所以当他们操作失误的时候，给一个“安全出口”允许用户快速返回到原始状态。（3）用户可控原则Usercontrolandfreedom用户可控原则在遵循惯例的基础上也要保证产品功能操作、控件样式、界面布局、提示信息的一致性，不要让用户在使用的时候发现不符合规范的地方。（4）一致性原则Consistencyandstandards一致性原则一致性原则在遵循惯例的基础上也要保证产品功能操作、控件样式、界面布局、提示信息的一致性，不要让用户在使用的时候发现不符合规范的地方。（4）一致性原则Consistencyandstandards一致性原则在遵循惯例的基础上也要保证产品功能操作、控件样式、界面布局、提示信息的一致性，不要让用户在使用的时候发现不符合规范的地方。（4）一致性原则Consistencyandstandards一致性原则结构一致性一致性原则色彩一致性一致性原则操作一致性一致性原则反馈一致性一致性原则文字一致性用户在使用产品时难免会出错，但好的产品应该是防止或最大限度的减少出错的可能性。比如，提供更多提示并让用户选择而不是输入。（5）预防出错原则Errorprevention预防出错原则预防出错原则微信朋友圈发动态时，什么都没有输入时，发表按钮置灰。如果不置灰时，点击发送时空数据，是不允许发送的。所以置灰可以防止用户出错。预防出错原则人总是懒惰的，所以应尽量减少用户对操作的记忆负担，如果可以给出提示或直接选择就最好了。（6）协助记忆原则Recognitionratherthanrecall协助记忆原则（6）协助记忆原则Recognitionratherthanrecall协助记忆原则用户在使用产品时可以方便快捷的完成相关任务或操作。通常，可以向不同用户提供差异化功能。（7）灵活高效原则Flexibilityandefficiencyofuse灵活高效原则在产品设计或相关界面中，让相关信息尽可能清晰，不要太复杂或繁琐，即突出重要内容，以消除或减弱干扰和不相关的内容。（8）美观简洁原则Aestheticandminimalistdesign美观简洁原则美观简洁原则如果用户出错，应提供及时和正确的帮助。如果实在不能帮助用户从错误中恢复，也请深度帮助用户最大限度地减少损失。（9）容错原则Helpusersrecognize，diagnose，andrecoverfromerrors容错原则容错原则帮助性提示最好的方式是：无需提示；一次性提示；常驻提示；帮助文档。为用户提供必要的可以看懂的帮助文档，文档中应包含用户可能遇到的各种情况和信息，帮助文档要全、简单、用词要本地化。（10）人性化帮助原则Helpanddocumentation人性化帮助原则人性化帮助原则明确应用环境，需回答如下五个问题：要做哪些事谁是目标用户解决了哪些问题如何发挥作用可以给用户带来哪些好处用户体验的应用环境3.3大模型时代的交互设计原则生成式人工智能LLM发展时间线ZhaoWX,ZhouK,LiJ,etal.Asurveyoflargelanguagemodels[J].arXivpreprintarXiv:2303.18223,2023./pdf/2303.18223.pdf（中国人民大学）T5LLaMA家族ZhaoWX,ZhouK,LiJ,etal.Asurveyoflargelanguagemodels[J].arXivpreprintarXiv:2303.18223,2023./pdf/2303.18223.pdf（中国人民大学）GPT系列模型ZhaoWX,ZhouK,LiJ,etal.Asurveyoflargelanguagemodels[J].arXivpreprintarXiv:2303.18223,2023./pdf/2303.18223.pdf（中国人民大学）基于MLLM的视觉交互Caption-Anything是一个交互式多模态图像处理工具，通过结合SegmentAnything（交互式分割）、VisualCaptioning（视觉描述生成）和ChatGPT（语言风格控制），实现“指哪说哪”的智能描述生成。基于MLLM的视觉交互Grounded-SAM-2通过结合视觉基础模型（如SAM）和语言引导的交互式目标检测，实现视频中多目标的精准跟踪与分割，解决传统方法在复杂场景下目标丢失、遮挡或语义模糊的问题，支持用户通过自然语言指令动态调整跟踪对象，提升视频理解的灵活性和鲁棒性。基于MLLM的视频理解基于MLLM（多模态大语言模型）的视频理解技术，旨在解决传统方法难以处理的视频多模态语义关联与复杂时空推理问题，通过融合视觉、文本等多维度信息，实现视频内容的深层语义理解（如意图识别、因果推理）与智能生成（如摘要、问答）。基于LM的无人驾驶模型SimaC,RenzK,ChittaK,etal.Drivelm:Drivingwithgraphvisualquestionanswering[J].arXivpreprintarXiv:2312.14150,2023.将视觉-语言模型（Vision-LanguageModels,VLMs）集成到端到端的驾驶系统中，以提高泛化能力并实现与人类的互动。这项研究的核心是提出了一个新的任务——GraphVisualQuestionAnswering（GraphVQA），它通过感知、预测和规划的问答对来模拟图结构化的推理过程，从而更贴近人类驾驶员的决策方式。基于LM的无人驾驶模型LLM-Driver运行在开环预测中，使用矢量输入(左上角的BEV视图)，动作预测结果(转向角度和加速/制动踏板)，动作判断(渲染视频上的字幕)，驾驶问题回答(底部的表格)。ChenL,SinavskiO,HünermannJ,etal.Drivingwithllms:Fusingobject-levelvectormodalityforexplainableautonomousdriving[J].arXivpreprintarXiv:2310.01957,2023.基于LM的无人驾驶模型LimSim++能够处理和整合来自不同源的信息，包括文本和图像数据，以支持(M)LLMs在自动驾驶中的理解和决策能力。支持多种驾驶场景的模拟，包括交叉路口、环形交通岛和坡道等，为用户提供丰富的测试环境。FuD,LeiW,WenL,etal.LimSim++:AClosed-LoopPlatformforDeployingMultimodalLLMsinAutonomousDriving[J].arXivpreprintarXiv:2402.01246,2024.（上海人工智能实验室）3.4桌面系统应用交互设计根据桌面软件的交互模式和界面形式的不同，将其分为四种类型：桌面软件独占应用是指该类应用程序占据桌面系统绝大部分界面并长时间占据使用者的全部注意力。独占应用提供了特定的功能，用户需要较长时间使用它来完成相应的工作。使用者通常会长时间单一使用该应用的功能界面直到工作完成，在这段时间内，不希望其他应用程序界面对其产生影响。应用于用户进行交互时，窗口通常被最大化。独占应用独占应用独占应用轻应用一般指功能单一的简单应用程序。用户在使用轻应用时通常在打开该类应用较短的时间并完成一种功能后将其关闭或最小化隐藏，因此该类应用常见使用有限的附加控件展现特定的功能。轻应用轻应用在使用时需前置到屏幕上，由于其功能有限且单一，该类应用不会占据整个屏幕，因此不必提供全屏功能，但应设计可随意拖动。该类应用一般有着精确图例的大图标，用容易阅读的字体显示出来。轻应用那些在系统中运行但通常不与用户进行交互的程序是后台应用。应用运行时隐藏在后台提供服务或功能，无需用户干预就可以完成可能是很重要的任务。典型的例子是各种设备驱动程序以及网络连接功能。后台应用通常是完全隐形的，或许需要在任务栏或桌面很小的区域显示其运行的状态，但后台应用的功能是完备的。后台应用在互联网出现的初期，Web应用是通过Web浏览器与互联网实现交互的应用形式。Web浏览器最早被用来简单浏览阅读一些共享的和相互连接的文档，Web应用最初就是由这些纯粹的文档（或页）所组成，这些文档的集合被称为“网站”。Web应用3.4桌面系统应用界面设计原则作为桌面系统的应用，应设计友好的有吸引力的交互界面，为用户提供符合使用习惯的、便捷的操作方式，才是设计的正确思路。桌面系统应用界面设计原则无论是控件的操作方法、提示信息，还是色彩或者窗口布局风格，皆应遵循统一的标准。好处：熟悉了一个界面后，切换到另外一个界面能够很轻松的推断各种功能。减少培训成本和技术支持成本，无需支持人员逐个费力指导。给用户一种统一感，而不是感到困惑。桌面系统应用界面设计原则遵循一致的准则，确立标准并遵循统一色调，为软件类型和用户的工作环境选择正确的色彩。比如安全软件，可根据行业标准选择黄色和绿色来体现环保，选择蓝色体现时尚、选择紫色体现浪漫等等。浅色可以使人舒适，深色做背景使人不感觉得疲惫。采用标准界面则可少考虑此方面，与操作系统保持一致即可。桌面系统应用界面设计原则恰当使用颜色，遵循对比原则根据操作系统类型决定字体的标准，并统一字体的使用。例如，中文使用“宋体”为标准字体，而英文使用“TimesNewRoman”。字号可基于系统的标准字体。除了特殊提示信息、加强显示等例外情况外，所有控件尽量使用统一大小的字号。桌面系统应用界面设计原则字体如果没有能力设计出一组控件，使用标准控件；否则可设计统一风格的控件。请勿错误使用控件。统一类型的控件操作方式应一致。一个控件一个功能。桌面系统应用界面设计原则不要使用错误控件，控件功能要专一界面布局尽可能避免拥挤，切忌为节省屏幕空间将控件拥挤摆放整个项目应采用统一的控件间距，并调整窗体大小使其尽量一致，即使在窗体大小不变的情况下，宁可多留出空白，也不要破坏控件间距。桌面系统应用界面设计原则控件布局，窗口不拥挤，按功能组合控件控件布局紧密排列，极易误操作控件布局重要功能控件应处于可见区域。单击控件的弹出窗口或者菜单，窗口弹出