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

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