第8章人机交互设计

《第8章人机交互设计》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、第8章人机交互设计8.1以用户为中心的设计8.2用户界面设计的基本原则8.3用户界面设计模型的表示8.4用户界面设计的过程模型8.5用户及任务分析8.6用户界面的概念设计8.7用户界面流设计8.8用户界面的精化2017/6/141第8章人机交互设计•用户界面设计是人机交互设计的主要组成部分屏幕中的界面元素有四种：⑴静态元素：文本、图标（icon）、图形（graph）、图像（image）等。⑵动态元素：由软件系统在运行时动态决定的内容、用户不可编辑的。2017/6/142第8章人机交互设计3第8章人机交互设计⑶用户输入元素：•在屏幕上预

2、留空位、由用户在界面操作中填写或选择的界面元素•包括可编辑的文本、单选钮（radio）、多选框（checkbox）、选择列表（selectlist）、可编辑的表格等。2017/6/144第8章人机交互设计⑷用户命令元素：•用户点击此类元素后位于界面后端的业务逻辑处理或界面刷新、跳转动作将被触发•典型代表是按钮、菜单、超链等。58.1 以用户为中心的设计8.1.1以用户为中心的设计理念•用户是指直接使用目标软件产品的人群。•以用户为中心的设计基本理念：①对用户特征的研究和理解应该作为软件开发过程中各种决策的主要依据。②在软件开发的各阶段

3、尽可能获得来自用户的反馈并利用这种反馈改进或优化设计。③用户对产品的满意度不仅取决于使用体验，而且取决于用户在与产品接触的全过程中获得的满意度。④人机交互设计不能仅止于用户可以使用产品提供的各项功能，而应该追求更高的目标：让用户在与产品接触的全过程中获得愉悦体验。2017/6/1468.1 以用户为中心的设计8.1.2 人类信息处理模型人类接收并处理外界信息的过程：•感知（perception）•认知（cognition）•反应（response）2017/6/1478.1 以用户为中心的设计8.1.3 以用户为中心的设计方法•“以用

4、户为中心”的UI设计方法就是确保设计符合目标用户的期望。•在设计过程中贯彻“以用户为中心”的UI设计方法，能够帮助检验设计是否有利于提高产品质量，最重要的设计内容是什么。2017/6/1488.1 以用户为中心的设计8.1.3 以用户为中心的设计方法2017/6/1498.2 用户界面设计的基本原则⑴易理解性•界面简洁、明确、自然、直观•界面跳转关系简单⑵易操作性•用户可以通过简单、直观的方式来获得期望的功能或数据•尽量减少用户的操作次数和输入信息量⑶灵敏性•快速响应•对耗时较长的内部处理过程提供及时的进度反馈2017/6/14108

5、.2 用户界面设计的基本原则⑷一致性•界面风格及操作方法在整个软件系统范围内保持一致；•操作方法尽量与用户习惯和业界业界规范保持一致。⑸容错性•既要降低用户的误操作的可能性，又必须容忍用户的误操作•对所有可能造成损害的动作，必须在用户确认后才进行；•允许用户对尽可能多的界面操作反悔（Undo）；•在用户误操作后系统具备适当的恢复能力。⑹人性化•界面的布局和色彩应使用户感觉舒适、自然。•在适当的时机出现用户恰好需要的帮助信息或建议；•在任何情况下用户均能简易地理解软件系统的当前状态和响应信息，并能清晰地了解自己的操作行为的前因后果，不至

6、因界面跳转而迷失。2017/6/14118.3 用户界面设计模型的表示界面设计的表示涉及两个方面：(1)屏幕内容的表示(2)屏幕之间跳转关系的表示2017/6/14128.3 用户界面设计模型的表示•可采用UML类来表示屏幕，与瞬时快照的图形表示相辅相成。屏幕的瞬时快照可以表示为一张图，它描述了屏幕中静态元素的内容、其他三类界面元素在特定时间点上的视觉形式以及此时所有可见的界面元素的布局•在屏幕的UML类表示中，静态元素被省略，它们在任何情况下均不会变化；动态元素体现为类的属性；命令元素对应的动作体现为类的操作。2017/6/

7、14138.3 用户界面设计模型的表示•隐藏的界面动作屏幕在每次出现时自行调用的初始化动作，跳转发生时离开本屏幕前自行调用的动作、由本屏幕提供给其他屏幕调用的动作，因一个屏幕元素的状态变化而导致其他屏幕元素发生改变的动作。•这些隐藏动作也应表示为屏幕类的操作，并采用UML构造型将隐藏动作与命令元素对应的动作相区分。•要表现屏幕之间的跳转关系，既要考虑在典型应用场景下屏幕之间的跳转及信息传递，又要考虑屏幕之间的静态逻辑关系。•这项活动称之为“用户界面的概念设计”。2017/6/14148.3 用户界面设计模型的表示•界面流的设计在

8、时间上可以与概念设计重叠首先确定针对某项任务的主屏幕，对主屏幕进行概念设计；然后考虑从主屏幕可能跳转到哪些其他屏幕；再对它们展开概念设计，依此类推，直至完整的界面流构建完毕，并且完成界面流中每幅屏幕的概念设计。20