GUI用户界面设计ppt
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
用户可以通过帮助菜单、F1键和帮助按钮（如果有 的话）访问帮助
表示帮助时根据需要提供三种方式的选择：另一个 窗体、微帮助和指出参考某个文档
用户如何回到正常交互方式有两种选择：返回键和 功能键
帮助信息的构造：采用有逻辑结构的分层式帮助 微帮助提供：由状态栏，控件上的提示文本，或悬
停提示等组成。
-
PB中的GUI——关于系统响应时间
响应时间长度 0-10秒 10-18秒 18秒以上 一个长时间的处理
界面设计 鼠标显示成为沙漏 由微帮助来显示处理进度 显示处理窗口，或显示进度条 完成时应给予完成提示信息
-
PB中的GUI——帮助设施
进行系统交互时，提供部分帮助功能，即：提供主 要工作的帮助
模型与UI脚本可以动态地定义界面。 UI脚本：用来控制文件模型好实现一些动态效果，
如动画、限制、隐性帮助等。
-
界面控件的设计
符合Windows 界面准则 确定控件的位置 界面元素的一致性 控件的表现风格 美化界面和控件
布局、色彩、形状、提示、文wenku.baidu.com、图片、复杂性
-
窗口设计
界面要具有一致性 常用操作要有捷径 提供简单的错误处理 提供信息反馈 操作的可逆性 设计良好的联机帮助
-
GUI的应用领域
手机通讯移动产品 电脑操作平台 软件产品 PDA产品 数码产品 车载系统产品 智能家电产品 游戏产品 产品的在线推广
-
GUI设计原则
用户至上的原则 交互界面要友好 合理性：配色方案、位置、隐含顺序 协调性：初始化大小、控件摆放 保证可用性：可理解、可达到、可控制 保证一致性：设计目标 、外观、行为 简单易用就是好 ……
用户界面设计
阜外心血管病医院
信息中心
梁方舟
-
Guide/Intro
小例子 GUI发展史 定义 领域状况 设计原则和禁忌 GUI设计中的具体内容 关于PB的界面设计 GUI的展望
-
一个设计实例
-
GUI设计上的问题
从材料和加工工艺来看，属于廉价制品。 简单但不严格的水温控制。 排水口很随意，说明主要不用在池中蓄水。 香皂被水淋了之后，需要排残水。 排水不干净。 水龙头的位置很尴尬，不说洗手不方便，如果想用
-
PB中的GUI——出错信息和警告
以用户可以理解的术语描述； 应提供如何从错误中恢复的建设性意见； 应指出错误可能导致那些不量后果，以便用
户检查，或提供帮助用户改正的支持； 信息应伴随着视觉上的提示，如特殊的图像、
颜色或闪烁； 信息不能带有判断性或指责性。
-
PB中的GUI——一般交互
菜单选择、数据显示及功能都应使用一致的 格式；
功能选项过多过复杂、使用无提示或引导的隐性功能、需要 向下滚动才能看到重要信息
无意义的虚假进度条、执行长时间的任务时鼠标指针不显示 成忙状态
认为好的UI就是漂亮的UI 盲目的使用页面模块化设计
-
GUI中的元素
窗口：组织、颜色、布局、形式等。 元素：界面上可有的元素，按钮、图片、文字等。 排版：界面元素的位置以及元素间位置的关系。 样式：元素的大小、颜色等装饰性的特性。 文化：多国语言、语言间差异性的处理等。 文件模型：将界面通过一个模型来展现，通过文件
提供有意义的反馈； 执行有较大破坏性的动作前要求确认； 在数据录入上允许取消大多数工作； 减少在动作间必须记忆的信息数量； 按功能对动作分类，并按此排列屏幕布局； 提供语境相关的帮助机制； 允许用户非恶意错误，提供一定的容错性。
-
PB中的GUI——信息显示
只显示与当前用户语境环境有关的信息； 不要用数据将用户包围，使用便于用户迅速吸取信
-
GUI设计禁忌
同一页面包含功能重复的控件、将复选框用作单选按钮、在 非开/关设置中使用复选框、无初始值的多选一设置、单选 按钮之间间隔太大
显示对用户无意义的错误提示、不同的类型页面窗口显示相 同的标题、窗口的标题和调用的命令不一致、相似的功能却 有不一致的用户操作界面、无效的控件不置灰
取消按钮无法真正取消操作、返回按钮不能达到预期的目的、 不考虑用户可能的人为错误输入
-
GUI的目的和定义
目的：
减少用户的认知负担 满足不同目标用户的创意需求 建立界面与用户的互动交流
定义：
GUI——Graphical User Interface 一种结合计算机科学、美学、心理学、行为学，及各商
业领域需求分析等学科的人机系统工程，强调人—机— 环境三者作为一个系统进行总体设计。 人机交互图形化用户界面，经常读做“goo-ee”，准确 来说GUI就是屏幕产品的视觉体验和互动操作部分。
息的方式表现信息； 使用一致的标记、标准缩写和可预测的颜色； 显示信息的含义应非常明确，用户不必再作参考； 产生有意义的出错信息； 使用缩进和文本来辅助理解； 使用窗口分隔控件区分不同类型的信息； 显示器的显示空间的合理利用。
-
PB中的GUI——数据输入
1）尽量减少用户输入动作的数量； 2）保持信息显示和数据输入的一致性； 3）交互应灵活，对键盘和鼠标输入提供灵活的支
盆子接点水估计只能斜着接，也只能接到一点，接 满了也拿不下来。若水压开的很大，更不用说溅的 满身都是。 商标在哪？
-
餐巾摆放的设计
？？
-
UI
UI的本意是用户界面，是英文User和 Interface的缩写。从字面上看是用户与界面2 个组成部分，但实际上还包括用户与界面之间 的交互关系.
可分为3个方向：用户研究、交互设计、界 面设计。
-
菜单的设计
按照系统的功能来组织菜单 广而浅，而不是窄而深 根据含义分组，并按一定的规则排序 注意为常用选项设置快捷键 弹出式菜单(PopupMenuMethod)的应用
-
PB中的GUI
界面一致性 使用向导 关于系统响应时间 帮助设施 出错信息和警告 一般交互 信息显示 数据输入
持； 4）在当前动作的语境中使不合适的命令不起作用； 让用户控制交互流，用户可以跳过不必要的动作、
改变所需动作的顺序（如果允许的话），以及在不 退出系统的情况下从错误状态中恢复； 为所有输入的动作提供帮助； 消除冗余输入。可能的话提供缺省值、绝不要让用 户提供程序中可以自动获取或计算出来的信息。
表示帮助时根据需要提供三种方式的选择：另一个 窗体、微帮助和指出参考某个文档
用户如何回到正常交互方式有两种选择：返回键和 功能键
帮助信息的构造：采用有逻辑结构的分层式帮助 微帮助提供：由状态栏，控件上的提示文本，或悬
停提示等组成。
-
PB中的GUI——关于系统响应时间
响应时间长度 0-10秒 10-18秒 18秒以上 一个长时间的处理
界面设计 鼠标显示成为沙漏 由微帮助来显示处理进度 显示处理窗口，或显示进度条 完成时应给予完成提示信息
-
PB中的GUI——帮助设施
进行系统交互时，提供部分帮助功能，即：提供主 要工作的帮助
模型与UI脚本可以动态地定义界面。 UI脚本：用来控制文件模型好实现一些动态效果，
如动画、限制、隐性帮助等。
-
界面控件的设计
符合Windows 界面准则 确定控件的位置 界面元素的一致性 控件的表现风格 美化界面和控件
布局、色彩、形状、提示、文wenku.baidu.com、图片、复杂性
-
窗口设计
界面要具有一致性 常用操作要有捷径 提供简单的错误处理 提供信息反馈 操作的可逆性 设计良好的联机帮助
-
GUI的应用领域
手机通讯移动产品 电脑操作平台 软件产品 PDA产品 数码产品 车载系统产品 智能家电产品 游戏产品 产品的在线推广
-
GUI设计原则
用户至上的原则 交互界面要友好 合理性：配色方案、位置、隐含顺序 协调性：初始化大小、控件摆放 保证可用性：可理解、可达到、可控制 保证一致性：设计目标 、外观、行为 简单易用就是好 ……
用户界面设计
阜外心血管病医院
信息中心
梁方舟
-
Guide/Intro
小例子 GUI发展史 定义 领域状况 设计原则和禁忌 GUI设计中的具体内容 关于PB的界面设计 GUI的展望
-
一个设计实例
-
GUI设计上的问题
从材料和加工工艺来看，属于廉价制品。 简单但不严格的水温控制。 排水口很随意，说明主要不用在池中蓄水。 香皂被水淋了之后，需要排残水。 排水不干净。 水龙头的位置很尴尬，不说洗手不方便，如果想用
-
PB中的GUI——出错信息和警告
以用户可以理解的术语描述； 应提供如何从错误中恢复的建设性意见； 应指出错误可能导致那些不量后果，以便用
户检查，或提供帮助用户改正的支持； 信息应伴随着视觉上的提示，如特殊的图像、
颜色或闪烁； 信息不能带有判断性或指责性。
-
PB中的GUI——一般交互
菜单选择、数据显示及功能都应使用一致的 格式；
功能选项过多过复杂、使用无提示或引导的隐性功能、需要 向下滚动才能看到重要信息
无意义的虚假进度条、执行长时间的任务时鼠标指针不显示 成忙状态
认为好的UI就是漂亮的UI 盲目的使用页面模块化设计
-
GUI中的元素
窗口：组织、颜色、布局、形式等。 元素：界面上可有的元素，按钮、图片、文字等。 排版：界面元素的位置以及元素间位置的关系。 样式：元素的大小、颜色等装饰性的特性。 文化：多国语言、语言间差异性的处理等。 文件模型：将界面通过一个模型来展现，通过文件
提供有意义的反馈； 执行有较大破坏性的动作前要求确认； 在数据录入上允许取消大多数工作； 减少在动作间必须记忆的信息数量； 按功能对动作分类，并按此排列屏幕布局； 提供语境相关的帮助机制； 允许用户非恶意错误，提供一定的容错性。
-
PB中的GUI——信息显示
只显示与当前用户语境环境有关的信息； 不要用数据将用户包围，使用便于用户迅速吸取信
-
GUI设计禁忌
同一页面包含功能重复的控件、将复选框用作单选按钮、在 非开/关设置中使用复选框、无初始值的多选一设置、单选 按钮之间间隔太大
显示对用户无意义的错误提示、不同的类型页面窗口显示相 同的标题、窗口的标题和调用的命令不一致、相似的功能却 有不一致的用户操作界面、无效的控件不置灰
取消按钮无法真正取消操作、返回按钮不能达到预期的目的、 不考虑用户可能的人为错误输入
-
GUI的目的和定义
目的：
减少用户的认知负担 满足不同目标用户的创意需求 建立界面与用户的互动交流
定义：
GUI——Graphical User Interface 一种结合计算机科学、美学、心理学、行为学，及各商
业领域需求分析等学科的人机系统工程，强调人—机— 环境三者作为一个系统进行总体设计。 人机交互图形化用户界面，经常读做“goo-ee”，准确 来说GUI就是屏幕产品的视觉体验和互动操作部分。
息的方式表现信息； 使用一致的标记、标准缩写和可预测的颜色； 显示信息的含义应非常明确，用户不必再作参考； 产生有意义的出错信息； 使用缩进和文本来辅助理解； 使用窗口分隔控件区分不同类型的信息； 显示器的显示空间的合理利用。
-
PB中的GUI——数据输入
1）尽量减少用户输入动作的数量； 2）保持信息显示和数据输入的一致性； 3）交互应灵活，对键盘和鼠标输入提供灵活的支
盆子接点水估计只能斜着接，也只能接到一点，接 满了也拿不下来。若水压开的很大，更不用说溅的 满身都是。 商标在哪？
-
餐巾摆放的设计
？？
-
UI
UI的本意是用户界面，是英文User和 Interface的缩写。从字面上看是用户与界面2 个组成部分，但实际上还包括用户与界面之间 的交互关系.
可分为3个方向：用户研究、交互设计、界 面设计。
-
菜单的设计
按照系统的功能来组织菜单 广而浅，而不是窄而深 根据含义分组，并按一定的规则排序 注意为常用选项设置快捷键 弹出式菜单(PopupMenuMethod)的应用
-
PB中的GUI
界面一致性 使用向导 关于系统响应时间 帮助设施 出错信息和警告 一般交互 信息显示 数据输入
持； 4）在当前动作的语境中使不合适的命令不起作用； 让用户控制交互流，用户可以跳过不必要的动作、
改变所需动作的顺序（如果允许的话），以及在不 退出系统的情况下从错误状态中恢复； 为所有输入的动作提供帮助； 消除冗余输入。可能的话提供缺省值、绝不要让用 户提供程序中可以自动获取或计算出来的信息。