产品经理的那些事课件

关于作者产品：基于flash的个性化音乐推荐产品搜素产品门户产品社莎品(SNS)I电子商务产品日本WAIWIien伊品|《高级国际财务管理》'《信用网《中国财会从业人员翻血管理需求》英语专业八级懂点法语和日语5年互联网产品经验,1年WAIWlim僵验,曾在乐途旅游网和人人网工作过•

历任产品朝、产品主管、产品部门朝、互联网部负蚩人.关于作者产品：概要此次经验分享涉及产品经理和产品，包括：idea—产品定位一竞争对手:分析一用户调研一需求获取一roadmap—需求管理一PRD文档一原型［设计一用户体验一信息架构一交互设计一项目管理一产品流程一运营数\据统计分析一产品改进方案概要此次经验分享涉及产品经理和产品，包括：idea—产品定位第一部分产品经理本部分主要分享一个故事、一段视频、十二个问题，产品经理的职责和能力、要读的几本书。第一部分产品经理本部分主要分享一个故事、一段视频、十二个问题一个故事有一天动物园管理员们发现袋鼠从笼子里跑出来了，于是开会讨论，一致认为是笼子的高度过低。所以它们决定将笼子的高度由原来的十公尺加高到二十公尺。结果第二天他们发现袋鼠还是跑到外面来,所以他们又决定再将高度加高到三十公尺。没想到隔天居然又看到袋鼠全跑到外面,于是管理员们大为紧张,决定一不做二不休，将笼子的高度加高到一百公尺。一天长颈鹿和几只袋鼠们在闲聊，〃你们看，这些人会不会再继续加高你们的笼子?"长颈鹿问。〃很难说。"袋鼠说:〃如果他们再继续忘记关门的话！〃其实很多人都是这样，只知道有问题，却不能抓住问题的核心和根基。从产品角度来说，深刻了解用户和获取用户的核心需求才是做产品的王道。一个故事有一天动物园管理员们发现袋鼠从笼子里跑出来了，于是一段视频产品经理必看的一段视频一段视频产品经理必看的一段视频>球职涪】>产品mss供？>我心目中的产品团队应该是怎么样的？>我做产品时最大的困惑或问题是什么？>我有习惯吗？>月着g书？面卧？=1>敝经在同事吗？>我有没有:杖员跚嫦题量?:欢痢究网g?些网站？>g怎么瞄:>球职涪】>产品mss供？>我心目中的产品团队应该＞明确我们的用户群，典型用户的特征。＞获取用户的需求，评判用户的需求，挖掘用户的需求。(＞需求优先级的定义和roadmap规划。(＞尽力做到需求文档的完整性和准确性，配之完整的原型文档和流程文档。＞精通用户体验、交互设计和信息架构技能。(＞产品生命周期的项目管理，需求变更管理，技术跟进和需求质量review,配合技术和测试等其他部门,实现产品保质保量上线。＞产品运营数据的分析和总结，并列出具体的原因和改进方案。/＞明确我们的用户群，典型用户的特征。需求把控沟矗幼学丞总力四执行能力五数据分析热思矗七商业敏感需求把控沟矗幼学丞总力四执行能力五数据分析热思矗七商业要读的几本书>赢在用户>用户体验的要素>Don*tmakemethink>DesigningWebInterface>信网站>产品一本书>Aboutface3.0要读的几本书>赢在用户>Aboutface3.0第二部分产品调研本部分主要分享产品的战略定位、竞争对手分析、用户调研、商业模式。第二部分产品调研本部分主要分享产品的战略定位、竞争对手分析、做产品要思考的5个关键问题》产5^＜2：（剽蹴供？产品的核心供？差异化WW?）＞标杆产品:（国内夕演似网站成功案例有吗?我们有竞争对手吗?）＞典型用户:（用户佛球？每T用户的核心需题供?）＞核心功能：（核心功能有哪些?分别满足用户的哪些核心需求?）》核心内容：（用户最关注的内容有哪些？哪些内容能吸引用户？）»商业眼：户需求mh,剽DtttHgjO?）做产品要思考的5个关键问题》产5^＜2：（剽蹴供？产品的核心产品定位＞产品SfM：（被人们使用就赛，们微需求）＞做品：，选已＞谁使用产品:（做成的产品谁会使用，产品的价值由球网1）»有什么功能：（产品的定位会影响到产品核心功蜿内容的设置）产品定位＞产品SfM：（被人们使用就赛，们微需求）＞做品：标杆产品（竞争对手分析）'产品竞争对手到底有哪些，国内的和国外的'竞争对手产品的功能都有共同功能，哪些功能只有少数对手有》竞争对手产品的内容都有哪些内容,哪些内容只有少数对手有、竞争对手的商业模式分别是什么、将列出的功能、内容和商业模式进行总结分析'提出自己的产品改进建议或意见，要具有深刻性和独到性标杆产品（竞争对手分析）'产品竞争对手到底有哪些，国内的和国标杆产品（竞争对手分析）一案例雄t。代表无或新，1代表有或嫌t以卜网站以二养府搜素为■点分析对象“标杆产品（竞争对手分析）一案例标杆产品（竞争对手分析）一案例答^。代表无w,1代表有或映以卜网站以二养腐搜素为童点分析对如■标杆产品（竞争对手分析）一案例■用户调研＞户:（微幡人触用珈的产品?）»用户泌：（融林同秘拔为的用户破，形簸鳗户）＞用户特点:（人口毓昭息、瞄、衰好、需WSW）＞用户行为:（行为时、司、峻、龄、习惯、消邸）用户调研＞户:（微幡人触用珈的产品?）典弟户（persona）_案例典弟户（persona）_案例用户分类及其核心需求明星用户敛关注用户分类提升竽级知名庚经济利/企业用户创作用户获得荣色粪升等级经济利名度得荣誉CP或工作室用户分类及其核心需求明星用户敛关注用户分类提升竽级知名庚经济商业模式大小广告虚场具会前务四收入分成J五无线增值六电子商务七搜索引擎商业模式大小广告虚场具会前务四收入分成J五无线增值六电第三部分产品需求本部分主要分享需求获取、产品规划、需求管理需求文档。第三部分产品需求本部分主要分享需求获取、产品规划、需求管理获取需求以获取用户的核心需求为主要目标获取需求以获取用户的核心需求为主要目标获取用户核心需求的方法•分为定性和定量,两者相配合•设计调查问卷，MECE:独立、穷尽•用户深度访谈，注重引导•详细数据统计，研究数值异变•获取的需求需要分清层次和级别•移自己变成〃目标用户〃•培养自己的产品sense获取用户核心需求的方法•分为定性和定量,两者相配合需求调研'市场调查方案设计》市场调查方法A抽样设计'调查问卷设计、数据收集和管理'关联性的聚合分析3调研报告的撰写需求调研'市场调查方案设计»明确访谈的目的，要解决什么问题，需要验证哪些问题？A访谈对象的甄选，新用户、中度用户、老用户各占相同比例、细化访谈的问题脚本，整理出我们需要访谈的核心问题列表A确定访谈的时间、地点、人数以及奖励措施A访谈前一天电话确认人数，如有人因故不到，可补充对象A尽量避免出现访谈对象比例失衡，记录下访谈的核心观点'撰写访谈结果报告，整理出需求点优先级，以便做产品规划»明确访谈的目的，要解决什么问题，需要验证哪些问题？定性访谈一案例某网站成长体系J®™™™"™™™™™""™"'大家的积分威望数量经常出现什么样的问题？A大家对系统每天统计多图房源的威望然后发放对应条数的威望点值感到费解吗？'大家认为还有哪些行为也应该加积分或者威望？》大家觉得现在的根据店长的业绩排名发放经纪人的业绩威望有什么弊端吗？如果增加房源成交功能后，大家认为怎么样根据成交房源来计算业绩威望?A大家现在觉得等级晋升困难吗？A大家对整个积分威望体系有什么建设性的建议?定性访谈一案例某网站成长体系J®™™™"™™™™™""™"DataCollectionMethodsChooseanappropriatemodeofresponse•（KcHaye）primarymodes•Personalinterview•Telephoneinterview,MailsurveyResponseRateCostIn-PersonhighhighPhoneMailfulowlowDataCollectionMethodsChooseQuestionnaireDesignProcess(2)Data(8)CollectionImplementationMethods//⑴/E'(7)"Survey'盛QuestionPretestand*Objectives-ResponseReviseFormatX(4)'、(6)QuestionEvaluate...WordingLayout⑵FlowundLayoutnDataCollectionMethods*fLcsssclf-sclcctionmodesappropriatefy

地InRixn楚[hg亟ulatjon)-TelevisionsurveyorInternetsurveyPrintedsurveyonnewspapersandmagazinesProductorservicequestionnairesCase:ElectCCTV“BestTen"Host/HostcssthroughInternetQuestionnaireDesignProcessDaQuestionResponseFormatFlowandUayout•I'scscrct^ter•Bc^irwitHantntcmtin^quc»t»on•AAgeneralquestionsJi{H£•

冬<kquestKrasthatrequire^worV*inrhemiddle,•I*<*s*uonsjgn^tiyc:anddemographicquesaoesNthe•Allowplentyofspaceofopen-endedrcspo«»c«Implementation•Writeacoverletter〜一StAlethegoftiandpurposeofthesurvey—t>evn^rvxnceof8reepoose——ProvideacRnnceXreapoewienK'sMonynatyCase:ConsumerProductSurveyofAmcr»oOutc:ACNielsenaurwycmm*)ornewspaperinBeijingQuestionResponseFormatFlowaE.%aluateandPretest•Qucsuoa•Qw»—ProvidetheDesiredInfbraiationtoAccompHshtheRoearclxObjective?•f-onnMAppnopriatc^^PrctcS^ticsurvey—f*ilo<lestthesurveyonatsmallproapofparricipantstoassessclaritywdlengfhWhySample?•L-e»taneMnmmn<dttfliE.%aluateandPretest•Qucsuon匕才：人•**=：_ufcj+K*csi*々〜.“4XicM^te^ffehr金簌登弱：轲孕折鼻iiESC，与HF•。亘二计痂$.陪J*。.蜡心驻、安福艮6£昨,4丈第W次开帽一尸ar不足有％切关系.・1»金•约她―♦»•*内代anar惬王布厝w・ss沱拘；R-弟币人聊分人蠢:校有蟋入足，■的皿食为r»?咋雄类MHiwa&Kw佰st珈西格版向.我台二匕点大李“绿洒彳皿务哉:计-潭夜学生百会SCBttniH丁这次右会i»«f.希史培8£在百忙只拍由兀分A«t的在中於的as”以®:谷.特*厘豆.!.忠悬否加走女柴？*七坂外宅―龄.《»*埒施念导板心,3EJX首版&.冶RI尤上iff书二・1JCM二.及J8EJHFWFWT7(0时EfMtKEisfi口*—«r•*n不卖nauaz-ertt■买:*■w•叶允.♦食h#：,林R7W加MR，•大荤w。落:«t古h沃也整#任4—O1»W购堤起仞诙*k有加，吞EZ认木云^±田耳无qqifroN.*RWO■《上比M.仝M土坎於正做•

气心LSu=rr—£s-*.5xa不:JtiFa二i4.*4•■携W3GJfrg产足.3＞*^4-FK**j*««a*rl祐乍R》比较不政裕——殁rtW®a＞电拳云H敏oGuEZ险梏cCr~~C口❸

ccc口官技认迁ZjccD品¥*i45傥ac□tUMCjc<—口5-W明K*夹产死单E弟丧・K芬—”x歼补侃cz■?*a¥tra以D亲友o尽佗-■0•太E伯B.*E健弗~Tfi・3菱.*总好霖WW、f¥・L-3sF<5>t生MDLECDiRKZ=J■EKO彩变EKO*存S*:rtgO＜片挂国1N-ffiHMr-*O■癞＜7麦姓—・

W»r*・*■VMW毛刀g建#•苏品。MIX十芝*•欠＜5W.瑞度士瘙A藤片＜«・4＜色筹中r*.阿至移怨WW让吨夭坨―扁】愤$•—"KESlMhtJen不厦密―1＜底H土—*■—-«

witM-专衲-FU也m备•她二K&・3d兄以上O无啕演砰二&而匕一%-华R-<goo^>E元矛TFT1—E元匚30rr—24t£

二9.企.■W坏咬W*质ga*Jt：：>!l口WSO«.5X口牛帜!口*匚:10.®«3&-a产品椅也罢:足以下见冷专I:跳建*CIE.卷■?牛皆：20步D12.«SlteSJ:13-=寻业gGitrc七坎a辰33汴,！ftED!■*-尝株月吠入；t-OOOtcWFC3XXH>—XSK>©JEI—哮辿套K△恰1».xt<hS.«Ul30—3.9歹□ST。于花#1“叫贝EZ孚仝a2S—2K)元O水爰口g□闩关成兼□□【夕3)Ecciwr50岁以_匕LZ-W试共U企火:尊攻TT2X人2»O企业—企V.园nIOOG元O800元CI上OiOCH>»g死

O»a小电号--n匕才：人•**=：_ufcj+K*csi*々00哄£

0[83暇1019950018298?0。所OVQES6010OK2£00OESH10—F碗瞬8枷—"0832It10O3S_J(B28UtSB®【9】H61016t6C82CKC63C63酒HOH102[83£63T~08310]W210t6S3£3036QSn09E83K09HS6I136^FF0bSSJSE0】糜的0ZS^KOtTO03tL1b>02bffl8£000010001000!S82>109%E£0沛】Z£「09咬ES09E3t930SHO代【栉806SCWV000zsezno，，，一—■•一-」二

..，.一

一-..一一一.一一■.!些03SLm'lg「1盼"1IH160'1家渤,1IKffiOJ6»SH09用⑼0ES^tt0H就冏8261021和仙0783EOJO'l918H0'1ZOOLIO'1£0：13]'1b£H930iO32>60焚旅0otetetez6次】为029^67

Gil'S

>11S36£8孔6£9£知E&；

£知用】卞1S22WZIl£EOaZISJillZ（«FS叮dtB，sgUVllXB^HU•戏财沏瑕j留mg珂俭昌契|）3半《!1叩沔朽（哪）可叩（里中）哆康却饵炫去）电珀。呷山器啷顿雀喝我虹很鼬料旷高邑巍敦建唳祖姬轮-重础麹驻应:蹒:000000000I01011000I0000T00010I000000010000010110粉棚:沉）副婀+煎做申€scsss£€>>€c>£133€s>£€>>>c>Z€>3>>cIVsSs>cI1>>sI2Iz>c€sSIzc3>>SI€cS>SZ€c3>Cb13Src2bzSI€z>bzC>€>>I€>s>ssIZ>>€cszSssSc>z:lf:lf:lf:lf:lf:lf:lf:lf:lf:lf:lf:lf:lf:lf:lf:lf:lf:lfIjljljljljljljljljljljljljljljljljijS3i3i3匚匕匕KKKKi:939:%)9393叉灭'J■•»"-9hrcu*-LT»oXVs‘~9*.l・MrcuS，痂■的■欧▲蹄-【吵▲网Og瓠0旦富0▲jg▲j欧』附▲]所』砒-J对▲l«tO▲tO•S•id■InLsIi

0&H1XriK9IIq09Y圈孝一阜幡回00哄£0[83暇10199500。所QES6010Tasteofdifferentagegroups45.00%40.00%35.00%30.00%25.00%20.00%15.00%10.00%5.00%0.00%<22y20-29y30-39y40-49y>50y□sweet□littlesweet□salty□milkflavored■fruitflavored□notsweet关联分析图Tasteofdifferentagegroups4社区需求图社区需求图产品规划JanFebMarAprMayJune留住用户吸引用户l•个性化定制July.•收入分成成长体系匚:开放平台•客户端产品•运营数据统计分析等级体系•荣誉体系等级和茉誉体系提升用户的粘度和成就感•提升知名度•关注订阅•文字API•图片API•浏克器插件•widget•WAP产品•开通分享推荐功能•运营商推广渠道为主•公共推广渠道为辅微内容传播范围更广*更多人可见’吸引更多人成为我们的用户.用户打通皿二骨＜新浪微清•内容同步晚开心网瓣doba产品规划JanFebMarAprMayJune留住用户吸引用需求管理影响需求优癖定义的有ROI（商业价值/工作量）和风险两个因素ROI投资回报率驱动力‘Value价值Cost成本vaceIIL)调整|UnderstandingI.Risk风险R一skIfL)Value(L-H)需求管理ROI投资回报率驱动力‘Value价值vaceIIL费ZI蜃奇皿置尊I?整凯Nm弦牌费ZI蜃奇皿置尊I?整凯Nm弦牌需求管理工作量估算牍，选择一个中等工作量的功能或需求作为参照物，视为数字3»5-7人,每个人用斐波那契数列的数字1、2、3、5、8、13、21。。。定义当前需求或功能的工作量，当然是基于与参照物数字3的对比》按照上述方法逐条需求定义其数字A如果团队成员的分歧很大,需要澄清和进一步明确需求A如果团队成员的分歧不大,使用较高的那个数字作为需求或功能的工作量，或者使用出现次数较多的数字作为工作量需求管理工作量估算牍，选择一个中等工作量的功能或需求作为参照畋河果费条苧重，swm森骊醐<本蛔、次蝠买骂胞市^^<钠朝础前W^KW蟀笔<li^2«mi球<衅族舞密<助泗职3,画瞄斓X丑宜逢墨溜湖国俱<次墨硼mm甄道用旅我我田彰«疑居墨畋河果费条苧重，swm森骊醐<疑居墨第四部分以用户为中心的设计本部分主要分享用户体验、信息架构、交互设计第四部分以用户为中心的设计本部分主要分享用户体验、信息架构、用户体验的要素gcfUm<C>pe*^c<问页作为吹件的界面网页作为也文本系统O2000JesseJamesGarrett5XWCmMr«vwv«a°2・8m6^0•表现层【视觉呈现】在这个五层模型的顶端，我们把注意力转移到网站用户会首先注意到的那方面：视觉设计。这里，内容、功能和美学汇集导一起来产生一个最终设计，这将满足其他四个层面的所有目标。框架层【布局】在充满概念的结构层中开始形成了大量的需求，这些需求都是来自我们的战略目标的需求。在框架层，我们要更进一步地提炼这些结构，确定很详细的界面外观、导航和信息设计，这能让晦涩的结构变得更实在。结构层【交互，如何、可以、应该……】在收集完用户需求并将其排列好优先级别之后，我们对于最终产品将会包括什么特性已经有了清楚的图像。然而，这些需求并没有说明如何将这些分散的片段组成一个整体。层的上面一层：为网站创建一个概念结构。范围层【对需求的整合】带着"我们想要什么"、"我们的用户想要什么"我们就能弄清楚如何去满足所有这些战略的目标。需求和网站目标转变成网站应该提供给用户什么样的内容和功能时，战略就变成了范围。战略层【自身目标与用户需求】成功的用户体验，起基础是一个被明确表达的"战略"。知道企业与用户双方对网站的期许和目标，有助于确立用户体验各方面策略的制定。}这就是范围的明确认识，当你把用户记忆方法上战（瞄［犯（靠国）熨（鳍构）假（架构）衰（襄现）用户体验的要素gcfUm<C>pe*^c<问页作基本要素建立persona可用性测试召集用户试用基本要素可用性测试贯穿整个产品生命周期需要各部门共同努力与产品KPI关联用户需要适当引导各个用户群测试录屏或技术记录行为轨迹以完成任务为测试方向贯穿整个产品生命周期需要各部门共同努力与产品KPI关联信息架构组成要素建立信息层次可维护性注重用户引导信息架构组成要素可维护性导航是信息架构的核心四种典型的搜索行为网站的TAG系统布局的优先性和统一性信息架构尽量灵活信息层次要求清晰、关联体现功能或内容优先级切忌页面出现多个引导导航是信息架构的核心四种典型的搜索行为网站的TAG系统信交互设计基于页面交互技巧基于流程交互设计基于页面基于流程MakeitdirectKeepitlightweightStayonthepagexProvideaninvitationUsetransitions目标导向设计新手、专家和中度用户实现模型和心智模型人物角色和场景定义需求Makeitdirect目标导向设计交互设计一富交互技巧案例hll@:///photos/dcsigningwcbintcrfaces/

UCD网址导航q1=1[_jChapter1.InEditingii1.1.Single-FieldInlineEdit四

1.2.Multi-FieldInlineEditlj1.3.OverlayEdit:回1.4.TableEdit回1.5.GroupEditHI

1.6.ModuleConfigurationii1.7.GuidelinesforChoosingSpecificEditingPatternstljChapter2.DragandDrop2.1.InterestingMoments□2.2.PurposeofDragandDropj2.3.DragandDropModule□2.4.DragandDropListO2.5.DragandDropObject□2.6.DragandDropAction[-1

2.7.DragandDropcollection□2.8.TheChallengesofDragandDropt心Chapter3.DirectSelection□3.1.ToggleSelection□3.2.CollectedSelection四33ObjectSelection□3.4.HybridSelection-Part2:keepItLightweighti-Chapter4.ContextualToolsPart1:MakeItDirectEoPa「t3:StayonthePagebljChapter5.Overlaysii5.1.DialogOverlayu

5.2.DetailOverlayo5.3.InputOverlayb」Chapter6,Inlaysii6.1.DialogInlayu

6.2.ListInlayH6.3.DetailInlay：回6.4.Tabso6.5.InlayVersusOverlay?q

uChapter7.VirtualPages□7.1.VirtualScrollingj7.2.InlinePaging□7.3.ScrolledPaging;Carouselii7.4.VirtualPanning□7.5.ZoomableUserInterfaceH7.6.PagingVersusScrollingb」Chapter8.ProcessFlowii8.1.GoogleBloggerlj4.1.InteractioninContext帕4.2.Fitts'sLaw凹4.3.contextualToolsii4.4.Always-VisibleTools1-1

4.5.Hover-RevealToolslj4.6.Toggle-RevealToolsii4.7.Multi-LevelTools,4.8.SecondaryMenuo8.2.TheMagicPrincipleu8.3.InteractiveSingleProcesso8.4.InlineAssistantProcessii8.5.DialogOverlayProcessii8.6.ConfiguratorProcessu

8.7.StaticSingleProcess:/123/-[JPart4:ProvideanInvitation-jChapter9.StaticInvitationsii9.1.CalltoActionInvitation回9.2.TourInvitationt.Chapter10.DynamicInvitations凹10.1.Hoverinvitationii10.2.AffordanceInvitation10.3.DragandDropInvitationii10.4.InferenceInvitationii10.5.MoreContentInvitationIj10.6.TheAdvantageofInvitations-心Part5:UseTransitionst.l_iChapter11.TransitionalPatternsii11.1.BrightenandDimii11.2.Expand/Collapseii11.3.Self-HealingFadei111.4.Animation:凶11.5.Spotlightt.l_iChapter12.PurposeofTransitionslj12.1.Engagementlj12.2.Communication-心Part6:Reactimmediately-jChapter13.LookupPatternsii13.1.AutoCompleteii13.2.LiveSuggestlj13.3.LiveSearchIj13.4.RefiningSearch-」Chapter14.FeedbackPatterns0

14.1.LivePreviewlJ14.2.ProgressiveDisclosureii14.3.ProgressIndicatorii14.4.PeriodicRefresh交互设计一富交互技巧案例q1=1[_jChapter1用户体验一案例用户体验案例分享W讨论主要从以下几个原则进行:1、主次原则2、直接原则3、统一原则4、少做原则5、反馈原则6、对称原则注意用户体验的最佳实践:理论与运营数据分析结合记忆方法：主公想直接统一中原，只有少数人反对用户体验一案例用户体验案例分享W讨论主要从以下几个原则进行:主次原则Ba(扁度新闻肉页贴吧知道MP3图片视频地图,空'间百利haol23

I史多>>网页图片萩频地图资讯音乐问答》来吧》更多▼iGooqlm个性化首页|授索设置I登录财经翻译博客265导航日历照片文档输入法工具栏软件精送更3»Google搜索手气不错高级语言最佳实践：内容比较多，可放空间少，主要的内容先显示，次要的内容搁置在"更多"里。注意：到底放什么，取决于我们要重点promote的内容和通过数据分析得出的内容的相结合。主次原则Ba(扁度新闻肉页贴吧知道MP3图片视频地图,空主次原则罗晓红发来一个爱宠的邀请：有一种宠物能像机器猫那样弯出各式魔法单且,能让你的好友拥狂，它的名字叫“爱宠"换受邀请人人网的邀请2010-05-0911:40好友请求：消闫小荣请求加你为好友。详细信息“hhhh”whiterab?Awhiterab-CTs友逢承同意我不认识他忽略该请求理很开心网的邀请共诵宓建蛙▼I(§)乂)tz—^芝送^©某某网的邀请最佳实践：面临好几个操作时，我们也要分清主次，分清哪些是我们提倡用户操作的，哪些是我们不提倡用户操作的'同时广龄提倡用户操作的也要进一步分清主次。主次原则罗晓红发来一个爱宠的邀请：换受邀请人人网的邀请201主次原则姓名：目荣一7资料：酒泉市加为好友发站内信人人网的找人姓名：目荣性别：女城市：鄂尔多斯加为好友发送短消息查看她的首页开心网的找人500+件Q）籍果任）友遂I二追加tttOtyJTtept某某网的找人最佳实践:对某一对象存在好几个操作时匚最重要的操作排第一位，即按照重要性依次排列,还有一种方法是最重婪的排第一位或最后一位，中间排次要的操作，满种方法皆可:f主次原则姓名：目荣一7加为好友人人网的找人姓名：目荣加为好友i直接原则怂GoodExampleforlnhn«EditinWhe*nvotiaddami>rrt**rearetwof发出编辑的逆诺隰标悬保，出现z冲操作，捅辑沌HH除,害示向用户发出蝙辑文本的舵话.•Edit"链捂GoodFor1rvMino(UiImilVl\*h»nyvfvHfM—"d-IMUL«-.转换名编修状态点击“Edit”能靖.豆示忙碌指示回标.稍后■昼示一张包含标姬和内容的可编粗的哀宅，原先的显示文本布失.在昼示又本徜夫和编统表单出现之间・存在一个比，较微弱的史誓过程.'gCoodExAmpIoforInlinoEditing正在编辑状若Wlsvayouaddanotethecoacvtw»$.**•

noteorCamtJCoodExamplaforInlineEditingWhenyouadd»ih*r*a»*twofieibiswouldalsoworkwellformoreco»cuchaspicka<Ute>ran94*arandadva，使用布单・瀚辑起来很.立魂-点击“服g按钮完成内容的编精•编级走单布失，取而代之的是折标通和内容，为使得这个变化比哄显，背景以黄何高弟突出耳示，几秒钟后，黄色逐淅浅化至正举的皆景赖色.最佳实践:发出操作的邀请…■进行操作■…操作完成进度提示■…操作成功（成功后有差异）…■回到正常初始状态i直接原则怂GoodExampleforlnhn«直接原则►现在同同⑴以前同事））大学同学0）开心网的编辑好友分组现在〃同僚以前〃同僚/大学刀同级生高校〃同级生友逢现在CD同僚以前Q）同大学刀同级生高校〃同级生某某网的编辑好友分组现在同事以前同事0大学同学高中同学家人亲戚挚交好友普通朋友朋友的朋友苴枇|新建分蛆...|人人网的新建好友分组最佳实践：单一字段的编辑建议在当前页面直接完成，不要单独设置一个浮动层，即使设置浮动层，也尽量允许浮动层能被拖动。总的来说，能在当前页面完成操作的尽量在当前页面—人—人—人—人J•■元成。直接原则►现在同同⑴以前同事））大学同学0）开心网的编辑好友1统一原则人人网的加为好友开心网的加为好友positiveLnegativeoroptionalIOn-TT某某网的通用POPUP最佳实践：POPUP的样式全站保持统一，至于提倡的操作我们在视觉流上做引导，不提倡的操作我们弱化，至于哪个放左边，哪个放右逝，福据具体蓿况而定丁国内的网站可参照人大?t1统一原则人人网的加为好友开心网的加为好友positiveL统一原则两次输入的密码不一样，请重输，如果想把你的首页和部分组件内容，对某些好友“隐藏"，请在“访问限制”中进行设置基布陪点保符成功I密码长度不符合规范请重新输入!人人网的提示样式某某网的提示样式我们不会记录你的密码，你也可以先修改密码再导入联系人，成功后再改回原始密码。@基本情幸反芝麦更l宝1左。①入力再入力U-C</c5Uo①姓名右基本情幸反芝公窗友iiica分13以!!心网的耘样式统一原则两次输入的密码不一样，请重输，如果想把你的首页和部分新浪源的标签美，说倒尔在做什么,想什么［逾两礼愤舰函而入［舌戡1标知］腾讯微博的标签还旭毓入140+HU^th=l卜>二千〜yr#人八屐近入“。。<6>湖建访般最佳实践：优越性方面奸让用户选择大于让用户输入『尽量做成i.新浪源的标签美，说倒尔在做什么,想什么［逾两礼愤舰函而入［iT登格良微博登录各last£m|密码请选择邮箱类型lastfm随意记录时使只是1句话随时随地lastfm@

lastfm@

lastfm@

lastfm@163.com

lastfm@

lastfm@126.com

lastfm@

lastfm@

lastfm@无也是用电函、手机上网，汪蛔2、彩信学校名更京更京大学学部更京理科大学更京工第六学入学年更京宦裸大学更京偿工大学更京国隙大学他更京芸雨大学更京街科大学制1。更京学芸大学更京外国大学新浪微博的登录邮箱建议某某网大学的搜索结果建议宝贝淘宝商城店捕拍卖堑记本Q搜索笔记本电脑笙记本散热器约489691个宝贝约6980仆宝贝淘宝网的搜索结果建议iT登格良微博登录各last£m|密码请选择邮箱类型last反馈原则男装T恤polo衬衫焙侣短袖无鼠标事件＞男装T恤polo衬衫短袖鼠标悬停时＞男装T恤polo衬衫循借短袖鼠标点击后友S5I8待I7力0>bI友SSI8待I7力Irzzzzj，’力》卜无鼠标事件鼠标悬停时鼠标点击后that'sgood鼠标悬停□乃/u彷：1二返事^"今®

©您的预定是杭州”＞北京Hl7178＜2010-051019:50出发）您正在离开酷讯，前往千翼航空，请稍候…NOIMAGEmckv您查询的结果正在搜索中.请稍候点击后送信中…loadin酷讯首页＞机票面包屑最近足勤上50A4月8日4月3日4月3日iksu...4月1日鼠标悬停照片有红色匡。°_最佳实践：尽量对每个操作能做到人和交宣反馈了让希1清楚那反馈原则无鼠标事件＞男装T恤polo衬衫短袖＞男装T恤pol共有93253人发表观点你知道的太多当时营养不良柯南呀被你发现了看的是打架BUG叶不推第N胎，妻当心被灭口网友犀利有意思吗？娱乐秸神你牛鼻你拍还没看红孩儿漆合吧我KTR友楼主讨厌烂片,不看谭校长开心网的转帖/发表的观点更多▼点击后展开却不能收起你知道的太多当时营养不良拘南呀被称发现了看的是打架BUG叶不椎第曜，襄当心被灭口你牛鼻你拍还没看1烂片,不看谭校长红孩儿江户川叶推当心叶问打你二贻.・・第二贻感谢国家那是孙子你知道太多了叶椎2电甥不是算术早就发现了网友犀利有意思吗？娱乐秸神法合吧不老症垃玻评论aptx4869我JR了网友楼主讨厌二脂也叫叶碓这不是重点拘南也没见长煮蕉林太高了黄谆梁叫黄梁我也发现了认真你就输了何必太认真驻馥有方这个不重要拉他娘也没老1Hai看的是他爸发育慢第二个孩子不懂别乱说剧恰寿要a最佳实践：展开与收起是对称的功能，有依存关系，展开后能收起，收起后能展开，用户反悔时能返回原来的操傕―一一」一」一」—共有93253人发表观点你知道的太多当时营养不良柯南呀对称原则兰、杨遥"＞同僚在栓索,召▼名前1•枚索？4＞、'点击向下的箭头展开''GV命右:—卜在挨索寸石▼GtMhC同僚全梭索4石▼€y名前^梭索不盏大.w校索牛一v一卜-点击向上的箭头收起①本免、象izLT桧索L京寸。住所I______________________IQ模索