用户体验及交互设计.pdf

用户体验及交互设计 网络服务室 王厅 2010.03 目录 • 用户体验概述 • 网站建设步骤及理念 • 互联网交互设计方法 用户体验概述 什么是用户体验 用户体验(User Experience)，缩写为UE, 或者UX。 它是指用户访问一个网站或者使用一个产品时的全部体 验。 用户体验设计则是以此概念为中心的一套设计流程。在英 语中常被简写为UE Design。此流程完整的包括了有目标用 户设定，满意度的范围和指标设定，用户需求的功能，交互 研究，系统反馈和最终的报告与成果。 UED，其目标就是让用户自然愉悦地使用产品。 以用户为中心（UCD），用户体验从产品开发的早期就要 介入进来，并贯穿整个流程。 互联网的用户体验类型 感官体验：呈现给用户视听上的体验，强调舒适性。 交互体验：呈现给用户操作上的体验，强调易用/可用 性。 情感体验：呈现给用户心理上的体验，强调友好性。 浏览体验：呈现给用户浏览上的体验，强调吸引性。 信任体验：呈现给用户的信任体验，强调可靠性。 76个点见附件。 为什么要进行用户体验 用户体验的目的：  让用户在使用产品或浏览网页时无障碍；  提高用户使用网站的满意度；  留住旧用户，发展新用户；  降低了用户时间成本及我们的研发成本；  提高用户对网站品牌的忠诚度。 如果用户体验不好：  对产品产生负面印象及评价，连带对于品牌的负面影响。  造成用户流失，从而在行业中丧失竞争力。 怎样开展用户体验 划分用户群，确定目标用户。 走近目标用户，挖掘用户需求。 在用户需求与商业需求中寻找平衡点。 规划产品的发展策略，什么时候做什么事情。 快速设计、研发、测试、上线。快速调整。 始终提供给用户“有用”的东西。 用户体验在网站设计中需要注意的 一致性  视觉一致性：字体、颜色、图片等元素的规格、尺寸、样式、间距等；  交互一致性：页面跳转、弹出对话框、鼠标动作（单击、滑过）等；  内容一致性：内容导向、语气、角度、基调、风格；  框架一致性：页面及模块的结构和样式等。 阶段性  网站发展是有阶段性的，不能一蹴而就，在每个阶段都有既定发展目标。产品设计应符合当前阶段 的战略发展目标。 用户参与性  用户提供内容  用户参与审核与优化  用户口碑营销 用户体验中可能遇到的问题 用户体验与“抄袭”。 用户体验，不能以用户满意为唯一目的。 用户体验师可能会在外部用户与内部部门之间“走钢丝” 。 网站建设步骤及理念 网站建设步骤 网站建设理念 核心思想：营销 我们要获得的： 点击量（商业价值）、用户反馈、技术能力及专业流程的 积累 互联网交互设计方法 什么是交互设计 交互设计（IaD），人与网站的互动。设计和定义使用者 如何使用一产品达到其目标，完成某一任务的过程。如注 册、网购、聊天等。 交互设计不等于用户体验。 交互设计是一个设计工作。 交互设计是一门技术。 交互设计在目前阶段的主要使命是提高产品可用性。 通过对界面和操作行为的设计提高产品可用性。 互联网产品的特点 变化快。 质量低。 功能操作与信息传达并重。 高速创新从而带来的无标准。 那么， 互联网产品的交互设计应该怎么做？ 互联网交互设计工作 信息架构  是一个整理信息，斡旋信息系统与使用者需求的过程，主要是要将信息变成一个经过组织、归类、 以及具有浏览体系的组合结构。网站的组织系统、标签系统、搜索系统，以及导航系统的组合。目 的是提供可用性及可寻性。 流程设计  根据用户需求分析，对用户在网站中需要完成的任务流程进行设计。目的是使流程清晰合理并使用 户根据适当的引导顺利完成任务。 界面设计  网站原型设计、网站蓝图设计。将内容与功能的安排直观体现出来。 交互细节设计  根据基本的交互设计规则，对网站涉及到交互功能的细节进行文档化要求（详细设计文档）。 什么是信息架构？ 我们可以抽象的理解为：通过一堵“墙”架起了“人” 和“信息”的桥梁，使之各自找到需要的信息。 这堵墙亦可以理解成一个广义的“界面