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

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

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

交互设计信息架构

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

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

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

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

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

网站体验的分类

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

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

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

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

5、信任体验：呈现给用户的信任体验，强调可靠性。15第十五页，共二十九页。有用(Yong)性、易用(Yong)性、期望性、可访问性、可寻性以及可信任是用(Yong)户体验设计的基本原则，也是用(Yong)户体验设计的价值所在

有用性

给与用户帮助易用性

简洁、容易使用期望性

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

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

信(Xin)息容易找到可信任

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

foundthatpoorlyorganizedsearchresultsandpoorinformationarchitecturedesigntobethetwomostcommonandserioususabilityproblems第十九页，共二十九页。WhyisIAimportant?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)第二十页，共二十九页。交互设计-低保真(Zhen)原型目标低保真原型在交互设计（InteractionDesign）步骤之后提交任何产品功能的实现都是通过人和机器的交互来(Lai)完成的。交互设计关注产品和使用者行为上的交互以及交互的过程，包括和计算机对话，交互，信息的输入和输出，以及反馈机制，比如dialog,toolbar,form,message等交互设计的目的是使产品对用户能简单使用2121第二十一页，共二十九页。视觉设(She)计-高保真原型高保真原型在视觉设计（VisualDesign）步骤之后提交。在信息架构和交互设计的基础上，参照目标群体的心理模型和任务达成进行视觉设计。视觉设计定义用户界面的外观和感觉，包括页面风格、色(Se)彩、字体、图形元素（按钮、图标、菜单图标）等，在不破坏产品的结构和交互行为的前提下，使得产品更美，更抽象，更艺术化。视觉设计要达到用户愉悦使用的目的，同时传达品牌概念，提供一致，有逻辑性的和引人注意的产品界面。2222第二十二页，共二十九页。TotalUserExperienceLeaderMarketingSpecialistVisualDesignerHCIDesignerUserResearchSpecialistTechnologyArchitectService&SupportSpecialistUserAssistanceArchitectTheInternetproductDesignTeam23第二十三页，共二十九页。内(Nei)容情境 用户界(Jie)面基于用户体验的网站的开发过程第二十四页，共二十九页。互联网产品经(Jing)理的工作职责（一）一、市场及用户研究

1.1、市场分析：

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

1.2、竞品分析：

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

1.3、用户研究：

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

2.1、产品规划：

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

2.2、需求管理：

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

2.3、产品设计：

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

2.4、版本管理：

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

25第二十五页，共二十九页。互联网产品经理(Li)的工作职责（二）三、开发及项目管理

3.1、需求确认(Ren)：

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

3.2、项目跟踪：

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

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

3.3、产品测试：

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

BUG管理；

26第二十六页，共二十九页。互(Hu)联