互联网产品规划及用户体验设计方法课件

“以用户为中心”的互联网产品

规划设计方法“以用户为中心”的互联网产品

规划设计方法1ThekeyindexthatVCselecttheecommercepartner网站转化率线下ROI重复购买率单客收入活跃用户数2ThekeyindexthatVCselectt中国网站的数量变化趋势2010年上半年，全球互联网站点数都在下降，中国网站数同步下滑。根据Netcraft的统计，2010年上半年全球互联网站点数减少2700万个，降幅达到11.5%。2010年上半年6月，中国网站数量减少34万，下降到279万个。32006.12-2010.06中国网站规模变化中国网站的数量变化趋势2010年上半年，全球互联网站点数都在3PoorInternetproductdesignisasignificantsourceoffrustrationandlowersconversionrates483%ofwebvisitorswillactuallyleaveasitebecauseofpoordesign;designingitwellwillencouragethemtoremain.TopreasonsvisitorsabandonwebsitesPercentrespondentsPoorInternetproductdesigniInternetProductKSFs：ExcellentUserExperience、BusinessInnovation、IntegrationEcosystem,verydifferentwithtraditionalsoftware5InternetProductKSFs：Excellen而很多传统的软件公司，仍然在使用传统软件方法规划和设计互联网产品6以技术或功能为中心的思想，不断提供给用户所不需要的新功能新技术，最后功能累积不但使产品复杂不易使用，而且增加了开发成本；1以计算机为中心的思想，设计的界面要求用户去学习复杂的功能指令来适应机器，而不是机器适用户，结果使众多普通用户拒而远之，丢失了市场占有率；2设计师或程序员误以自我认识为中心，最终产品的特性与真实用户的需求不匹配；3开发流程上，产品投放市场测试，收到反馈再修改，反复迭代，使得产品开发周期很长，开发成本很高。4而很多传统的软件公司，仍然在使用传统软件方法规划和设计互联网7传统软件方法互联网产品方法以技术为驱动强调产品模块有限领域的团队协作关注内部架构不擅长用户体验局部关注市场竞争开发先于用户验证从缺陷角度衡量产品质量产品评估由有限用户决定关注内部用户以用户为驱动强调整体方案多领域团队协作关注外观设计擅长用户体验关注市场竞争开发限于用户验证过的设计从用户眼光衡量产品质量产品评估取决于用户关注所有用户vs.传统软件规划设计方法vs.互联网产品规划设计方法7传统软件方法互联网产品方法以技术为驱动以用户为驱动vs.传以用户为中心的用户体验设计涉及5个层级。设计的过程是按自下而上的方法，依次是战略层、范围层、结构层、框架层以及表现层。8

功能需求内容需求界面原型页面框架界面、接口导航体系

交互设计信息架构

123451、业务定位和规划3、用户体验设计2、需求定义互联网产品规划和设计的五层结构定位和目标用户需求以用户为中心的用户体验设计涉及5个层级。设计的过程是按自下而互联网产品的规划和设计方法9T1:用户需求调研与分析T4:需求筛选与定义(内容/结构/运营)T3:合作伙伴业务需求调研与分析T6:信息架构设计T8:网站页面框架和低保真原型设计T7:交互设计2、需求定义3、用户体验设计T2:竞争对手和最佳实践研究T0:基于业务价值和竞争优势的产品定位和规划1、业务定位和规划T9:高保真界面设计T5:典型用户和场景分析T10:用户测试通过Value

Tree的方式，推导使用用户调研、焦点小组、最佳实践研究方法、Roadmap方法进行定义使用适合互联网产品的用户体验设计方法进行定义注：互联网产品后台的系统规划、架构、设计和代码过程并行进行互联网产品的规划和设计方法9T1:用户需求调研与分析T4:1、业务定位和规划10BusinessvalueValuedriverValueDriverCapabilityBusinessobjectBusinessValueDriverDriverCapability1、业务定位和规划10BusinessvalueValue2、需求定义11用户调研设计用户体验调研问卷，包括用户基本网络行为、产品使用情况、用户态度、可用性评估、用户群背景等信息。可以通过在线问卷等多种方式大范围开展调研用户调研报告包括分析整理后的问卷调查数据，形成单项评估结论，包括用户群分析（用户行为、态度、背景资料、使用情况）、用户需求、用户满意度等。用户调研的目的是帮助

交互设计师调查了解用户及其相关使用的场景，以便对其有深刻的认识(主要包括用户使用时候的心理模式和行为模式)，从而为后继设计提供良好的基础。2、需求定义11用户调研设计用户体验调研问卷，包括用户基本网用户访谈通过小范围访谈，收集用户的意见和在使用过程中可能存在的实际状况或问题，最后将分析结论汇总为用户访谈报告。好的设计人员一定是要是一个好的用户测试和访谈人员,做访谈时要以设计的思路去考虑用户所说的,用设计的发现眼光去发现用户所说的背后隐含的意义,并且要有强的逻辑思维去整理,并做出迅速的反应，即稳,准,狠。用户访谈的目的主要是辅助设计人员了解用户的使用习惯和使用背景。2、需求定义12用户访谈通过小范围访谈，收集用户的意见和在使用过程中可能存在12现有系统运营分析针对收集到的网站运营和用户行为数据进行分析，发现其中的规律，总结网站整体运营情况、用户群和行为模型，以及相应的用户体验指标，形成运营数据单项评估结论。分析对象以产品研发和维护、内容管理、公司客户销售和服务、用户管理服务为主，发现与用户体验相关的运营问题，比如组织、流程和工具、员工和能力、KPI、IT工具维度分析运营中的问题等，并分析原因和给出改进建议。2、需求定义13现有系统运营分析针对收集到的网站运营和用户行为数据进行分析，13用户测试用户测试是观察典型用户使用产品的过程，最后在提交的用户测试报告中总结测试过程中发现的问题，并给出改进建议。其过程包括：制定用户测试的范围、评估标准、实施流程、人员安排和时间计划等实施用户测试，收集相关数据分析整理用户测试结果，形成评估结论，主要包括现有网站的可用性问题及用户反馈。用户测试的目的是测试产品而不是用户本身，以预测真实真实环境下用户可能会遇到的严重的产品问题。142、需求定义用户测试用户测试是观察典型用户使用产品的过程，最后在提交的用3、用户体验设计

网站用户体验，指的是利用网络特性，为客户提供完善的网络体验，提高客户的满意度，从而与客户建立起紧密而持续的关系。

网络的体验，是体验的延伸。随着网络的普及，网络体验成为体验营销不可缺少的重要组成部分。

网站体验的分类

1、感官体验：呈现给用户视听上的体验，强调舒适性。

2、交互体验：呈现给用户操作上的体验，强调易用/可用性。

3、情感体验：呈现给用户心理上的体验，强调友好性。

4、浏览体验：呈现给用户浏览上的体验，强调吸引性。

5、信任体验：呈现给用户的信任体验，强调可靠性。153、用户体验设计网站用户体验，指的是利用网络特性15有用性、易用性、期望性、可访问性、可寻性以及可信任是用户体验设计的基本原则，也是用户体验设计的价值所在

有用性

给与用户帮助易用性

简洁、容易使用期望性

用户的满意度构建品牌忠诚度可访问性

对所有的人均可访问可寻性

信息容易找到可信任

高质量的设计有利于建立信任用户体验价值F可寻性可信任期望性可访问有用性易用性有用性、易用性、期望性、可访问性、可寻性以及可信任是用户体验16用户角色和用户场景用户角色是根据产品业务，虚拟出一个用户来代表产品一类目标用户群。用户角色详细描述了用户的生活习惯，个人喜好，对网站的看法等各方面细节。在产品设计中我们会将用户角色贯穿产品设计的始终。用户场景描述了用户如何和产品交互。基于用户可行的行为模式，设计创建场景或者用户故事或者storyboard来描绘设计中产品将来可能的形态，并且通常使用用户角色(persona)来作为创建场景的基础。创建用户角色和场景的目的是帮助产品团队理解产品的目标用户，以更有目的性和高效性的指导今后工作。1717用户角色和用户场景用户角色是根据产品业务，虚拟出一个用户来代信息架构设计信息架构设计通过对用户研究和任务分析，定义界面设计的骨架，即产品的整体架构，页面布局和导航设计。主要包括：网站地图和工作流程菜单导航网页内容提纲信息架构设计的目的是把信息在产品界面上分门别类地存放，为之后的行为和功能设计提供框架。1818信息架构设计信息架构设计通过对用户研究和任务分析，定义界面设WhyisIAimportant?MostCommonUsabilityProblemsPoorlyorganizedsearchresults53%Poorinformationarchitecture32%Slowperformance32%Clutteredhomepages27%Confusinglabels25%Invasiveregistration15%Inconsistentnavigation13%Theresearch

foundthatpoorlyorganizedsearchresultsandpoorinformationarchitecturedesigntobethetwomostcommonandserioususabilityproblemsWhyisIAimportant?MostCommo19WhyisIAimportant?Costoffinding(time,frustration)Costofnotfinding(alternatechannels,lostcustomers,lostsales)Costofconstruction(staff,technology,planning,bugs)Costofmaintenance(contentmanagement,redesigns)Costoftraining(employees,turnover)Valueofeducation(relatedproducts,projects,people)Valueofbrand(identity,reputation,credibility)WhyisIAimportant?Costoffi20交互设计-低保真原型目标低保真原型在交互设计（InteractionDesign）步骤之后提交任何产品功能的实现都是通过人和机器的交互来完成的。交互设计关注产品和使用者行为上的交互以及交互的过程，包括和计算机对话，交互，信息的输入和输出，以及反馈机制，比如dialog,toolbar,form,message等交互设计的目的是使产品对用户能简单使用2121交互设计-低保真原型目标低保真原型在交互设计（Inte视觉设计-高保真原型高保真原型在视觉设计（VisualDesign）步骤之后提交。在信息架构和交互设计的基础上，参照目标群体的心理模型和任务达成进行视觉设计。视觉设计定义用户界面的外观和感觉，包括页面风格、色彩、字体、图形元素（按钮、图标、菜单图标）等，在不破坏产品的结构和交互行为的前提下，使得产品更美，更抽象，更艺术化。视觉设计要达到用户愉悦使用的目的，同时传达品牌概念，提供一致，有逻辑性的和引人注意的产品界面。2222视觉设计-高保真原型高保真原型在视觉设计（VisualTotalUserExperienceLeaderMarketingSpecialistVisualDesignerHCIDesignerUserResearchSpecialistTechnologyArchitectService&SupportSpecialistUserAssistanceArchitect23TheInternetproductDesignTeamTotalUserExperienceMarketing内容情境 用户界面基于用户体验的网站的开发过程内容情境 用户界24互联网产品经理的工作职责（一）一、市场及用户研究

1.1、市场分析：

发现并掌握目标市场和用户需求的变化趋势，对未来几年市场上需要什么样的产品和服务做出预测；

1.2、竞品分析：

收集竞争对手的资料、试用竞争对手的产品，从而了解竞争对手产品；

1.3、用户研究：

通过定性（用户访谈）、定量（调查问卷）等分析方法对用户需求进行挖掘和分析；二、产品规划及设计

2.1、产品规划：

确定目标市场、产品定位、发展规划及路线图；

2.2、需求管理：

对来自市场、用户等各方面的需求进行收集、汇总、分析、更新、跟踪；

2.3、产品设计：

编写产品需求文档，包括业务结构及流程、界面原型、页面要素描述等内容；

2.4、版本管理：

维护产品的每个版本的功能列表

25互联网产品经理的工作职责（一）一、市场及用户研究

1.1、市25互联网产品经理的工作职责（二）三、开发及项目管理

3.1、需求确认：

组织协调市场、研发等部门，对需求进行评估及确认开发周期；

3.2、项目跟踪：

跟踪项目进度，协调项目各方，推动项目进度，确保完成项目按计划完成；

向领导及相关部门沟通项目进度；

3.3、产品测试：

配合测试部门完成产品的测试工作；

BUG管理；

26互联网产品经理的工作职责（二）三、开发及项目管理

3.1、需26互联网产品经理的工作职责（三）四、产品运营

4.1、流程制定：

组织客服、运维部门，建立用户问题投诉、意见反馈及其他产品相关的工作流程、分工、响应时间要求；

4.2、协调沟通：

与公司领导、相关部门协调资源、沟通产品发展规划、产品发展现状及问题；

4.3、对外合作：

与合作方商讨合作可行性、方案，参与商业合同的编写，跟踪项合作项目的进度、完成；

4.4、问题处理：

跟踪产品运营过程中出现的故障、问题，并进行总结、分析，制定解决方法或纳入到产品改进计划；

协助市场、客服、运维部门，解答或协调解决用户提出的产品问题；

4.5、数据分析：

组织建立并逐步完善业务数据分析系统，确定数据报表样式，建立日/周/月报制度，整理并定期向相关部门提供产品运营数据；

对产品数据进行监控，分析产品运营效果、用户使用行为及需求，以便对产品进行持续性优化和改进；

4.6、文档编写：

建立产品文档库；

编写产品相关文档，如产品白皮书、用户手册、客服手册及其他产品相关文档；

4.7、培训演示：

编写培训教程，并为公司相关部门、用户进行产品培训、产品演示；

27互联网产品经理的工作职责（三）四、产品运营

4.1、流程制定27互联网产品经理的工作职责（四）五、市场推广

5.1、营销支持：

协助营销部门，提炼产品核心价值、产品卖点、产品资料，参与制定营销、运营推广方案并提供产品支持；

5.2、市场支持：

协助市场部门，参与各类产品发布、推广及各类市场活动。

28互联网产品经理的工作职责（四）五、市场推广

5.1、营销支持28Q&AQ&A29演讲完毕，谢谢观看！演讲完毕，谢谢观看！30“以用户为中心”的互联网产品

规划设计方法“以用户为中心”的互联网产品

规划设计方法31ThekeyindexthatVCselecttheecommercepartner网站转化率线下ROI重复购买率单客收入活跃用户数32ThekeyindexthatVCselectt中国网站的数量变化趋势2010年上半年，全球互联网站点数都在下降，中国网站数同步下滑。根据Netcraft的统计，2010年上半年全球互联网站点数减少2700万个，降幅达到11.5%。2010年上半年6月，中国网站数量减少34万，下降到279万个。332006.12-2010.06中国网站规模变化中国网站的数量变化趋势2010年上半年，全球互联网站点数都在33PoorInternetproductdesignisasignificantsourceoffrustrationandlowersconversionrates3483%ofwebvisitorswillactuallyleaveasitebecauseofpoordesign;designingitwellwillencouragethemtoremain.TopreasonsvisitorsabandonwebsitesPercentrespondentsPoorInternetproductdesigniInternetProductKSFs：ExcellentUserExperience、BusinessInnovation、IntegrationEcosystem,verydifferentwithtraditionalsoftware35InternetProductKSFs：Excellen而很多传统的软件公司，仍然在使用传统软件方法规划和设计互联网产品36以技术或功能为中心的思想，不断提供给用户所不需要的新功能新技术，最后功能累积不但使产品复杂不易使用，而且增加了开发成本；1以计算机为中心的思想，设计的界面要求用户去学习复杂的功能指令来适应机器，而不是机器适用户，结果使众多普通用户拒而远之，丢失了市场占有率；2设计师或程序员误以自我认识为中心，最终产品的特性与真实用户的需求不匹配；3开发流程上，产品投放市场测试，收到反馈再修改，反复迭代，使得产品开发周期很长，开发成本很高。4而很多传统的软件公司，仍然在使用传统软件方法规划和设计互联网37传统软件方法互联网产品方法以技术为驱动强调产品模块有限领域的团队协作关注内部架构不擅长用户体验局部关注市场竞争开发先于用户验证从缺陷角度衡量产品质量产品评估由有限用户决定关注内部用户以用户为驱动强调整体方案多领域团队协作关注外观设计擅长用户体验关注市场竞争开发限于用户验证过的设计从用户眼光衡量产品质量产品评估取决于用户关注所有用户vs.传统软件规划设计方法vs.互联网产品规划设计方法7传统软件方法互联网产品方法以技术为驱动以用户为驱动vs.传以用户为中心的用户体验设计涉及5个层级。设计的过程是按自下而上的方法，依次是战略层、范围层、结构层、框架层以及表现层。38

功能需求内容需求界面原型页面框架界面、接口导航体系

交互设计信息架构

123451、业务定位和规划3、用户体验设计2、需求定义互联网产品规划和设计的五层结构定位和目标用户需求以用户为中心的用户体验设计涉及5个层级。设计的过程是按自下而互联网产品的规划和设计方法39T1:用户需求调研与分析T4:需求筛选与定义(内容/结构/运营)T3:合作伙伴业务需求调研与分析T6:信息架构设计T8:网站页面框架和低保真原型设计T7:交互设计2、需求定义3、用户体验设计T2:竞争对手和最佳实践研究T0:基于业务价值和竞争优势的产品定位和规划1、业务定位和规划T9:高保真界面设计T5:典型用户和场景分析T10:用户测试通过Value

Tree的方式，推导使用用户调研、焦点小组、最佳实践研究方法、Roadmap方法进行定义使用适合互联网产品的用户体验设计方法进行定义注：互联网产品后台的系统规划、架构、设计和代码过程并行进行互联网产品的规划和设计方法9T1:用户需求调研与分析T4:1、业务定位和规划40BusinessvalueValuedriverValueDriverCapabilityBusinessobjectBusinessValueDriverDriverCapability1、业务定位和规划10BusinessvalueValue2、需求定义41用户调研设计用户体验调研问卷，包括用户基本网络行为、产品使用情况、用户态度、可用性评估、用户群背景等信息。可以通过在线问卷等多种方式大范围开展调研用户调研报告包括分析整理后的问卷调查数据，形成单项评估结论，包括用户群分析（用户行为、态度、背景资料、使用情况）、用户需求、用户满意度等。用户调研的目的是帮助

交互设计师调查了解用户及其相关使用的场景，以便对其有深刻的认识(主要包括用户使用时候的心理模式和行为模式)，从而为后继设计提供良好的基础。2、需求定义11用户调研设计用户体验调研问卷，包括用户基本网用户访谈通过小范围访谈，收集用户的意见和在使用过程中可能存在的实际状况或问题，最后将分析结论汇总为用户访谈报告。好的设计人员一定是要是一个好的用户测试和访谈人员,做访谈时要以设计的思路去考虑用户所说的,用设计的发现眼光去发现用户所说的背后隐含的意义,并且要有强的逻辑思维去整理,并做出迅速的反应，即稳,准,狠。用户访谈的目的主要是辅助设计人员了解用户的使用习惯和使用背景。2、需求定义42用户访谈通过小范围访谈，收集用户的意见和在使用过程中可能存在42现有系统运营分析针对收集到的网站运营和用户行为数据进行分析，发现其中的规律，总结网站整体运营情况、用户群和行为模型，以及相应的用户体验指标，形成运营数据单项评估结论。分析对象以产品研发和维护、内容管理、公司客户销售和服务、用户管理服务为主，发现与用户体验相关的运营问题，比如组织、流程和工具、员工和能力、KPI、IT工具维度分析运营中的问题等，并分析原因和给出改进建议。2、需求定义43现有系统运营分析针对收集到的网站运营和用户行为数据进行分析，43用户测试用户测试是观察典型用户使用产品的过程，最后在提交的用户测试报告中总结测试过程中发现的问题，并给出改进建议。其过程包括：制定用户测试的范围、评估标准、实施流程、人员安排和时间计划等实施用户测试，收集相关数据分析整理用户测试结果，形成评估结论，主要包括现有网站的可用性问题及用户反馈。用户测试的目的是测试产品而不是用户本身，以预测真实真实环境下用户可能会遇到的严重的产品问题。442、需求定义用户测试用户测试是观察典型用户使用产品的过程，最后在提交的用3、用户体验设计

网站用户体验，指的是利用网络特性，为客户提供完善的网络体验，提高客户的满意度，从而与客户建立起紧密而持续的关系。

网络的体验，是体验的延伸。随着网络的普及，网络体验成为体验营销不可缺少的重要组成部分。

网站体验的分类

1、感官体验：呈现给用户视听上的体验，强调舒适性。

2、交互体验：呈现给用户操作上的体验，强调易用/可用性。

3、情感体验：呈现给用户心理上的体验，强调友好性。

4、浏览体验：呈现给用户浏览上的体验，强调吸引性。

5、信任体验：呈现给用户的信任体验，强调可靠性。453、用户体验设计网站用户体验，指的是利用网络特性45有用性、易用性、期望性、可访问性、可寻性以及可信任是用户体验设计的基本原则，也是用户体验设计的价值所在

有用性

给与用户帮助易用性

简洁、容易使用期望性

用户的满意度构建品牌忠诚度可访问性

对所有的人均可访问可寻性

信息容易找到可信任

高质量的设计有利于建立信任用户体验价值F可寻性可信任期望性可访问有用性易用性有用性、易用性、期望性、可访问性、可寻性以及可信任是用户体验46用户角色和用户场景用户角色是根据产品业务，虚拟出一个用户来代表产品一类目标用户群。用户角色详细描述了用户的生活习惯，个人喜好，对网站的看法等各方面细节。在产品设计中我们会将用户角色贯穿产品设计的始终。用户场景描述了用户如何和产品交互。基于用户可行的行为模式，设计创建场景或者用户故事或者storyboard来描绘设计中产品将来可能的形态，并且通常使用用户角色(persona)来作为创建场景的基础。创建用户角色和场景的目的是帮助产品团队理解产品的目标用户，以更有目的性和高效性的指导今后工作。4747用户角色和用户场景用户角色是根据产品业务，虚拟出一个用户来代信息架构设计信息架构设计通过对用户研究和任务分析，定义界面设计的骨架，即产品的整体架构，页面布局和导航设计。主要包括：网站地图和工作流程菜单导航网页内容提纲信息架构设计的目的是把信息在产品界面上分门别类地存放，为之后的行为和功能设计提供框架。4848信息架构设计信息架构设计通过对用户研究和任务分析，定义界面设WhyisIAimportant?MostCommonUsabilityProblemsPoorlyorganizedsearchresults53%Poorinformationarchitecture32%Slowperformance32%Clutteredhomepages27%Confusinglabels25%Invasiveregistration15%Inconsistentnavigation13%Theresearch

foundthatpoorlyorganizedsearchresultsandpoorinformationarchitecturedesigntobethetwomostcommonandserioususabilityproblemsWhyisIAimportant?MostCommo49WhyisIAimportant?Costoffinding(time,frustration)Costofnotfinding(alternatechannels,lostcustomers,lostsales)Costofconstruction(staff,technology,planning,bugs)Costofmaintenance(contentmanagement,redesigns)Costoftraining(employees,turnover)Valueofeducation(relatedproducts,projects,people)Valueofbrand(identity,reputation,credibility)WhyisIAimportant?Costoffi50交互设计-低保真原型目标低保真原型在交互设计（InteractionDesign）步骤之后提交任何产品功能的实现都是通过人和机器的交互来完成的。交互设计关注产品和使用者行为上的交互以及交互的过程，包括和计算机对话，交互，信息的输入和输出，以及反馈机制，比如dialog,toolbar,form,message等交互设计的目的是使产品对用户能简单使用5151交互设计-低保真原型目标低保真原型在交互设计（Inte视觉设计-高保真原型高保真原型在视觉设计（VisualDesign）步骤之后提交。在信息架构和交互设计的基础上，参照目标群体的心理模型和任务达成进行视觉设计。视觉设计定义用户界面的外观和感觉，包括页面风格、色彩、字体、图形元素（按钮、图标、菜单图标）等，在不破坏产品的结构和交互行为的前提下，使得产品更美，更抽象，更艺术化。视觉设计要达到用户愉悦使用的目的，同时传达品牌概念，提供一致，有逻辑性的和引人注意的产品界面。5252视觉设计-高保真原型高保真原型在视觉设计（VisualTotalUserExperienceLeaderMarketingSpecialistVisualDesignerHCIDesignerUserResearchSpecialistTechnologyArchitectService&SupportSpecialistUserAssistanceArchitect53TheInternetproductDes