UI设计含交互式案例

UI设计含交互式案例

——用户体验、交互设计及案例介绍

王志军 2010 /10/23

UI设计含交互式案例

几张看似不相关的图片

UI设计含交互式案例

几个网站

UI设计含交互式案例

主要内容 用户体验？交互设计？UI设计？ 实现模型和心理模型 用户体验与交互设计基本原则介绍 交互细节案例介绍 小任务 交互设计所需要技能

UI设计含交互式案例

概念区分 用户体验：UE– 用户体验并不是指产品本身是如何工作的，而是指产 品如何和外界联系并发挥作用，也就是人们如何“接 触“或者“使用”它。 – Web中的用户体验是指用户在访问平台的过程中的全 部体验，它包括平台是否有用，疑惑或者bug程度，功 能是否易用、简约，界面设计和交互设计是否友好等 方面。用户体验的核心是UCD,即“以用户为中心的 设计”。

UI设计含交互式案例

“AJAX之父”的 Jesse James Garrett早在2000年 就提出了以用户为中 心的Web设计的流程 和用户体验的要素

UI设计含交互式案例

交互设计 交互：用户通过某种方式发出指令，且系统对此 作出相应的反应– 交互设计是关于创建新的用户体验的问题，目的在于 增强和扩充人们的工作、通信及交互方式，使他们能 够更加有效地进行日常工作和学习。

UI设计含交互式案例

UI设计 User Interface Design– 用户界面设计，在很大程度上就是在探讨如何让产品 的界面更加具有可用性，如何让用户有更良好的体验。 这是一种优化后的界面，通过这种界面，用户能更方 面地完成任务，获得良好的感觉。 – 例如：一个按钮的设计，美工设计考虑如何好看，而 用户界面设计师则考虑按钮如何摆放，上面显示什么 文字，甚至到底要不要这个按钮的问题。

UI设计含交互式案例

软件设计，UI设计，交互设计 《软件设计的艺术》Terry Winograd (2004年度 的ACM人机交互院士)建房子土木工程师装修设计师 建筑设计师

开发软件软件设计UI设计 交互设计

UI设计含交互式案例

实现模型和心理模型

心理 模型

表现 模型

实现 模型记忆负担，体验较差

容易使用，体验良好

最好的技术是消失在生活当中的技术

UI设计含交互式案例

几个通用的原则 就进设计原则

对功能进行恰当的分类和组织

UI设计含交互式案例

帮助用户探索和尝试

UI设计含交互式案例

允许用户犯错误 让用户可以撤销动作 在执行具体的破坏性操作中要求用户确认。

UI设计含交互式案例

提供实用的帮助 设计帮助系统– – – – – 入门和学习部分 使用指南 参考手册 疑难解答 术语解释

语言表达：采用具体的 例子，帮助用户理解 表达方式：按照使用 流程来。

UI设计含交互式案例

设计一个优秀的向导式界面

UI设计含交互式案例

帮助用户高效地完成操作支持批处理操作(google的picasa图像处理软件) 提高常用操作的效率 4A中的作业模块