用户体验设计.ppt课件

1、用户体验及交互设计 用户体验概述 网站建立步骤及理念 互联网交互设计方法目录用户体验概述用户体验(User Experience)，缩写为UE, 或者UX。它是指用户访问一个网站或者运用一个产品时的全部体验。用户体验设计那么是以此概念为中心的一套设计流程。在英语中常被简写为UE Design。此流程完好的包括了有目的用户设定，称心度的范围和目的设定，用户需求的功能，交互研讨，系统反响和最终的报告与成果。UED，其目的就是让用户自然愉悦地运用产品。以用户为中心UCD，用户体验从产品开发的早期就要介入进来，并贯穿整个流程。什么是用户体验互联网的用户体验类型感官体验：呈现给用户视听上的体验，强调温馨

2、性。 交互体验：呈现给用户操作上的体验，强调易用/可用性。 情感体验：呈现给用户心思上的体验，强调友好性。 阅读体验：呈现给用户阅读上的体验，强调吸引性。 信任体验：呈现给用户的信任体验，强调可靠性。76个点见附件。 为什么要进展用户体验 用户体验的目的： 让用户在运用产品或阅读网页时无妨碍； 提高用户运用网站的称心度； 留住旧用户，开展新用户； 降低了用户时间本钱及我们的研发本钱； 提高用户对网站品牌的忠实度。 假设用户体验不好： 对产品产生负面印象及评价，连带对于品牌的负面影响。 呵斥用户流失，从而在行业中丧失竞争力。怎样开展用户体验 划分用户群，确定目的用户。 走近目的用户，发掘用户需求

3、。 在用户需求与商业需求中寻觅平衡点。 规划产品的开展战略，什么时候做什么事情。 快速设计、研发、测试、上线。快速调整。 一直提供应用户“有用的东西。 一致性 视觉一致性：字体、颜色、图片等元素的规格、尺寸、款式、间距等； 交互一致性：页面跳转、弹出对话框、鼠标动作单击、滑过等； 内容一致性：内容导向、语气、角度、基调、风格； 框架一致性：页面及模块的构造和款式等。 阶段性 网站开展是有阶段性的，不能一蹴而就，在每个阶段都有既定开展目的。产品设计应符合当前阶段的战略开展目的。 用户参与性 用户提供内容 用户参与审核与优化 用户口碑营销用户体验在网站设计中需求留意的用户体验中能够遇到的问题 用户

4、体验与“抄袭。 用户体验，不能以用户称心为独一目的。 用户体验师能够会在外部用户与内部部门之间“走钢丝。网站建立步骤及理念网站建立步骤中心思想：营销我们要获得的：点击量商业价值、用户反响、技术才干及专业流程的积累网站建立理念互联网交互设计方法什么是交互设计 交互设计IaD，人与网站的互动。设计和定义运用者如何运用一产品到达其目的，完成某一义务的过程。如注册、网购、聊天等。 交互设计不等于用户体验。 交互设计是一个设计任务。 交互设计是一门技术。 交互设计在目前阶段的主要使命是提高产品可用性。 经过对界面和操作行为的设计提高产品可用性。 变化快。 质量低。 功能操作与信息传达并重。 高速创新从而

5、带来的无规范。互联网产品的特点那么，互联网产品的交互设计应该怎样做？互联网交互设计任务 信息架构 是一个整理信息，斡旋信息系统与运用者需求的过程，主要是要将信息变成一个经过组织、归类、以及具有阅读体系的组合构造。网站的组织系统、标签系统、搜索系统，以及导航系统的组合。目的是提供可用性及可寻性。 流程设计 根据用户需求分析，对用户在网站中需求完成的义务流程进展设计。目的是使流程明晰合理并运用户根据适当的引导顺利完成义务。 界面设计 网站原型设计、网站蓝图设计。将内容与功能的安排直观表达出来。 交互细节设计 根据根本的交互设计规那么，对网站涉及到交互功能的细节进展文档化要求详细设计文档。什么是信息

6、架构？我们可以笼统的了解为：经过一堵“墙架起了“人和“信息的桥梁，使之各自找到需求的信息。这堵墙亦可以了解成一个广义的“界面，它就是传说中的“信息架构！如何进展信息架构？根据本人所在的组织范围内的详细情况，推进商业、内容、用户三要素平衡开展。商业：一切的网站和企业网络都存在于特定的商业或组织环境中。无论明显或不明显，每一个组织都有义务、目的、战略、员工、流程和程序、实体根底架构和技术根底架构、预算和文化。将这几种功能、愿景及资源混合之后，每一个组织就成为独一无二的组织了。内容：包括文件、运用程序、效力、方式，以及人们要找到他的网站时所需求的元数据。真要采用某个专业术语的话，可以说就是构成他的网

7、站的“资料。用户：现实世界中顾客喜好和行为的差别，在网站和企业网络的情境中就会被转化成不同的信息需求和信息搜索行为。信息架构的类型 静态展现型 例如新浪、搜狐等门户型网站；华尔街日报等新闻类网站。 交互型 例如开心网等社区交互型网站；淘宝、当当等B2C电子商务网站。信息架构的表现方式 网站的组织系统、标签系统、搜索系统，以及导航系统的组合。 即功能流程的设计。例如注册流程、电子商务网站中的购物流程封装设计等。 经过流程交互设计，可以简化不用要的逻辑步骤，减少用户操作次数。 流程最好采用线性，明晰流程的起点与终点。 控制流程内的义务范围，过于庞杂的义务会构成干扰，容易让用户心生恐惧。流程设计范例

8、：某添加账户的流程设计之前的设计7个步骤、8次提交：1。进入“系统设置；2。进入帐户管理；2.1。选择“添加帐户；3。输入邮箱称号；4。输入邮箱地址和密码；5。填写手机号和签名可跳过；6。设置邮件效力器；7。提交完成。之后的设计思索了用户体验、平安问题与商业价值，常规提交4次： 交互设计中的界面设计，又称蓝图设计或原型设计。运用一定的原型设计软件，对功能和内容进展组织和表达，其目的在于直观地呈现设计思想，并起到有效的信息传达的作用。 方法一：自然言语法。 方法二：构造图法。界面设计更少的信息量更好。构造化更易于了解。信息的表达应该清楚、明确、直接。操作可识别。操作前，结果可预知。操作时，操作有反响。操作后，操作可撤销。让用户知道身处何地。防止内容看上去象广告。不提供多余的功能。一样的功能，在不同的页面中应坚持一致性。措辞一致。界面设计页面表达原那么 详细操作： 第一步. 概括待表达的信息 第二步. 将概括好的信息排序 第三步. 运用界面言语翻译 适用于较明确的线性流程设计。界面设计自然言语法界面设计构造图法 详细操作： 第一步. 总结归纳全部待表达的信息。 第二步. 画树状图。 第三步. 画页面草图，演示。(其中包含：页面标题、导航、重要的链接和按钮。)界面设计构造图法