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

容易使用，体验良好 记忆负担，体验较差
最好的技术是消失在生活当中的技术
用户体验与交互设计及案例介绍
几个通用的原则
就进设计原则 对功能进行恰当的分类和组织
用户体验与交互设计及案例介绍
帮助用户探索和尝试
用户体验与交互设计及案例介绍
允许用户犯错误
让用户可以撤销动作 在执行具体的破坏性操作中要求用户确认。
用户体验与交互设计及案例介绍
“AJAX之父”的 Jesse James Garrett早在2000年 就提出了以用户为中 心的Web设计的流程 和用户体验的要素
用户体验与交互设计及案例介绍
交互设计
交互：用户通过某种方式发出指令，且系统对此 作出相应的反应
交互设计是关于创建新的用户体验的问题，目的在于 增强和扩充人们的工作、通信及交互方式，使他们能 够更加有效地进行日常工作和学习。
用户体验与交互设计及案例介绍
软件设计，ＵＩ设计，交互设计
《软件设计的艺术》Terry Winograd (2004年度 的ACM人机交互院士)
建房子
开发软件
土木工程师 装修设计师 建筑设计师
软件设计 ＵＩ设计 交互设计
用户体验与交互设计及案例介绍
实现模型和心理模型
心理 模型
表现 模型
实现 模型
光标定位：之前的点"回复"时光标focus到正文的问题改好了,但却 没有注意到点"转发"时光标,反而应是在"收件人"处而不是正文处, 因为一般总要填写转发人, 而回复(包括回复全部)则是直接输入内 容.
用户体验与交互设计及案例介绍
交互设计—符合用户习惯与预期
先字母排序，再优先显示最近联系人，减少键盘操作。
交互设计—Don't make me think
“返回”的位置和做法很重要：这是整个QQMail的交互的“枢 纽”，如同围棋中的“玉柱”，也定义了邮箱的交互风格。
帮用户自动选中：在输入独立密码或加密folder输入密码时错误 后，应该把输入框内的内容select上，这样就可以直接打入而不用 清除了
采用限制级因素防止用户出错
用户体验与交互设计及案例介绍
减少用户在使用软件时出现错误（一）
利用某种方式提醒用户可能 出错
如何设置出错信息
不要只告诉用户操作无法完成或 者操作失败
不要仅仅给出出错代码，还应当 给出该错误的含义
不要在出错信息中使用用户无法 理解的术语
错误要尽可能明确 错误信息要有建设性，要让用户
用户体验与交互设计及案例介绍
提供实用的帮助
设计帮助系统
入门和学习部分 使用指南 参考手册 疑难解答 术语解释
语言表达：采用具体的 例子，帮助用户理解
表达方式：按照使用 流程来。
用户体验与交互设计及案例介绍
设计一个优秀的向导式界面
用户体验与交互设计及案例介绍
帮助用户高效地完成操作
用户体验与交互设计及案例介绍
总结
就进设计原则 对功能进行组织和分类 帮助用户探索和尝试 允许用户犯错 提供实用的帮助 设计一个优秀的向导界面 使界面符合用户的使用习惯 减少用户出错 减少等待感
用户体验与交互设计及案例介绍
交互细节案例介绍
用户体验与交互设计及案例介绍
案例一 Tecent
看出怎样才是正确的 不要给出误导性的出错信息 向用户提出解决问题的建议
用户体验与交互设计及案例介绍
减少用户的等待感
Robert B miller 1968 ——Response time in man-computer conversational transactions
0.1秒钟、1秒钟、10秒钟
支持批处理操作（google的picasa图像处理软件） 提高常用操作的效率 4A中的作业模块
用户体验与交互设计及案例介绍
布置手工作业流程
用户体验与交互设计及案例介绍
使界面符合用户的使用习惯
被动调整策略：例如功能定制，界面定制 主动自适应调整策略：例如sogou拼音输入法
根据其他用户的使用行为来主动进行自适应调整
——用户体验、交互设计及案例介绍
用户体验与交互设计及案例介绍
2010 /10/23
几张看似不相关的图片
用户体验与交互设计及案例介绍
几个网站
用户体验与交互设计及案例介绍
主要内容
用户体验？交互设计？ＵＩ设计？ 实现模型和心理模型 用户体验与交互设计基本原则介绍 交互细节案例介绍 小任务 交互设计所需要技能
用户体验与交互设计及案例介绍
交互设计—适时的提醒
用户体验与交互设计及案例介绍
概念区分
用户体验：UE
用户体验并不是指产品本身是如何工作的，而是指产 品如何和外界联系并发挥作用，也就是人们如何“接 触“或者“使用”它。
Web中的用户体验是指用户在访问平台的过程中的全 部体验，它包括平台是否有用，疑惑或者bug程度，功 能是否易用、简约，界面设计和交互设计是否友好等 方面。用户体验的核心是UCD，即“以用户为中心的 设计”。
用户体验与交互设计及案例介绍
UI设计
User Interface Design
用户界面设计，在很大程度上就是在探讨如何让产品 的界面更加具有可用性，如何让用户有更良好的体验。 这是一种优化后的界面，通过这种界面，用户能更方 面地完成任务，获得良好的感觉。
例如：一个按钮的设计，美工设计考虑如何好看，而 用户界面设计师则考虑按钮如何摆放，上面显示什么 文字，甚至到底要不要这个按钮的问题。
购物网中，购买这本书的用户还购买了以下书， 在《长尾理论》中安德森叫过滤器法则，它是长尾现象形成的一
个因素
介于主动自适应和被动调整之间的混合策略
用户体验与交互设计及案例介绍
减少用户在使用软件时出现错误（一）
让用户能有效地看出或者知道如何进行正确操作
减少用户记忆的负担； 自然匹配和预设用途； 尽可能采取一致性的设计
用户体验与交互设计及案例介绍
交互设计—符合用户习惯与预期
兼容客户端邮件菜单习惯
在用TT或QQ/TM/RTX截屏后的图,mail原来在写信时用Ctrl-V可以贴出来，但右键则不能。
不随意去掉用户正在”功能
符合用户预期
点击其他地方，WEBQQ的浮动窗口隐藏到固定位置