3 软件观念革命——交互设计精髓(20100317)

操作对象视觉表现 具体的物理动作 立即可见的操作效果
丰富的视觉交互 是直接操作成功的 关键
选择、 选择、连接对象 调整大小形状位置 控件操作、 控件操作、拖放
滑动条、滑动块、 图1 滑动条、滑动块、按钮
选择和拖放
动词 动词——对象，或对象 对象， 对象 或对象——动词 动词 使选择在视觉上明确醒目，反色，常用于 使选择在视觉上明确醒目，反色， 完成选择 拖动时的视觉反馈要准确
创建更好的控件
直接操作控件 有界输入控件，通过直接操作更容易的输入数据， 有界输入控件，通过直接操作更容易的输入数据，使输入 更清晰更容易 摘录控件 摘录控件根据通用输入类的一些规则解析自由形式文本输 入控件的内容， 入控件的内容，更好地解决了格式数据输入 视觉控件 大多数控件都是对文本的封装， 大多数控件都是对文本的封装，应当充分利用图形的全部 潜能
内 容
鼠标和操作 控件及其行为 与用户交流 超越桌面的设计
嵌入式系统的设计
设计原则： 设计原则： 不要把产品当做计算机 组合硬件和软件设计 上下文驱动设计 明智的使用模态 限制范围 平衡导航与显示密度 将输入复杂性最小化 为你的平台定制
手持设备的设计
设备怎样手持和携带——确定设备怎样操作 确定设备怎样操作 设备怎样手持和携带 一只手操作还是两只手 设备是辅助设备还是独立设备 避免使用多用途窗口和弹出窗口 努力集成功能使导航最小化 屏幕上的功能应当大而亮 使用大号无衬线字体 无须拖动 无须转换输入模态 屏幕外有更多数据时应明显提示
内 容
鼠标和操作 控件及其行为 与用户交流 超越桌面的设计
控件及其行为
窗口行为 使用控件 菜单： 菜单：教学向量 菜单、 菜单、工具条和工具提示 对话框及其礼节 创建更好的控件
窗口演变 窗口选择 窗口状态
窗口行为
窗口演变史： 窗口演变史：
层叠窗口 平铺窗口 全屏窗口 多窗格
窗口选择： 窗口选择：
安装过程
安装过程通常存在问题
不通知后果却要求响应 不告知用户动作影响范围 提出用户无法回答的问题 询问用户程序自身可以回答 的问题 不做准备 不提供卸载方法 忽略先前活动 不妥放置文件 覆盖共享文件 不向用户提供程序信息 要求用户主动参与
最好的安装是无需安装
表现
全部安装OR最小安装？ 全部安装 最小安装？ 最小安装 “不与用户闲聊” 不与用户闲聊” 不与用户闲聊 让用户指定串口/端口 让用户指定串口 端口 问你计算机的显卡类型/硬 问你计算机的显卡类型 硬 盘存储空间 不检查安装环境重复安装 费力的手工卸载过程 重复询问用户相同的问题 将文件放置到其他目录下 同名覆盖其他程序文件 安装进度条代表什么？ 安装进度条代表什么？ 要求你主动参与安装过程
工具条的演化
状态指示工具条控件 工具条上的菜单 可移动工具条 可定制工具条
WINDOWS任务栏 任务栏——特殊目的工具条 任务栏 特殊目的工具条
开始菜单
快速启动工具条
窗口按钮
状态区
使用对话框及其礼节
对话框暂停了交互
将主要的交互放在主窗口中 将主要的交互放在主窗口中 主窗口 对话框打断了流
对话框礼节
确定可以表达程序外观的主窗口和辅窗口； 确定可以表达程序外观的主窗口和辅窗口； 不能随意添加窗口，除非现有窗口无法满足意图； 不能随意添加窗口，除非现有窗口无法满足意图； 研究用户目标，找到程序的恰当形式， 研究用户目标，找到程序的恰当形式，而不是将每种功能设置 成对话框； 成对话框； 将功能创建在需要使用它们的窗口中； 将功能创建在需要使用它们的窗口中； 当用户执行特殊功能时，程序必须提供特殊场所； 当用户执行特殊功能时，程序必须提供特殊场所； 避免窗口污染。 避免窗口污染。
消除错误对话框： 消除错误对话框：
用更友好、更礼貌、更茁壮的软件取代错误消息， 用更友好、更礼貌、更茁壮的软件取代错误消息，让程序变得足够聪 明，使错误不可能
改进错误对话框： 改进错误对话框：
从正面反馈，使之有礼貌、具有启发性、 从正面反馈，使之有礼貌、具有启发性、有帮助
通知和确认
提示对话框
应当消除
让提示消失。 让提示消失。
确认对话框将责任推卸给用户，是程序不自信不自主的表现。 确认对话框将责任推卸给用户，是程序不自信不自主的表现。 改进：使动作可撤销可恢复，提供足够的非模态反馈， 改进：使动作可撤销可恢复，提供足够的非模态反馈，确保用户受保护
而不要问！ 做，而不要问！
与用户其他交流方式
桌面上的标志: 桌面上的标志 程序名称、 程序名称、程序图标 辅助应用程序窗口: 辅助应用程序窗口 对话框、闪屏，共享软件闪屏（内疚屏），放在用户能 对话框、闪屏，共享软件闪屏（内疚屏），放在用户能 ）， 看见的地方， 看见的地方，是用于通知用户产品的用途和付款方式的 机制 在线帮助: 在线帮助 创建索引、快捷方式和总览视图，关注中间用户的困难； 创建索引、快捷方式和总览视图，关注中间用户的困难； 应用非模态和交互式帮助、向导、 应用非模态和交互式帮助、向导、智能代理等
Photoshop中的图层控件 中的图层控件
内 容
鼠标和操作 控件及其行为 与用户交流 超越桌面的设计
消除错误
错误对话框存在问题： 错误对话框存在问题：
错误对话框的作用原本是为了通知用户其错误，但如今多数却是在程 错误对话框的作用原本是为了通知用户其错误， 序混乱时向用户报告。 序混乱时向用户报告。 错误通常是来自程序不合理的行为，而非用户。 错误通常是来自程序不合理的行为，而非用户。 错误对话框认为程序比用户重要，它只是在保护程序不陷入麻烦 错误对话框认为程序比用户重要，
改进
软件应体现知情权 让用户安心， 让用户安心，知道每一步行 为的影响 程序自行选择判断 “做，而不要问” 做 而不要问” 列出程序安装所需环境 应提供删除软件的工具 安装程序应保留活动日志 在程序自己的目录中操作 使用不冲突的名字， 使用不冲突的名字，附加唯 一号码表示库版本 随时通知用户它在做什么 不需要用户参与的安装是最 好的
控件
命令控件 选择控件 输入控件 显示控件
注意：避免布满控件的对话框 注意：
工具提示
菜单： 菜单：教学向量
顺序层次关系菜单 下拉菜单弹出菜单
存在问题的习惯用法： 存在问题的习惯用法： 级联菜单、 级联菜单、扩展菜 单、突然弹出式菜单 应尽量避免使用。 应尽量避免使用。
工具条和工具提示
工具条： 工具条： 是可见的立即功能按钮， 是可见的立即功能按钮，为有经验的用户提供快速访问常用功能的 途径，使菜单更限于教学目的。 途径，使菜单更限于教学目的。 工具条产生了图标按钮，是按钮和图标之间完美的结合。 工具条产生了图标按钮，是按钮和图标之间完美的结合。作为视觉 的功能助记符，图标按钮是优秀的，但它们不是为新手准备的。 的功能助记符，图标按钮是优秀的，但它们不是为新手准备的。 解释工具条控件： 解释工具条控件： 气球帮助——过分强调了新手用户的利益， 气球帮助——过分强调了新手用户的利益，但让日常用户不舒服 ——过分强调了新手用户的利益 工具提示——只解释工具条控件的目的， 工具提示——只解释工具条控件的目的，仅作为经常用户记忆的唤 ——只解释工具条控件的目的 醒器 禁用工具条控件： 禁用工具条控件： 若图标禁止按下，控件本身应变成灰色， 若图标禁止按下，控件本身应变成灰色，使禁用状态绝对明显
设计公用信息亭
公用信息亭的姿态与导航 事务与探索 公共环境下的交互 管理输入
听觉界面的设计
根据用户的心智模型组织和命名功能 表明当前可用的功能 提供返回和前进的方法 提供与人说话的方法 为用户提供足够的反应时间
通过这本书—— 通过这本书
国内外研究背景是什么？ 国内外研究背景是什么？ 文中阐述的关键性问题是什么？ 文中阐述的关键性问题是什么？ 从中学到了什么？掌握了哪些专业术语？ 从中学到了什么？掌握了哪些专业术语？ 对工作有哪些启发？ 对工作有哪些启发？ 文中尚存在的疑惑有哪些？未来的发展方向？ 文中尚存在的疑惑有哪些？未来的发展方向？
礼貌是对话框的美德 礼貌是对话框的美德 所有的对话框都需有标题栏 所有的对话框都需有标题栏
对话框基础
模态对话框 非模态对话框 模态对话框/非模态对话框
暂时姿态
对话框应尽量小、要适度 对话框应尽量小、
目标导向对话框
属性对话框 功能对话框 进度对话框 公告对话框
减少附加工作
了解在哪里以及是否需要减少附 加工作 模态对话框需要设置“ 模态对话框需要设置“OK”或 或 取消” “取消”等终止命令
！！！充实内容，编辑 WORD演说文档
软件观念革命— 软件观念革命—交互设计精髓
交互细节
杨玉敏 20102010-03
内 容
鼠标和操作 控件及其行为 与用户交流 超越桌面的设计
鼠标操作
Baidu Nhomakorabea直接操作： 直接操作：
简单、直观、易用、 简单、直观、易用、易记
程序操作
侧重对程序 及程序界面 的管理
内容操作
手工创建、 手工创建、 更改、 更改、移动 数据
程序觉得不舒服要行使权威时， 程序觉得不舒服要行使权威时，所采取得通知用户的行为称为提示 它宣布显而易见的内容并且打断了交互。 它宣布显而易见的内容并且打断了交互。 改进：软件需要在主屏幕设置可视化地指示器，让用户随时了解其行为。 改进：软件需要在主屏幕设置可视化地指示器，让用户随时了解其行为。
确认对话框
窗口状态：最大化状态、最小化状态、还原状态（多元状态） 窗口状态：最大化状态、最小化状态、还原状态（多元状态）
使用控件
控件：控件是允许用户和软件交流的屏幕对象，具有可 控件是允许用户和软件交流的屏幕对象，
操作性和自包含性，是创建图形用户界面的主要构造模块。 操作性和自包含性，是创建图形用户界面的主要构造模块。
谢谢大家！ 谢谢大家！