北京邮电大学：《软件工程》课程教学资源（PPT课件讲稿）软件设计——人机交互界面设计

北京邮电大学信息安全中心 软件设计 一人机交互界面设计 软件工程 2010年春季

软件工程 北京邮电大学信息安全中心 2010年春季 软件设计 ---人机交互界面设计

h 主要内容 用户界面： ·什么是人机界面？ 人机界面设计的发展： ·人机界面应具备的特征？ ·人机界面设计的历史 ·人机界面设计的现状 ·人机界面设计的未来 人机界面设计的过程： ·什么是用户界面设计？ 人机界面设计的原则： ·用户界面设计过程 ·三条“黄金规则” ·界面设计原则 软件工程 2010年春季

软件工程 2010年春季 主要内容 用户界面： • 什么是人机界面？ • 人机界面应具备的特征？ 人机界面设计的过程： 人机界面设计的过程： • 什么是用户界面设计？ • 用户界面设计过程 人机界面设计的发展： 人机界面设计的发展： • 人机界面设计的历史 • 人机界面设计的现状 • 人机界面设计的未来 人机界面设计的原则： 人机界面设计的原则： • 三条“黄金规则” • 界面设计原则

什么是人机界面 喜欢什么样的 界面？ ■人机界面(Human- Computer Interface, HCI)是计算机直接与人 打交道的途径，是计算机 系统的重要组成部分，它 的开发工作量占系统开发 工作量的40-60%。 软件工程 2010年春季

软件工程 2010年春季 什么是人机界面 „ 人机界面（Human￾Computer Interface， HCI）是计算机直接与人 打交道的途径，是计算机 系统的重要组成部分，它 的开发工作量占系统开发 工作量的40-60%。 喜欢什么样的 界面？

好的界面？ Document2-Microsoft Word ▣x Eile Edit Yiew Insert Format Iools Table Window Help 坊卫口·画，细题同，苗面此！↓公，回 ·金日合鲁飞"另路宽寸··德团国风重钙图T1%☑， Normal Times New Roman12习BIu毫毫夏■拒三存存□，&，A,, Draw AutoShapes,八、☐○图l夏，立~A~≡=号国图，@ 零 All Entries w,丝图便口口图国言兰A图》， 画图邑受阳！锅毫，团心园短能善Y, 因1创对中三园2国.，。ecurity.…窗 What would you like to do? bl应国图)国簿合，勤aa超白台首 write without interference 感图幼⊙围留时题田回▣四网图，鱼国 目l目New Frame Left目New Frame Right□New Frame Above目New Frame Bel Options Search →②@合Favorites,so,图Document1 I hold Microsoft Word responsible for inhibiting the flow of language,for imposing abitrary upon the nature of text,for pushing technologies of editing and revision where they don't beldnal Assw.DenlSerdeKlat.dl REC TRK EXT OVR 软件工程 2010年春季

软件工程 2010年春季 好的界面？

用户界面应具备的特性 2)灵活性 1)可用性 。满足不同程度的用户 使用简单 要求 ·所用术语的标准化和一致性 。用户可根据需要指定 ▣拥有HELP帮助功能 和修改界面方式 快速响应 提供响应信息：出错 容错能力 信息、提示信息等 3)复杂性 4)可靠性 采用最简单的用户界面来完 ·保证用户正确、可靠的 成预定功能 使用系统 ■保证有关程序和数据的 安全性 软件工程 2010年春季

软件工程 2010年春季 用户界面应具备的特性 1) 可用性 „ 使用简单 „ 所用术语的标准化和一致性 „ 拥有HELP帮助功能 „ 快速响应 „ 容错能力 2) 灵活性 „ 满足不同程度的用户 要求 „ 用户可根据需要指定 和修改界面方式 „ 提供响应信息：出错 信息、提示信息等 3) 复杂性 „ 采用最简单的用户界面来完 成预定功能 4) 可靠性 „ 保证用户正确、可靠的 使用系统 „ 保证有关程序和数据的 安全性

6.1人机界面设计的历史、现状和未来 6.1.1人机界面设计的历史 1946年，世界上第一台数字计算机 ENIAC,手工操作 ■ 50年代中期，多任务批处理的作业控制语 言； ■ 1963年，“命令行”作业语言； ■ 80年代，苹果公司，图形用户界面(GUI Graphics User Interface),引发了微机 人机界面的历史性的变革； 从微软公司推出了Vindows系统后，图形 界面飞速发展。 软件工程 2010年春季

软件工程 2010年春季 6.1人机界面设计的历史、现状和未来 „ 6.1.1人机界面设计的历史 „ 1946年，世界上第一台数字计算机 ENIAC，手工操作 „ 50年代中期，多任务批处理的作业控制语 言； „ 1963年 ，“命令行”作业语言； „ 80年代，苹果公司，图形用户界面（GUI￾Graphics User Interface），引发了微机 人机界面的历史性的变革； „ 从微软公司推出了Windows系统后，图形 界面飞速发展

6.1人机界面设计的历史、现状和未来 ■6.1.2人机界面的现状 图形用户界面是当前用户界面的主流，其他 多种用户界面形式并存。 ·成熟的系统： ■微软的Vindows ■UNIX的X-window等 软件工程 2010年春季

软件工程 2010年春季 6.1人机界面设计的历史、现状和未来 „ 6.1.2 人机界面的现状 „ 图形用户界面是当前用户界面的主流，其他 多种用户界面形式并存。 „ 成熟的系统： „ 微软的Windows „ UNIX的X-window等

界面的基本类型 ■菜单 ■图象 ■对话 ·命令行 ■窗口 软件工程 2010年春季

软件工程 2010年春季 界面的基本类型 „ 菜单 „ 图象 „ 对话 „ 命令行 „ 窗口

正文菜单 通用设备信息管理系统 ☆ 0 出 1 编 备 3 检统 辑索计 45 退数设设报系 表 统 维 护 ☆请键入选择的功能的序号[0-5]☆ 序号四配方式 软件工程 2010年春季

软件工程 2010年春季 序号匹配方式 正文菜单

图标菜单 程序管理器 ~ 文件旧选项四窗口幽 帮助山 应用程序 圈 ▣ Microsoft SmartMon 通用码表转 CP Anti-Virus QBASIC 换程序 Microsoft Microsoft Make Utility Word 围 团 圈 围 围 附件 启动 游戏 主群组 Microsoft word5.0中文 版 软件工程 2010年春季

软件工程 2010年春季 图标菜单