界面设计——交互细节.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 上下文工具 （Contextual Tools） 2. 悬停即现工具 上下文工具 （Contextual Tools） 行为原则 三 . 足不出户 当人们全身心投入在某个活动中时,他们会对周围的事物视而不见 —— 一种深层的、完全融入的状态，这种状态为“流”。 流 (Flow) 行为原则 三 . 足不出户 1. 覆盖层 对话框覆盖层 详情覆盖层 详情覆盖层能使用户获得满足感和支配感 行为原则 三 . 足不出户 2. 嵌入层 2.1 对话框嵌入层 行为原则 三 . 足不出户 2. 嵌入层 2.1 对话框嵌入层 2.2 详情嵌入层 行为原则 三 . 足不出户 2. 嵌入层 2.1 对话框嵌入层 2.2 详情嵌入层 2.3 标签页 行为原则 四 . 邀请 反馈 邀请—— 引导用户进入下一个交互层次的提醒和暗示。 包括实时的提示信息和预期的功能，以使用户明白接下来会发生什么。 1. 邀请 2. 反馈 交互前/中的 交互结束的 预期和提示 * *  * * * * * * * * 交互设计 原则 价值理念 行为原则 正直 目标明确 有实效 优雅 …… 价值理念 行为原则 交互设计 使系统表现的像一个举止得体的人。 体贴、聪明的系统 关心用户，尽到责任 行为原则 体贴、聪明的系统 乐于助人，预见需求 行为原则 体贴、聪明的系统 乐于助人，预见需求 行为原则 行为原则 一 . 直截了当 “需要在哪里输出，就要在哪里输入” ——Alan Cooper 行为原则 一 . 直截了当 1. 页内编辑 易发现性 findability 显示工具提示条 以黄色背景突出显示可编辑区域 把光标修改为编辑光标 ？ 行为原则 一 . 直截了当 1. 页内编辑 2. 利用拖放 “趣味瞬间”及其网格 对象 操作 源自：My Yahoo! 源自：Netvibes 源自：iGoogle 使用虚线框作为 占位符，表示放置目标，思路是始终在可能发生放置的地方放置一个线框。 拖动模块时，页面整体布局基本不变。插入条指明模块的目标位置。 行为原则 二 . 简化操作 上下文工具 （Contextual Tools） 到达目标的时间是到达目标的距离与目标大小的函数 简化的“费茨定律”—— 内容就是界面 无需划定功能区，每个对象就可以直接操作。 上下文工具 （Contextual Tools） 上下文工具 （Contextual Tools） 1. 实时可见工具 上下文工具 （Contextual Tools） 上下文工具 （Contextual Tools） 2. 悬停即现工具 * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *