互联网产品设计研讨(曾庆瑞)0807

南京欣网视讯信息技术有限公司2008年7月南京欣网视讯信息技术有限公司目录UCD和UE/UX的概念和分析1产品设计团队的组建和产品设计流程2产品设计方法和原型、工具的使用3南京欣网视讯信息技术有限公司为什么UCD如此重要？UCD（User-centereddesign）：以用户为中心的设计在开发产品的每一个步骤中，都要把用户列入考虑范围•UCD是一个口号吗？•UCD对于实际工作有什么指导和意义呢？UCD即创建高效的UE方法，与其说UCD是一种方法还不如说是一种互联网产品的设计思想，那么成功的UE（UserExperience）用户体验又具有什么样的意义？理解人们所想和所需：围绕用户需求和心智模型进行产品设计南京欣网视讯信息技术有限公司用户体验价值图•它向我们解释了积极的、良好的用户体验可以增加用户的回访、获得用户的信任，增加购买的意向，实际上是增加了我们获得利润的能力。•即使我们的网站并不是直接靠在线销售获得利润的经营模式，但高效的用户体验可以提高转换率，实际上是帮我们更快、更稳健的达到我们的商业目标。南京欣网视讯信息技术有限公司UE车轮－构成用户体验的30种要素这个模型应该从内部解释，它从中间开始：•价值是我们想要达到的目标。•从顾客到提供商，正向的用户体验是可以实现“双赢”的•我们通过正向的用户体验来实现价值。•用户体验由许多方面组成，我们必须重视可寻性、可接近性、合意性、可用性、可靠性和有用性这些方面。•用户体验的方面又由许多方面组成，这个模型具体呈现了30种要素。南京欣网视讯信息技术有限公司用户体验的要素•战略层：用户的需求是什么？网站的目标/商业目的是什么？•范围层：什么样的信息和内容满足用户的需求？•结构层：如何组织、导航，并响应用户满足其需求？•框架层：如何将概念模型细化到具体的界面外观、布局、导航信息设计……•视觉层：用户看到的最终表现形式这不仅仅是用户体验的要素组成结构，也总结了我们的产品设计过程，试想一下我们的工作将处于哪个层面？南京欣网视讯信息技术有限公司目录UCD和UE/UX的概念和分析1产品设计团队的组建和产品设计流程2产品设计方法和原型、工具的使用3南京欣网视讯信息技术有限公司产品经理产品经理负责整个产品的定位、规划、定制发展方向及策略，并负责团队的激励和管理：他应该把精力用于产品的“战略层”、“范围层”，他不一定对每一个领域都精通，但一定具有全局观和把控能力。产品经理的产品管理能力，体现在具体工作：负责产品概念设计的把关撰写市场需求文档（MRD）和产品需求文档（PRD）进行竞争状况分析规划产品路线图制作产品演示PPT分析产品数据等……组织沟通、注重细节、商业嗅觉、整体规划…南京欣网视讯信息技术有限公司信息架构师IA（信息架构师）(informationarchitect)网站的信息组织系统、标识系统、导航系统和搜索系统组织方式分类体系顺序排列导航结构设计确定网站的结构类型，层级？矩阵？线性？让用户在信息空间中很清楚自己的位置和达到目的地的途径设计信息环境、组织结构对信息的系统分类，以符合用户的思维模型对信息进行顺序设计、让用户在合适的时间、合适的位置获取应该得到的信息一个有效的信息架构可以让人们按照逻辑直观的，毫无阻碍的一步步地接近他们需要的信息南京欣网视讯信息技术有限公司信息构架•节点的结构方式：层级？矩阵？线性？•组织原则：按照网站目标和用户需求分类•控制性词典：控制信息一致性•元数据：信息的属性•导航系统：导航设计•位置和标识……交付物：构架图、线框图南京欣网视讯信息技术有限公司交互设计师交互设计师以目标为导向的设计，最早属于界面设计的范畴，交互设计的过程主要是“任务分解”的过程，简单来说就是“我们把产品功能按照用户的具体需求组合成典型任务场景，然后对每个任务进行详细的使用流程设计”。决定交互设计有多少工作的并非多少界面，而是有多少任务。我们的交互设计师通常只做：行为设计：用户点击之后反馈什么样的结果？可以拖拽操作吗？用什么样的语言和用户交互？…界面设计：使用按钮还是图标？TAB如何表现？…错误处理…交付物：产品线框图（Wireframes）、产品特性清单（FeatureList）……交互设计师需要具备凭空想象复杂行为的能力观点：1、交互设计师不要把全部的精力用于交互设计的表现层面，而要更多的去考虑交互思想、交互理念的设计。2、用户3步完成一项任务一定比5步完成这项任务更加具有可用性吗？南京欣网视讯信息技术有限公司交互设计任务分解举例南京欣网视讯信息技术有限公司从招聘广告看交互设计师南京欣网视讯信息技术有限公司界面＋交互＋信息构架＝？南京欣网视讯信息技术有限公司从招聘广告看用户体验分析师南京欣网视讯信息技术有限公司产品设计流程参考产品设计流程通过数据分析研究，定位产品和用户确定用户群体特征，研究用户目标和行为的关键因素产品的理念、定位、整体性结构、用户需求核心通过用户调研，结合定量、定性分析，为不同目标用户制定不同的产品策略1、市场研究2、用户定位分析3、产品概念设计4、用户细分南京欣网视讯信息技术有限公司产品设计流程产品设计流程设计人物角色，建立档案针对目标用户，分析功能模块，确定做什么和不做什么信息空间的结构、组织、导航、标识。通过任务分解（场景设计），设计互动流程通过用户现场操作、低保真原型操作等方式做产品的可用性测试5、人物角色创建6、功能需求分析7、信息构架、交互设计8、可用性测试南京欣网视讯信息技术有限公司产品设计过程中的交付物1.概念阶段（concept）阶段的交付物：概念文档（conceptdocument）或者是概念原型（conceptprototype）2.探索阶段（discover）阶段的交付物：提案文档（ProposalDocument）3.定义阶段（definition）的交付物：需求文档（ProductRequirementDocument），产品概念设计（ConceptDesignMeterials）4.细化阶段（refinement）的交付物：产品线框图（Wireframes）、产品特性清单（FeatureList）、最终的原型设计（可以是任何版本的，例如HTML、Flash或者是专用的原型制作工具）某工作小组的产品策划流程各个阶段的交付物形式南京欣网视讯信息技术有限公司举例：YAHOO产品设计流程团队组建•产品经理（productmanager）•用户体验研究员(userresearcher)•信息架构师(informationarchitect)•视觉设计师(visualdesigner)、界面设计师（userinterfacedesigner）•互动设计师(interactiondesigner)•工程师(webdeveloper)/engineer工作流程•1、产品经理制定产品整体构架，产品发展方向等，做全局把控•2、以上人员共同参与产品讨论，制定时间表以及任务分工•3、用户体验研究员作产品和用户等调查研究•4、信息架构师设计产品信息架构、内容架构•5、互动设计师设计互动流程•6、视觉设计师(visualdesigner)和userinterfacedesigner做视觉设计•7、webdeveloper把设计模型通过编写程序(html,dhtml,JavaScript)等再现，最后交给工程师•8、用户体验研究员需要做用户测试•9、QA(Qualityassurance)需要测验产品的操作步骤，确认产品的使用质量南京欣网视讯信息技术有限公司产品设计中的棘手问题•我们公司没有UED、IA、ID、VD，更别说什么UR了，我们如何开展产品设计工作？•网站的行文、界面文字谁来把关、是PM还是ID，还是谁？•PM和UE的关系如何界定？•谁，何时，需要加入产品设计的概念性阶段？•产品设计规范如何确定和执行？•为什么我们产品设计时间总是不够用？缺乏高效的沟通、团队成员对于目标的不明确，会导致整体效率的下降，我们要让团队的成员都清楚：产品目标、工作流程、设计规范、日程安排南京欣网视讯信息技术有限公司目录UCD和UE/UX的概念和分析1产品设计团队的组建和产品设计流程2产品设计方法和原型、工具的使用3南京欣网视讯信息技术有限公司以用户为中心的设计方法举例卡片分类(CardSorting)观察用户是如何理解内容和组织信息，用来帮助你的网站(产品)更合理的组织信息。情境访谈(ContextualInterviews)走进用户的现实环境，让你了解你的用户的工作方式，生活环境等等情况。焦点小组(FocusGroups)组织一组的用户进行讨论，让你更了解用户的理解、想法、态度和想要什么。启发式评估(HeuristicEvaluation)可用性的检查方法，让一些行内专家对网站产品进行指导。南京欣网视讯信息技术有限公司以用户为中心的设计方法举例单独访谈(IndividualInterviews)一对一的用户讨论,让你了解某个用户是如何工作,使你知道用户的感受,想要什么和他的经历。平行设计(ParallelDesign)对同一个网站(产品)进行分开的设计，从而比较选择一个最佳方案。角色模型(Personas)构建一个虚构的人来代表大部分用户，设计团队围绕这个虚拟人物设计开发产品。原型(Prototyping)利用简单网站(产品)原型进行相关的测试，从而节约后期大量的成本。南京欣网视讯信息技术有限公司以用户为中心的设计方法举例问卷调查(Surveys)利用网上或纸张的问题list对用户进行发放填写，从而收集用户对网站(产品)的反馈意见。任务分析(TaskAnalysis)通过任务分析了解用户使用你网站(产品)时的目标和操作方式，习惯。可用性测试(UsabilityTesting)请用户来试用你的网站(产品)，有任务性的完成测试。从而得到你所想要的东西。用例(UseCases)描述某个用户使用你网站(产品)时的情况，包括目标和行动。南京欣网视讯信息技术有限公司用户研究－－人物角色创建•人物角色（Personas）作为UCD方法中最重要的一个工具，是通过创建典型用户来代表具有不同目标的用户从而满足具有类似目标和需求的用户群”，介绍了通过角色，产品设计者可以站在用户的角度考虑问题，从而把设计者的注意力集中在用户需求和目标上…南京欣网视讯信息技术有限公司用户研究－－人物角色创建用户定性研究细分用户群为细分群体创建角色用户访谈现场调查用例测试……用目标细分用使用周期细分用行为和观点介绍一种最简单的人物角色创建方法－－定性人物角色：除了定性分析法之外，还有：•经定量验证的定性人物角色•完全的定量人物角色建立档案展示人物角色融入角色……南京欣网视讯信息技术有限公司用户研究－－人物角色创建•不经过分类、逻辑分析的原始用户数据、访谈调查表本身并没有什么意义，往往会让我们陷入细节并得到错误的结论•创建角色：人物角色可以时刻提醒我们，要把时间用在满足我们的目标用户群体上•人物角色可以避免我们基于自己的想法做决策太夸张太漂亮太隐藏太多干扰人物角色形象要具有普通代表性，并和人物特性相符合南京欣网视讯信息技术有限公司原型设计：故事板*纸板——用于屏幕；*邮票式张贴——用于菜单、对话框和其他的屏幕元素；*透明的幻灯片——用于临时项目或用户输入；*隐藏的带子或者其它用于用户输入的带子；*笔和标记（可擦写标记用户输入或临时信息）；*用来擦除输入的水；*……原型设计，主要是设计产品的功能、用户流程、信息架构、交互细节、页面元素等，它更多的向产品设计团队的每一位成员传递着产品的设计理念、核心功能、网站结构、基本布局等，但经常不包括视觉设计。原型设计主要形式：纸质、交互式卡片、线框图、图形、html、flash等，主要工具有word、visio、DW、photoshop、AxureRP等……南京欣网视讯信息技术有限公司纸质原型优势*技术壁垒消失*更少的辩论时间*传达产品感觉不错*比VisualBasic或者HTML原型制作快速*廉价*人人都可以参加设计纸质原型•用户可以协同设计原型或参加之后的测试部分缺点*