產(chǎn)品經(jīng)理的那些事課件

關(guān)于作者產(chǎn)品：基于flash的個(gè)性化音樂推薦產(chǎn)品搜素產(chǎn)品門戶產(chǎn)品社莎品(SNS)I電子商務(wù)產(chǎn)品日本W(wǎng)AIWIien伊品|《高級(jí)國(guó)際財(cái)務(wù)管理》'《信用網(wǎng)《中國(guó)財(cái)會(huì)從業(yè)人員翻血管理需求》英語專業(yè)八級(jí)懂點(diǎn)法語和日語5年互聯(lián)網(wǎng)產(chǎn)品經(jīng)驗(yàn),1年WAIWlim僵驗(yàn),曾在樂途旅游網(wǎng)和人人網(wǎng)工作過?

歷任產(chǎn)品朝、產(chǎn)品主管、產(chǎn)品部門朝、互聯(lián)網(wǎng)部負(fù)蚩人.關(guān)于作者產(chǎn)品：概要此次經(jīng)驗(yàn)分享涉及產(chǎn)品經(jīng)理和產(chǎn)品，包括：idea—產(chǎn)品定位一競(jìng)爭(zhēng)對(duì)手:分析一用戶調(diào)研一需求獲取一roadmap—需求管理一PRD文檔一原型［設(shè)計(jì)一用戶體驗(yàn)一信息架構(gòu)一交互設(shè)計(jì)一項(xiàng)目管理一產(chǎn)品流程一運(yùn)營(yíng)數(shù)\據(jù)統(tǒng)計(jì)分析一產(chǎn)品改進(jìn)方案概要此次經(jīng)驗(yàn)分享涉及產(chǎn)品經(jīng)理和產(chǎn)品，包括：idea—產(chǎn)品定位第一部分產(chǎn)品經(jīng)理本部分主要分享一個(gè)故事、一段視頻、十二個(gè)問題，產(chǎn)品經(jīng)理的職責(zé)和能力、要讀的幾本書。第一部分產(chǎn)品經(jīng)理本部分主要分享一個(gè)故事、一段視頻、十二個(gè)問題一個(gè)故事有一天動(dòng)物園管理員們發(fā)現(xiàn)袋鼠從籠子里跑出來了，于是開會(huì)討論，一致認(rèn)為是籠子的高度過低。所以它們決定將籠子的高度由原來的十公尺加高到二十公尺。結(jié)果第二天他們發(fā)現(xiàn)袋鼠還是跑到外面來,所以他們又決定再將高度加高到三十公尺。沒想到隔天居然又看到袋鼠全跑到外面,于是管理員們大為緊張,決定一不做二不休，將籠子的高度加高到一百公尺。一天長(zhǎng)頸鹿和幾只袋鼠們?cè)陂e聊，〃你們看，這些人會(huì)不會(huì)再繼續(xù)加高你們的籠子?"長(zhǎng)頸鹿問。〃很難說。"袋鼠說:〃如果他們?cè)倮^續(xù)忘記關(guān)門的話！〃其實(shí)很多人都是這樣，只知道有問題，卻不能抓住問題的核心和根基。從產(chǎn)品角度來說，深刻了解用戶和獲取用戶的核心需求才是做產(chǎn)品的王道。一個(gè)故事有一天動(dòng)物園管理員們發(fā)現(xiàn)袋鼠從籠子里跑出來了，于是一段視頻產(chǎn)品經(jīng)理必看的一段視頻一段視頻產(chǎn)品經(jīng)理必看的一段視頻>球職涪】>產(chǎn)品mss供？>我心目中的產(chǎn)品團(tuán)隊(duì)?wèi)?yīng)該是怎么樣的？>我做產(chǎn)品時(shí)最大的困惑或問題是什么？>我有習(xí)慣嗎？>月著g書？面臥？=1>敝經(jīng)在同事嗎？>我有沒有:杖員跚嫦題量?:歡痢究網(wǎng)g?些網(wǎng)站？>g怎么瞄:>球職涪】>產(chǎn)品mss供？>我心目中的產(chǎn)品團(tuán)隊(duì)?wèi)?yīng)該＞明確我們的用戶群，典型用戶的特征。＞獲取用戶的需求，評(píng)判用戶的需求，挖掘用戶的需求。(＞需求優(yōu)先級(jí)的定義和roadmap規(guī)劃。(＞盡力做到需求文檔的完整性和準(zhǔn)確性，配之完整的原型文檔和流程文檔。＞精通用戶體驗(yàn)、交互設(shè)計(jì)和信息架構(gòu)技能。(＞產(chǎn)品生命周期的項(xiàng)目管理，需求變更管理，技術(shù)跟進(jìn)和需求質(zhì)量review,配合技術(shù)和測(cè)試等其他部門,實(shí)現(xiàn)產(chǎn)品保質(zhì)保量上線。＞產(chǎn)品運(yùn)營(yíng)數(shù)據(jù)的分析和總結(jié)，并列出具體的原因和改進(jìn)方案。/＞明確我們的用戶群，典型用戶的特征。需求把控溝矗幼學(xué)丞總力四執(zhí)行能力五數(shù)據(jù)分析熱思矗七商業(yè)敏感需求把控溝矗幼學(xué)丞總力四執(zhí)行能力五數(shù)據(jù)分析熱思矗七商業(yè)要讀的幾本書>贏在用戶>用戶體驗(yàn)的要素>Don*tmakemethink>DesigningWebInterface>信網(wǎng)站>產(chǎn)品一本書>Aboutface3.0要讀的幾本書>贏在用戶>Aboutface3.0第二部分產(chǎn)品調(diào)研本部分主要分享產(chǎn)品的戰(zhàn)略定位、競(jìng)爭(zhēng)對(duì)手分析、用戶調(diào)研、商業(yè)模式。第二部分產(chǎn)品調(diào)研本部分主要分享產(chǎn)品的戰(zhàn)略定位、競(jìng)爭(zhēng)對(duì)手分析、做產(chǎn)品要思考的5個(gè)關(guān)鍵問題》產(chǎn)5^＜2：（剽蹴供？產(chǎn)品的核心供？差異化WW?）＞標(biāo)桿產(chǎn)品:（國(guó)內(nèi)夕演似網(wǎng)站成功案例有嗎?我們有競(jìng)爭(zhēng)對(duì)手嗎?）＞典型用戶:（用戶佛球？每T用戶的核心需題供?）＞核心功能：（核心功能有哪些?分別滿足用戶的哪些核心需求?）》核心內(nèi)容：（用戶最關(guān)注的內(nèi)容有哪些？哪些內(nèi)容能吸引用戶？）?商業(yè)眼：戶需求mh,剽DtttHgjO?）做產(chǎn)品要思考的5個(gè)關(guān)鍵問題》產(chǎn)5^＜2：（剽蹴供？產(chǎn)品的核心產(chǎn)品定位＞產(chǎn)品SfM：（被人們使用就賽，們微需求）＞做品：，選已＞誰使用產(chǎn)品:（做成的產(chǎn)品誰會(huì)使用，產(chǎn)品的價(jià)值由球網(wǎng)1）?有什么功能：（產(chǎn)品的定位會(huì)影響到產(chǎn)品核心功蜿內(nèi)容的設(shè)置）產(chǎn)品定位＞產(chǎn)品SfM：（被人們使用就賽，們微需求）＞做品：標(biāo)桿產(chǎn)品（競(jìng)爭(zhēng)對(duì)手分析）'產(chǎn)品競(jìng)爭(zhēng)對(duì)手到底有哪些，國(guó)內(nèi)的和國(guó)外的'競(jìng)爭(zhēng)對(duì)手產(chǎn)品的功能都有共同功能，哪些功能只有少數(shù)對(duì)手有》競(jìng)爭(zhēng)對(duì)手產(chǎn)品的內(nèi)容都有哪些內(nèi)容,哪些內(nèi)容只有少數(shù)對(duì)手有、競(jìng)爭(zhēng)對(duì)手的商業(yè)模式分別是什么、將列出的功能、內(nèi)容和商業(yè)模式進(jìn)行總結(jié)分析'提出自己的產(chǎn)品改進(jìn)建議或意見，要具有深刻性和獨(dú)到性標(biāo)桿產(chǎn)品（競(jìng)爭(zhēng)對(duì)手分析）'產(chǎn)品競(jìng)爭(zhēng)對(duì)手到底有哪些，國(guó)內(nèi)的和國(guó)標(biāo)桿產(chǎn)品（競(jìng)爭(zhēng)對(duì)手分析）一案例雄t。代表無或新，1代表有或嫌t以卜網(wǎng)站以二養(yǎng)府搜素為■點(diǎn)分析對(duì)象“標(biāo)桿產(chǎn)品（競(jìng)爭(zhēng)對(duì)手分析）一案例標(biāo)桿產(chǎn)品（競(jìng)爭(zhēng)對(duì)手分析）一案例答^。代表無w,1代表有或映以卜網(wǎng)站以二養(yǎng)腐搜素為童點(diǎn)分析對(duì)如■標(biāo)桿產(chǎn)品（競(jìng)爭(zhēng)對(duì)手分析）一案例■用戶調(diào)研＞戶:（微幡人觸用珈的產(chǎn)品?）?用戶泌：（融林同秘拔為的用戶破，形簸鰻?wèi)簦居脩籼攸c(diǎn):（人口毓昭息、瞄、衰好、需WSW）＞用戶行為:（行為時(shí)、司、峻、齡、習(xí)慣、消?。┯脩粽{(diào)研＞戶:（微幡人觸用珈的產(chǎn)品?）典弟戶（persona）_案例典弟戶（persona）_案例用戶分類及其核心需求明星用戶斂關(guān)注用戶分類提升竽級(jí)知名庚經(jīng)濟(jì)利/企業(yè)用戶創(chuàng)作用戶獲得榮色糞升等級(jí)經(jīng)濟(jì)利名度得榮譽(yù)CP或工作室用戶分類及其核心需求明星用戶斂關(guān)注用戶分類提升竽級(jí)知名庚經(jīng)濟(jì)商業(yè)模式大小廣告虛場(chǎng)具會(huì)前務(wù)四收入分成J五無線增值六電子商務(wù)七搜索引擎商業(yè)模式大小廣告虛場(chǎng)具會(huì)前務(wù)四收入分成J五無線增值六電第三部分產(chǎn)品需求本部分主要分享需求獲取、產(chǎn)品規(guī)劃、需求管理需求文檔。第三部分產(chǎn)品需求本部分主要分享需求獲取、產(chǎn)品規(guī)劃、需求管理獲取需求以獲取用戶的核心需求為主要目標(biāo)獲取需求以獲取用戶的核心需求為主要目標(biāo)獲取用戶核心需求的方法?分為定性和定量,兩者相配合?設(shè)計(jì)調(diào)查問卷，MECE:獨(dú)立、窮盡?用戶深度訪談，注重引導(dǎo)?詳細(xì)數(shù)據(jù)統(tǒng)計(jì)，研究數(shù)值異變?獲取的需求需要分清層次和級(jí)別?移自己變成〃目標(biāo)用戶〃?培養(yǎng)自己的產(chǎn)品sense獲取用戶核心需求的方法?分為定性和定量,兩者相配合需求調(diào)研'市場(chǎng)調(diào)查方案設(shè)計(jì)》市場(chǎng)調(diào)查方法A抽樣設(shè)計(jì)'調(diào)查問卷設(shè)計(jì)、數(shù)據(jù)收集和管理'關(guān)聯(lián)性的聚合分析3調(diào)研報(bào)告的撰寫需求調(diào)研'市場(chǎng)調(diào)查方案設(shè)計(jì)?明確訪談的目的，要解決什么問題，需要驗(yàn)證哪些問題？A訪談對(duì)象的甄選，新用戶、中度用戶、老用戶各占相同比例、細(xì)化訪談的問題腳本，整理出我們需要訪談的核心問題列表A確定訪談的時(shí)間、地點(diǎn)、人數(shù)以及獎(jiǎng)勵(lì)措施A訪談前一天電話確認(rèn)人數(shù)，如有人因故不到，可補(bǔ)充對(duì)象A盡量避免出現(xiàn)訪談對(duì)象比例失衡，記錄下訪談的核心觀點(diǎn)'撰寫訪談結(jié)果報(bào)告，整理出需求點(diǎn)優(yōu)先級(jí)，以便做產(chǎn)品規(guī)劃?明確訪談的目的，要解決什么問題，需要驗(yàn)證哪些問題？定性訪談一案例某網(wǎng)站成長(zhǎng)體系J????"?????""?"'大家的積分威望數(shù)量經(jīng)常出現(xiàn)什么樣的問題？A大家對(duì)系統(tǒng)每天統(tǒng)計(jì)多圖房源的威望然后發(fā)放對(duì)應(yīng)條數(shù)的威望點(diǎn)值感到費(fèi)解嗎？'大家認(rèn)為還有哪些行為也應(yīng)該加積分或者威望？》大家覺得現(xiàn)在的根據(jù)店長(zhǎng)的業(yè)績(jī)排名發(fā)放經(jīng)紀(jì)人的業(yè)績(jī)威望有什么弊端嗎？如果增加房源成交功能后，大家認(rèn)為怎么樣根據(jù)成交房源來計(jì)算業(yè)績(jī)威望?A大家現(xiàn)在覺得等級(jí)晉升困難嗎？A大家對(duì)整個(gè)積分威望體系有什么建設(shè)性的建議?定性訪談一案例某網(wǎng)站成長(zhǎng)體系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ì)痂$.陪J*。.蠟心駐、安福艮6￡昨,4丈第W次開帽一尸ar不足有％切關(guān)系.?1?金?約她―???*內(nèi)代anar愜王布厝w?ss沱拘；R-弟幣人聊分人蠢:校有蟋入足，■的皿食為r??咋雄類MHiwa&Kw佰st珈西格版向.我臺(tái)二匕點(diǎn)大李“綠灑彳皿務(wù)哉:計(jì)-潭夜學(xué)生百會(huì)SCBttniH丁這次右會(huì)i??f.希史培8￡在百忙只拍由兀分A?t的在中於的as”以?:谷.特*厘豆.!.忠懸否加走女柴？*七坂外宅―齡.《?*埒施念導(dǎo)板心,3EJX首版&.冶RI尤上iff書二?1JCM二.及J8EJHFWFWT7(0時(shí)EfMtKEisfi口*—?r?*n不賣nauaz-ertt■買:*■w?葉允.?食h#：,林R7W加MR，?大葷w。落:?t古h沃也整#任4—O1?W購(gòu)堤起仞詼*k有加，吞EZ認(rèn)木云^±田耳無qqifroN.*RWO■《上比M.仝M土坎於正做?

氣心LSu=rr—￡s-*.5xa不:JtiFa二i4.*4?■攜W3GJfrg產(chǎn)足.3＞*^4-FK**j*??a*rl祐乍R》比較不政?！?dú){rtW?a＞電拳云H敏oGuEZ險(xiǎn)梏cCr~~C口?

ccc口官技認(rèn)遷ZjccD品￥*i45儻ac□tUMCjc<—口5-W明K*夾產(chǎn)死單E弟喪?K芬—”x殲補(bǔ)侃cz■?*a￥tra以D親友o盡佗-■0?太E伯B.*E健弗~Tfi?3菱.*總好霖WW、f￥?L-3sF<5>t生MDLECDiRKZ=J■EKO彩變EKO*存S*:rtgO＜片掛國(guó)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*質(zhì)ga*Jt：：>!l口WSO?.5X口牛幟!口*匚:10.??3&-a產(chǎn)品椅也罷:足以下見冷專I:跳建*CIE.卷■?牛皆：20步D12.?SlteSJ:13-=尋業(yè)gGitrc七坎a辰33汴,！ftED!■*-嘗株月吠入；t-OOOtcWFC3XXH>—XSK>?JEI—哮辿套K△恰1?.xt<hS.?Ul30—3.9歹□ST。于花#1“叫貝EZ孚仝a2S—2K)元O水爰口g□閂關(guān)成兼□□【夕3)Ecciwr50歲以_匕LZ-W試共U企火:尊攻TT2X人2?O企業(yè)—企V.園nIOOG元O800元CI上OiOCH>?g死

O?a小電號(hào)--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?戲財(cái)沏瑕j留mg珂儉昌契|）3半《!1叩沔朽（哪）可叩（里中）哆康卻餌炫去）電珀。呷山器啷頓雀喝我虹很鼬料曠高邑巍敦建唳祖姬輪-重礎(chǔ)麹駐應(yīng):蹣: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，痂■的■歐▲蹄-【吵▲網(wǎng)Og瓠0旦富0▲jg▲j歐』附▲]所』砒-J對(duì)▲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關(guān)聯(lián)分析圖Tasteofdifferentagegroups4社區(qū)需求圖社區(qū)需求圖產(chǎn)品規(guī)劃JanFebMarAprMayJune留住用戶吸引用戶l?個(gè)性化定制July.?收入分成成長(zhǎng)體系匚:開放平臺(tái)?客戶端產(chǎn)品?運(yùn)營(yíng)數(shù)據(jù)統(tǒng)計(jì)分析等級(jí)體系?榮譽(yù)體系等級(jí)和茉譽(yù)體系提升用戶的粘度和成就感?提升知名度?關(guān)注訂閱?文字API?圖片API?瀏克器插件?widget?WAP產(chǎn)品?開通分享推薦功能?運(yùn)營(yíng)商推廣渠道為主?公共推廣渠道為輔微內(nèi)容傳播范圍更廣*更多人可見’吸引更多人成為我們的用戶.用戶打通皿二骨＜新浪微清?內(nèi)容同步晚開心網(wǎng)瓣doba產(chǎn)品規(guī)劃JanFebMarAprMayJune留住用戶吸引用需求管理影響需求優(yōu)癖定義的有ROI（商業(yè)價(jià)值/工作量）和風(fēng)險(xiǎn)兩個(gè)因素ROI投資回報(bào)率驅(qū)動(dòng)力‘Value價(jià)值Cost成本vaceIIL)調(diào)整|UnderstandingI.Risk風(fēng)險(xiǎn)R一skIfL)Value(L-H)需求管理ROI投資回報(bào)率驅(qū)動(dòng)力‘Value價(jià)值vaceIIL費(fèi)ZI蜃奇皿置尊I?整凱Nm弦牌費(fèi)ZI蜃奇皿置尊I?整凱Nm弦牌需求管理工作量估算牘，選擇一個(gè)中等工作量的功能或需求作為參照物，視為數(shù)字3?5-7人,每個(gè)人用斐波那契數(shù)列的數(shù)字1、2、3、5、8、13、21。。。定義當(dāng)前需求或功能的工作量，當(dāng)然是基于與參照物數(shù)字3的對(duì)比》按照上述方法逐條需求定義其數(shù)字A如果團(tuán)隊(duì)成員的分歧很大,需要澄清和進(jìn)一步明確需求A如果團(tuán)隊(duì)成員的分歧不大,使用較高的那個(gè)數(shù)字作為需求或功能的工作量，或者使用出現(xiàn)次數(shù)較多的數(shù)字作為工作量需求管理工作量估算牘，選擇一個(gè)中等工作量的功能或需求作為參照畋河果費(fèi)條苧重，swm森驪醐<本蛔、次蝠買罵胞市^^<鈉朝礎(chǔ)前W^KW蟀筆<li^2?mi球<釁族舞密<助泗職3,畫瞄斕X丑宜逢墨溜湖國(guó)俱<次墨硼mm甄道用旅我我田彰?疑居墨畋河果費(fèi)條苧重，swm森驪醐<疑居墨第四部分以用戶為中心的設(shè)計(jì)本部分主要分享用戶體驗(yàn)、信息架構(gòu)、交互設(shè)計(jì)第四部分以用戶為中心的設(shè)計(jì)本部分主要分享用戶體驗(yàn)、信息架構(gòu)、用戶體驗(yàn)的要素gcfUm<C>pe*^c<問頁作為吹件的界面網(wǎng)頁作為也文本系統(tǒng)O2000JesseJamesGarrett5XWCmMr?vwv?a°2?8m6^0?表現(xiàn)層【視覺呈現(xiàn)】在這個(gè)五層模型的頂端，我們把注意力轉(zhuǎn)移到網(wǎng)站用戶會(huì)首先注意到的那方面：視覺設(shè)計(jì)。這里，內(nèi)容、功能和美學(xué)匯集導(dǎo)一起來產(chǎn)生一個(gè)最終設(shè)計(jì)，這將滿足其他四個(gè)層面的所有目標(biāo)。框架層【布局】在充滿概念的結(jié)構(gòu)層中開始形成了大量的需求，這些需求都是來自我們的戰(zhàn)略目標(biāo)的需求。在框架層，我們要更進(jìn)一步地提煉這些結(jié)構(gòu)，確定很詳細(xì)的界面外觀、導(dǎo)航和信息設(shè)計(jì)，這能讓晦澀的結(jié)構(gòu)變得更實(shí)在。結(jié)構(gòu)層【交互，如何、可以、應(yīng)該……】在收集完用戶需求并將其排列好優(yōu)先級(jí)別之后，我們對(duì)于最終產(chǎn)品將會(huì)包括什么特性已經(jīng)有了清楚的圖像。然而，這些需求并沒有說明如何將這些分散的片段組成一個(gè)整體。層的上面一層：為網(wǎng)站創(chuàng)建一個(gè)概念結(jié)構(gòu)。范圍層【對(duì)需求的整合】帶著"我們想要什么"、"我們的用戶想要什么"我們就能弄清楚如何去滿足所有這些戰(zhàn)略的目標(biāo)。需求和網(wǎng)站目標(biāo)轉(zhuǎn)變成網(wǎng)站應(yīng)該提供給用戶什么樣的內(nèi)容和功能時(shí)，戰(zhàn)略就變成了范圍。戰(zhàn)略層【自身目標(biāo)與用戶需求】成功的用戶體驗(yàn)，起基礎(chǔ)是一個(gè)被明確表達(dá)的"戰(zhàn)略"。知道企業(yè)與用戶雙方對(duì)網(wǎng)站的期許和目標(biāo)，有助于確立用戶體驗(yàn)各方面策略的制定。}這就是范圍的明確認(rèn)識(shí)，當(dāng)你把用戶記憶方法上戰(zhàn)（瞄［犯（靠國(guó)）熨（鰭構(gòu)）假（架構(gòu)）衰（襄現(xiàn)）用戶體驗(yàn)的要素gcfUm<C>pe*^c<問頁作基本要素建立persona可用性測(cè)試召集用戶試用基本要素可用性測(cè)試貫穿整個(gè)產(chǎn)品生命周期需要各部門共同努力與產(chǎn)品KPI關(guān)聯(lián)用戶需要適當(dāng)引導(dǎo)各個(gè)用戶群測(cè)試錄屏或技術(shù)記錄行為軌跡以完成任務(wù)為測(cè)試方向貫穿整個(gè)產(chǎn)品生命周期需要各部門共同努力與產(chǎn)品KPI關(guān)聯(lián)信息架構(gòu)組成要素建立信息層次可維護(hù)性注重用戶引導(dǎo)信息架構(gòu)組成要素可維護(hù)性導(dǎo)航是信息架構(gòu)的核心四種典型的搜索行為網(wǎng)站的TAG系統(tǒng)布局的優(yōu)先性和統(tǒng)一性信息架構(gòu)盡量靈活信息層次要求清晰、關(guān)聯(lián)體現(xiàn)功能或內(nèi)容優(yōu)先級(jí)切忌頁面出現(xiàn)多個(gè)引導(dǎo)導(dǎo)航是信息架構(gòu)的核心四種典型的搜索行為網(wǎng)站的TAG系統(tǒng)信交互設(shè)計(jì)基于頁面交互技巧基于流程交互設(shè)計(jì)基于頁面基于流程MakeitdirectKeepitlightweightStayonthepagexProvideaninvitationUsetransitions目標(biāo)導(dǎo)向設(shè)計(jì)新手、專家和中度用戶實(shí)現(xiàn)模型和心智模型人物角色和場(chǎng)景定義需求Makeitdirect目標(biāo)導(dǎo)向設(shè)計(jì)交互設(shè)計(jì)一富交互技巧案例hll@:///photos/dcsigningwcbintcrfaces/

UCD網(wǎng)址導(dǎo)航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交互設(shè)計(jì)一富交互技巧案例q1=1[_jChapter1用戶體驗(yàn)一案例用戶體驗(yàn)案例分享W討論主要從以下幾個(gè)原則進(jìn)行:1、主次原則2、直接原則3、統(tǒng)一原則4、少做原則5、反饋原則6、對(duì)稱原則注意用戶體驗(yàn)的最佳實(shí)踐:理論與運(yùn)營(yíng)數(shù)據(jù)分析結(jié)合記憶方法：主公想直接統(tǒng)一中原，只有少數(shù)人反對(duì)用戶體驗(yàn)一案例用戶體驗(yàn)案例分享W討論主要從以下幾個(gè)原則進(jìn)行:主次原則Ba(扁度新聞肉頁貼吧知道MP3圖片視頻地圖,空'間百利haol23

I史多>>網(wǎng)頁圖片萩頻地圖資訊音樂問答》來吧》更多▼iGooqlm個(gè)性化首頁|授索設(shè)置I登錄財(cái)經(jīng)翻譯博客265導(dǎo)航日歷照片文檔輸入法工具欄軟件精送更3?Google搜索手氣不錯(cuò)高級(jí)語言最佳實(shí)踐：內(nèi)容比較多，可放空間少，主要的內(nèi)容先顯示，次要的內(nèi)容擱置在"更多"里。注意：到底放什么，取決于我們要重點(diǎn)promote的內(nèi)容和通過數(shù)據(jù)分析得出的內(nèi)容的相結(jié)合。主次原則Ba(扁度新聞肉頁貼吧知道MP3圖片視頻地圖,空主次原則羅曉紅發(fā)來一個(gè)愛寵的邀請(qǐng)：有一種寵物能像機(jī)器貓那樣彎出各式魔法單且,能讓你的好友擁狂，它的名字叫“愛寵"換受邀請(qǐng)人人網(wǎng)的邀請(qǐng)2010-05-0911:40好友請(qǐng)求：消閆小榮請(qǐng)求加你為好友。詳細(xì)信息“hhhh”whiterab?Awhiterab-CTs友逢承同意我不認(rèn)識(shí)他忽略該請(qǐng)求理很開心網(wǎng)的邀請(qǐng)共誦宓建蛙▼I(§)乂)tz—^芝送^?某某網(wǎng)的邀請(qǐng)最佳實(shí)踐：面臨好幾個(gè)操作時(shí)，我們也要分清主次，分清哪些是我們提倡用戶操作的，哪些是我們不提倡用戶操作的'同時(shí)廣齡提倡用戶操作的也要進(jìn)一步分清主次。主次原則羅曉紅發(fā)來一個(gè)愛寵的邀請(qǐng)：換受邀請(qǐng)人人網(wǎng)的邀請(qǐng)201主次原則姓名：目榮一7資料：酒泉市加為好友發(fā)站內(nèi)信人人網(wǎng)的找人姓名：目榮性別：女城市：鄂爾多斯加為好友發(fā)送短消息查看她的首頁開心網(wǎng)的找人500+件Q）籍果任）友遂I二追加tttOtyJTtept某某網(wǎng)的找人最佳實(shí)踐:對(duì)某一對(duì)象存在好幾個(gè)操作時(shí)匚最重要的操作排第一位，即按照重要性依次排列,還有一種方法是最重婪的排第一位或最后一位，中間排次要的操作，滿種方法皆可:f主次原則姓名：目榮一7加為好友人人網(wǎng)的找人姓名：目榮加為好友i直接原則慫GoodExampleforlnhn?EditinWhe*nvotiaddami>rrt**rearetwof發(fā)出編輯的逆諾隰標(biāo)懸保，出現(xiàn)z沖操作，捅輯沌HH除,害示向用戶發(fā)出蝙輯文本的舵話.?Edit"鏈捂GoodFor1rvMino(UiImilVl\*h?nyvfvHfM—"d-IMUL?-.轉(zhuǎn)換名編修狀態(tài)點(diǎn)擊“Edit”能靖.豆示忙碌指示回標(biāo).稍后■晝示一張包含標(biāo)姬和內(nèi)容的可編粗的哀宅，原先的顯示文本布失.在晝示又本徜夫和編統(tǒng)表單出現(xiàn)之間?存在一個(gè)比，較微弱的史誓過程.'gCoodExAmpIoforInlinoEditing正在編輯狀若Wlsvayouaddanotethecoacvtw?$.**?

noteorCamtJCoodExamplaforInlineEditingWhenyouadd?ih*r*a?*twofieibiswouldalsoworkwellformoreco?cuchaspicka<Ute>ran94*arandadva，使用布單?瀚輯起來很.立魂-點(diǎn)擊“服g按鈕完成內(nèi)容的編精?編級(jí)走單布失，取而代之的是折標(biāo)通和內(nèi)容，為使得這個(gè)變化比哄顯，背景以黃何高弟突出耳示，幾秒鐘后，黃色逐淅淺化至正舉的皆景賴色.最佳實(shí)踐:發(fā)出操作的邀請(qǐng)…■進(jìn)行操作■…操作完成進(jìn)度提示■…操作成功（成功后有差異）…■回到正常初始狀態(tài)i直接原則慫GoodExampleforlnhn?直接原則?現(xiàn)在同同⑴以前同事））大學(xué)同學(xué)0）開心網(wǎng)的編輯好友分組現(xiàn)在〃同僚以前〃同僚/大學(xué)刀同級(jí)生高?！ㄍ?jí)生友逢現(xiàn)在CD同僚以前Q）同大學(xué)刀同級(jí)生高校〃同級(jí)生某某網(wǎng)的編輯好友分組現(xiàn)在同事以前同事0大學(xué)同學(xué)高中同學(xué)家人親戚摯交好友普通朋友朋友的朋友苴枇|新建分蛆...|人人網(wǎng)的新建好友分組最佳實(shí)踐：?jiǎn)我蛔侄蔚木庉嫿ㄗh在當(dāng)前頁面直接完成，不要單獨(dú)設(shè)置一個(gè)浮動(dòng)層，即使設(shè)置浮動(dòng)層，也盡量允許浮動(dòng)層能被拖動(dòng)。總的來說，能在當(dāng)前頁面完成操作的盡量在當(dāng)前頁面—人—人—人—人J?■元成。直接原則?現(xiàn)在同同⑴以前同事））大學(xué)同學(xué)0）開心網(wǎng)的編輯好友1統(tǒng)一原則人人網(wǎng)的加為好友開心網(wǎng)的加為好友positiveLnegativeoroptionalIOn-TT某某網(wǎng)的通用POPUP最佳實(shí)踐：POPUP的樣式全站保持統(tǒng)一，至于提倡的操作我們?cè)谝曈X流上做引導(dǎo)，不提倡的操作我們?nèi)趸?，至于哪個(gè)放左邊，哪個(gè)放右逝，福據(jù)具體蓿況而定丁國(guó)內(nèi)的網(wǎng)站可參照人大?t1統(tǒng)一原則人人網(wǎng)的加為好友開心網(wǎng)的加為好友positiveL統(tǒng)一原則兩次輸入的密碼不一樣，請(qǐng)重輸，如果想把你的首頁和部分組件內(nèi)容，對(duì)某些好友“隱藏"，請(qǐng)?jiān)凇霸L問限制”中進(jìn)行設(shè)置基布陪點(diǎn)保符成功I密碼長(zhǎng)度不符合規(guī)范請(qǐng)重新輸入!人人網(wǎng)的提示樣式某某網(wǎng)的提示樣式我們不會(huì)記錄你的密碼，你也可以先修改密碼再導(dǎo)入聯(lián)系人，成功后再改回原始密碼。@基本情幸反芝麥更l寶1左。①入力再入力U-C</c5Uo①姓名右基本情幸反芝公窗友iiica分13以!!心網(wǎng)的耘樣式統(tǒng)一原則兩次輸入的密碼不一樣，請(qǐng)重輸，如果想把你的首頁和部分新浪源的標(biāo)簽美，說倒?fàn)栐谧鍪裁?想什么［逾兩禮憤艦函而入［舌戡1標(biāo)知］騰訊微博的標(biāo)簽還旭毓入140+HU^th=l卜>二千?yr#人八屐近入“。。<6>湖建訪般最佳實(shí)踐：優(yōu)越性方面奸讓用戶選擇大于讓用戶輸入『盡量做成i.新浪源的標(biāo)簽美，說倒?fàn)栐谧鍪裁?想什么［逾兩禮憤艦函而入［iT登格良微博登錄各last￡m|密碼請(qǐng)選擇郵箱類型lastfm隨意記錄時(shí)使只是1句話隨時(shí)隨地lastfm@

lastfm@

lastfm@

lastfm@163.com

lastfm@

lastfm@126.com

lastfm@

lastfm@

lastfm@無也是用電函、手機(jī)上網(wǎng)，汪蛔2、彩信學(xué)校名更京更京大學(xué)學(xué)部更京理科大學(xué)更京工第六學(xué)入學(xué)年更京宦裸大學(xué)更京償工大學(xué)更京國(guó)隙大學(xué)他更京蕓雨大學(xué)更京街科大學(xué)制1。更京學(xué)蕓大學(xué)更京外國(guó)大學(xué)新浪微博的登錄郵箱建議某某網(wǎng)大學(xué)的搜索結(jié)果建議寶貝淘寶商城店捕拍賣塹記本Q搜索筆記本電腦笙記本散熱器約489691個(gè)寶貝約6980仆寶貝淘寶網(wǎng)的搜索結(jié)果建議iT登格良微博登錄各last￡m|密碼請(qǐng)選擇郵箱類型last反饋原則男裝T恤polo襯衫焙侶短袖無鼠標(biāo)事件＞男裝T恤polo襯衫短袖鼠標(biāo)懸停時(shí)＞男裝T恤polo襯衫循借短袖鼠標(biāo)點(diǎn)擊后友S5I8待I7力0>bI友SSI8待I7力Irzzzzj，’力》卜無鼠標(biāo)事件鼠標(biāo)懸停時(shí)鼠標(biāo)點(diǎn)擊后that'sgood鼠標(biāo)懸停□乃/u彷：1二返事^"今?

?您的預(yù)定是杭州”＞北京Hl7178＜2010-051019:50出發(fā)）您正在離開酷訊，前往千翼航空，請(qǐng)稍候…NOIMAGEmckv您查詢的結(jié)果正在搜索中.請(qǐng)稍候點(diǎn)擊后送信中…loadin酷訊首頁＞機(jī)票面包屑最近足勤上50A4月8日4月3日4月3日iksu...4月1日鼠標(biāo)懸停照片有紅色匡?！鉥最佳實(shí)踐：盡量對(duì)每個(gè)操作能做到人和交宣反饋了讓希1清楚那反饋原則無鼠標(biāo)事件＞男裝T恤polo襯衫短袖＞男裝T恤pol共有93253人發(fā)表觀點(diǎn)你知道的太多當(dāng)時(shí)營(yíng)養(yǎng)不良柯南呀被你發(fā)現(xiàn)了看的是打架BUG葉不推第N胎，妻當(dāng)心被滅口網(wǎng)友犀利有意思嗎？娛樂秸神你牛鼻你拍還沒看紅孩兒漆合吧我KTR友樓主討厭爛片,不看譚校長(zhǎng)開心網(wǎng)的轉(zhuǎn)帖/發(fā)表的觀點(diǎn)更多▼點(diǎn)擊后展開卻不能收起你知道的太多當(dāng)時(shí)營(yíng)養(yǎng)不良拘南呀被稱發(fā)現(xiàn)了看的是打架BUG葉不椎第曜，襄當(dāng)心被滅口你牛鼻你拍還沒看1爛片,不看譚校長(zhǎng)紅孩兒江戶川葉推當(dāng)心葉問打你二貽.??第二貽感謝國(guó)家那是孫子你知道太多了葉椎2電甥不是算術(shù)早就發(fā)現(xiàn)了網(wǎng)友犀利有意思嗎？娛樂秸神法合吧不老癥垃玻評(píng)論aptx4869我JR了網(wǎng)友樓主討厭二脂也叫葉碓這不是重點(diǎn)拘南也沒見長(zhǎng)煮蕉林太高了黃諄梁叫黃梁我也發(fā)現(xiàn)了認(rèn)真你就輸了何必太認(rèn)真駐馥有方這個(gè)不重要拉他娘也沒老1Hai看的是他爸發(fā)育慢第二個(gè)孩子不懂別亂說劇恰壽要a最佳實(shí)踐：展開與收起是對(duì)稱的功能，有依存關(guān)系，展開后能收起，收起后能展開，用戶反悔時(shí)能返回原來的操傕―一一」一」一」—共有93253人發(fā)表觀點(diǎn)你知道的太多當(dāng)時(shí)營(yíng)養(yǎng)不良柯南呀對(duì)稱原則蘭、楊遙"＞同僚在栓索,召▼名前1?枚索？4＞、'點(diǎn)擊向下的箭頭展開''GV命右:—卜在挨索寸石▼GtMhC同僚全梭索4石▼€y名前^梭索不盞大.w校索牛一v一卜-點(diǎn)擊向上的箭頭收起①本免、象izLT檜索L京寸。住所I______________________IQ模索