用户体验与交互设计.ppt

《用户体验与交互设计.ppt》由会员上传分享，免费在线阅读，更多相关内容在PPT专区-天天文库。

1、BetterUserExperienceColorfulFuture——用户体验、交互设计及案例介绍主要内容用户体验？交互设计？ＵＩ设计？实现模型和心理模型用户体验与交互设计基本原则介绍交互细节案例介绍交互设计所需要技能概念区分用户体验：UE用户体验并不是指产品本身是如何工作的，而是指产品如何和外界联系并发挥作用，也就是人们如何“接触“或者“使用”它。Web中的用户体验是指用户在访问平台的过程中的全部体验，它包括平台是否有用，疑惑或者bug程度，功能是否易用、简约，界面设计和交互设计是否友好等方面。用户体验的核心是UCD，

2、即“以用户为中心的设计”。交互设计交互：用户通过某种方式发出指令，且系统对此作出相应的反应交互设计是关于创建新的用户体验的问题，目的在于增强和扩充人们的工作、通信及交互方式，使他们能够更加有效地进行日常工作和学习。UI设计UserInterfaceDesign用户界面设计，在很大程度上就是在探讨如何让产品的界面更加具有可用性，如何让用户有更良好的体验。这是一种优化后的界面，通过这种界面，用户能更方面地完成任务，获得良好的感觉。例如：一个按钮的设计，美工设计考虑如何好看，而用户界面设计师则考虑按钮如何摆放，上面显示什么文字，

3、甚至到底要不要这个按钮的问题。一些网站页面实现模型和心理模型心理模型表现模型实现模型容易使用，体验良好记忆负担，体验较差最好的设计是消失在生活当中的设计腾讯交互设计-减少用户在使用软件时出现错误利用某种方式提醒用户可能出错如何设置出错信息不要只告诉用户操作无法完成或者操作失败不要仅仅给出出错代码，还应当给出该错误的含义不要在出错信息中使用用户无法理解的术语错误要尽可能明确错误信息要有建设性，要让用户看出怎样才是正确的不要给出误导性的出错信息向用户提出解决问题的建议交互设计-减少用户的等待感RobertBmiller1968

4、——Responsetimeinman-computerconversationaltransactions0.1秒钟、1秒钟、10秒钟交互设计—符合用户习惯与预期先字母排序，再优先显示最近联系人，减少键盘操作。交互设计—符合用户习惯与预期兼容客户端邮件菜单习惯在用TT或QQ/TM/RTX截屏后的图,mail原来在写信时用Ctrl-V可以贴出来，但右键则不能。不随意去掉用户正在使用的功能原来mail在做出了“HTML方式查看”后，去掉了“打开”功能符合用户预期点击其他地方，WEBQQ的浮动窗口隐藏到固定位置交互设计—适时的

5、提醒没必要的提醒不需要出现而适时出现的提示或功能，用得好，不但不会骚扰用户，还是对用户的细致的关怀交互设计—操作便利QQ魔法表情交互设计—操作便利问卷星的设计页面视觉设计——制定规范，维持统一文字使用要规范，语法，大小，颜色，大小写都需要注意能用一个词表达的，不用一句话。能用一句话表达清楚的，不用两句话每个概念都只有唯一一种表达。如”VIP”的概念能用一种字体颜色的，不多用一种颜色能用一种字体大小的，不多用一种大小视觉设计—防止不恰当的低龄化在追求“简单”的过程中，QQMail不知不觉的变得“中性”、“成熟”化。当我们更加

6、理性和严谨地设计产品的时候，自然会远离“低龄”倾向。“成熟”源自合理的设计，“低龄”源自不合常理的设计。不恰当的低龄化腾讯用户体验室腾讯用户体验总结Don'tmakemethink符合用户习惯与预期做适时的提醒不强迫用户选择最佳方案操作便利JakobNielson博士交互设计的十项原则1.让用户随时了解系统的状态例如导入导出的提示功能2.系统应该与真实世界相符合（使用用户惯用的词汇和概念）3.给用户控制权和自主权当系统出错或者误操作后能够紧急退出。4.提倡一致性和标准化相似的任务提供相似的元素5.帮助用户诊断、识别和恢复错

7、误。告诉用户大概的原因和解决办法6.预防错误7.依赖于识别而不是记忆8强调实用的灵活性和有效性：输入搜索内容后直接按回车键就能搜索而不一定要点击搜索图标。9．最小化设计10.提供帮助及文档BenShneiderman交互设计原则性力求一致性：高度一致性的界面能够给人清晰和整体的感觉。提供明确的反馈设计对话，告诉用户任务已经完成提供错误预防和简单的纠错功能应该方便用户取消某个操作用户应掌握控制权（授课计划的跳过该动画）减轻用户的记忆负担交互设计需要哪些能力和技术？交互设计师InteractionDesigner1.交互设计的

8、经验，或多或少，当然经验丰富者优先。2.给出高质量的产品原型，流程图，线框图，清晰的表达自己的设计方案。3.优秀的沟通和协调能力，能准确的挖掘用户需求，结合商业目标，快速调整设计方案，并获得最终的认可。4.良好的视觉设计能力，Photoshop，Dreamweaver等设计工具熟练运用，能给出高保真度的