產(chǎn)品策劃工作標(biāo)準(zhǔn)（參考）目錄1.產(chǎn)品策劃流程22.項(xiàng)目前期準(zhǔn)備32.1市場(chǎng)調(diào)研32.2結(jié)點(diǎn)33.項(xiàng)目策劃原則33.1盈利性原則33.2務(wù)實(shí)性原則33.3差異性原則33.4適度創(chuàng)新原則44.項(xiàng)目策劃要點(diǎn)44.1明確網(wǎng)站項(xiàng)目需求44.2整理網(wǎng)站信息架構(gòu)44.3制作原型界面44.4技術(shù)實(shí)施方案44.5清晰的項(xiàng)目需求文檔44.6用戶體驗(yàn)優(yōu)化45.原型的要義55.1原型的意義55.2原型的使用56.axure原型制作規(guī)范56.1基本規(guī)范56.2構(gòu)件規(guī)范66.3母版制作規(guī)范（參考）66.4站點(diǎn)地圖制作規(guī)范66.5Annotations注釋規(guī)范（參考）76.6整體制作要求77.axure操作小技巧87.1解決中文輸入的問題87.2超快速移動(dòng)工作區(qū)87.3快速放大縮小頁(yè)面97.4規(guī)范化地平移組件97.5穿透控件選取下層的組件。98.結(jié)語(yǔ)91.產(chǎn)品策劃流程2.項(xiàng)目前期準(zhǔn)備2.1市場(chǎng)調(diào)研網(wǎng)絡(luò)調(diào)研從互聯(lián)網(wǎng)了解熟悉項(xiàng)目市場(chǎng)情況是比較便捷的方法，一方面可通過行業(yè)市場(chǎng)專家的文章首先從宏觀上把握項(xiàng)目發(fā)展趨勢(shì)；另一方面觀察研究同業(yè)競(jìng)爭(zhēng)者進(jìn)一步明確項(xiàng)目的性質(zhì)以及策劃過程中需要著重顧及的要點(diǎn)。市場(chǎng)訪談通過客戶訪談、銷售部門同事座談會(huì)驗(yàn)證網(wǎng)絡(luò)調(diào)研的結(jié)果，根本訪談?dòng)诚袢フ{(diào)整前一階段的ID，使項(xiàng)目框架出具雛形。有條件的可以組織焦點(diǎn)小組訪談和市場(chǎng)調(diào)查。2.2結(jié)點(diǎn)這個(gè)階段需要明確：項(xiàng)目定位項(xiàng)目的用戶對(duì)象是誰(shuí)，項(xiàng)目的市場(chǎng)價(jià)值所在。項(xiàng)目前景項(xiàng)目的盈利模式，今后公司所能采取的運(yùn)營(yíng)模式。全局觀念培育對(duì)整個(gè)項(xiàng)目的宏觀認(rèn)識(shí)，從整體上對(duì)整個(gè)項(xiàng)目的策劃制作以及后期運(yùn)營(yíng)要點(diǎn)都了然于胸。3.項(xiàng)目策劃原則3.1盈利性原則需要有明確的盈利性途徑，尤其在產(chǎn)品設(shè)計(jì)上需要首先將商業(yè)利益擺在第一位，項(xiàng)目上市之后需要以幾何級(jí)倍數(shù)回報(bào)公司的人力物力投入。3.2務(wù)實(shí)性原則策劃階段的每一個(gè)步驟都需要考慮今后運(yùn)營(yíng)的著手點(diǎn)，從公司運(yùn)營(yíng)的實(shí)際出發(fā)，避免一味追求天馬行空式的想象。3.3差異性原則新項(xiàng)目必須和目前市場(chǎng)上現(xiàn)存的競(jìng)品有明顯的不同，客戶從項(xiàng)目本身就能區(qū)分彼此。3.4適度創(chuàng)新原則遵循互聯(lián)網(wǎng)日新月異的市場(chǎng)需求動(dòng)態(tài)，追逐互聯(lián)網(wǎng)產(chǎn)品發(fā)展趨勢(shì)，但具體落實(shí)到策劃階段則需要把握好創(chuàng)新的幅度，步子邁大了容易扯著蛋。4.項(xiàng)目策劃要點(diǎn)4.1明確網(wǎng)站項(xiàng)目需求包括客戶需求和市場(chǎng)價(jià)值所在，勾畫清晰的產(chǎn)品和服務(wù)。4.2整理網(wǎng)站信息架構(gòu)網(wǎng)站的頻道設(shè)置、欄目設(shè)置，如果是定位于某一行業(yè)的，則需要第一時(shí)間整理出合理的分類目錄。4.3制作原型界面從頻道欄目列表內(nèi)容單頁(yè)功能的思路出發(fā)，制作一目了然的原型界面，需要精確到每一個(gè)細(xì)節(jié)。4.4技術(shù)實(shí)施方案各個(gè)欄目的數(shù)據(jù)調(diào)用、頻道和欄目推薦位子的信息調(diào)用、主要功能模塊的技術(shù)實(shí)現(xiàn)、輔助性功能涉及到的關(guān)鍵詞和字段，都需要我們?cè)诓邉澋臅r(shí)候考慮到。4.5清晰的項(xiàng)目需求文檔這相當(dāng)于整個(gè)項(xiàng)目的藍(lán)圖，需要憑借我們自身的積累寫作深入淺出的需求文檔，標(biāo)準(zhǔn)是讓每一個(gè)閱讀過文檔的人都能對(duì)本項(xiàng)目有一個(gè)較為全面的認(rèn)識(shí)。4.6用戶體驗(yàn)優(yōu)化遵循品牌建設(shè)規(guī)則的網(wǎng)站項(xiàng)目的實(shí)名、域名，協(xié)助制作人員和技術(shù)人員進(jìn)行操作體驗(yàn)上的優(yōu)化，精致、細(xì)致是這一階段的目標(biāo)。5.原型的要義5.1原型的意義原型是一個(gè)有價(jià)值的設(shè)計(jì)工具。在項(xiàng)目開發(fā)的整個(gè)過程中，有利于評(píng)估設(shè)計(jì)的可行性。在初步設(shè)計(jì)階段，能夠探究和測(cè)試用戶。在實(shí)際設(shè)計(jì)布局和更詳細(xì)的交互問題，能夠評(píng)估和測(cè)試。之后的高保真模型，可以用來提供一個(gè)最終軟件的演示。原型可以有多種實(shí)現(xiàn)方法。目前本司采用行業(yè)內(nèi)流行的axure原型設(shè)計(jì)軟件制作，采用該工具制作的原型特別適合web應(yīng)用程序和屏幕序列的探討。其他諸如visio、mockups等軟件雖也可實(shí)現(xiàn)原型制作，但非經(jīng)公司上級(jí)要求不可用于替代axure。5.2原型的使用5.2.1高保真原型高保真原型可用于向上級(jí)管理者或同事展示，因?yàn)樗鼈鬟f了最終產(chǎn)品的許多特點(diǎn)，比如視覺設(shè)計(jì)。它們也適合于正式的可用性測(cè)試：給予用戶/同事書面任務(wù)完成所需數(shù)據(jù) 要求用戶/同事邊想邊說出 5.2.2工具所見即所得的編輯器（或你選擇的任何其他編輯不過所見即所得更快） 一個(gè)或多個(gè)瀏覽器測(cè)試原型 圖形工具 設(shè)計(jì)元素庫(kù)（一旦設(shè)計(jì)元素庫(kù)建立，有助于形成一致的外觀和加快開發(fā)速度） 圖形庫(kù)或其他屏幕元素（有助于在其他事情重復(fù)利用屏幕元素（screen elements） 5.2.3優(yōu)勢(shì)更好的交互，尤其是有益于評(píng)價(jià)屏幕變化 很好展現(xiàn)軟件的設(shè)計(jì)或者可能的設(shè)計(jì) 測(cè)試和最終編碼之間，還有時(shí)間來作出改進(jìn) 6.axure原型制作規(guī)范6.1基本規(guī)范6.1.1交互設(shè)計(jì)模式以規(guī)范化，交互UI庫(kù)為基礎(chǔ)，及主流交互設(shè)計(jì)范本（如QQ，SINA，163,等用戶普遍熟知的界面及交互設(shè)計(jì)）交互設(shè)計(jì)模式，為主要選擇。盡量減少獨(dú)立編寫及體驗(yàn)創(chuàng)新。體驗(yàn)，交互，界面的創(chuàng)新依據(jù)產(chǎn)品特點(diǎn)而定，盡量減少用戶的操作成本，盡量避免讓用戶去思考“這東西該怎么用”。6.1.2交互表現(xiàn)某構(gòu)建的靜態(tài)截圖-借以表現(xiàn)交互需求。6.1.3設(shè)計(jì)規(guī)范包括，字號(hào)，圖片大小，顏色，質(zhì)感等需要統(tǒng)一化，一致性的要素。6.2構(gòu)件規(guī)范6.2.1布局構(gòu)件負(fù)責(zé)界面布局的部分，通常為頭部,左邊欄, 右邊欄,內(nèi)容, 底部6.2.2交互表現(xiàn)依據(jù)“交互設(shè)計(jì)模式”制作靜態(tài)截圖-代表交互需求，附注演示連接。6.2.3快速?gòu)?fù)用通過最少的更改實(shí)現(xiàn)，大小，多少，方向等變化。通常為刪減。6.2.3交互命名如果構(gòu)件能內(nèi)部完成交互，在制作時(shí)就要加上交互的命名，減少后期的操作。6.2.4遵循設(shè)計(jì)規(guī)范自行制作的構(gòu)件必須大體遵循設(shè)計(jì)規(guī)范。制作新的構(gòu)件所使用的基本元素也要從設(shè)計(jì)規(guī)范中產(chǎn)生。6.3母版制作規(guī)范（參考）公共區(qū)域（具體指頁(yè)頭、頁(yè)腳、導(dǎo)航條、頁(yè)面內(nèi)的公共元素），要求采用母版，以減少修改量；位置固定的布局母版置為：Place in Background根據(jù)設(shè)計(jì)規(guī)范，制作本站通用master（如四連顯圖片，10連行文字）6.4站點(diǎn)地圖制作規(guī)范頁(yè)面要求規(guī)范單個(gè)頁(yè)面的命名規(guī)范命名用可用中英文結(jié)合，力求表達(dá)準(zhǔn)確。頻道及欄目綜合頁(yè)面統(tǒng)一以“user_頁(yè)面名稱”為頂層頁(yè)，表示這是用戶使用的頁(yè)面。使用admin為管理員的管理頁(yè)；使用statistics為數(shù)據(jù)統(tǒng)計(jì)功能頁(yè)子頁(yè)面增：Create刪： Delete改：Edit查： View匯總頁(yè)： List修改分類：Recatalog重命：Rename復(fù)雜業(yè)務(wù)要求單獨(dú)提供用例及流程圖，展示頁(yè)面的業(yè)務(wù)邏輯和判斷條件6.5Annotations注釋規(guī)范（參考）注釋的內(nèi)容描述功能說明說明該對(duì)象的主要完成的功能交互效果說明該對(duì)象的交互動(dòng)作以及產(chǎn)生的交互結(jié)果；此處應(yīng)該包含各種判斷的說明優(yōu)先級(jí)也可以理解為重要性。標(biāo)明該控件在交互中的重要性關(guān)聯(lián)關(guān)系包含觸發(fā)方式（默認(rèn)顯示 / 被動(dòng)觸發(fā)），以及其他對(duì)象/數(shù)據(jù)的關(guān)聯(lián)關(guān)系。對(duì)于同時(shí)擁有管理后臺(tái)、用戶后臺(tái)的地方，需要說明數(shù)據(jù)關(guān)系測(cè)試用例提供測(cè)試方法及測(cè)試應(yīng)該使用的數(shù)據(jù)注意事項(xiàng)設(shè)計(jì)和制作時(shí)需要注意的其他事項(xiàng)備注可以針對(duì)各個(gè)特殊控件、組件自定義其他注釋6.6整體制作要求6.6.1完整性要求任何一個(gè)完整的產(chǎn)品，包括3部分，這3部分在原型需要獨(dú)立展示：用戶前端頁(yè)面用戶在不登陸、登陸情況下進(jìn)行瀏覽的頁(yè)面；用戶自行管理數(shù)據(jù)/帳戶的頁(yè)面。管理員的管理頁(yè)主要數(shù)據(jù)的增刪改查、審核。數(shù)據(jù)統(tǒng)計(jì)功能主要包括流量統(tǒng)計(jì)（IP、PV、UV、登錄用戶數(shù)、活躍用戶數(shù)） 6.6.2保真度（僅針對(duì)前端頁(yè)面）(參考)：1) 創(chuàng)新型產(chǎn)品、產(chǎn)品改版：為了體現(xiàn)新產(chǎn)品的業(yè)務(wù)邏輯，或展示產(chǎn)品的改進(jìn)功能，本類原型要求高保真原型。具體包含：a) 所有頁(yè)面有完整的鏈接提示；b) 任何交互均需要考慮完整的流程和結(jié)束；c) 關(guān)鍵功能、創(chuàng)新點(diǎn)要上色，不得使用自帶的灰白色、黑色；d) 按鈕的點(diǎn)擊變化能實(shí)時(shí)體現(xiàn)：文本框、輸入框、文字、層的變化。e) 使用條件判斷，并根據(jù)條件做不同的提示。f) 對(duì)于各個(gè)控件有完整的說明文檔；2) 傳統(tǒng)產(chǎn)品、新增功能：可以使用一般的線框圖，使用黑白灰原型。具體包括：a) 對(duì)于頁(yè)面大部無(wú)改進(jìn)，可以直接截取靜態(tài)圖；b) 對(duì)于無(wú)關(guān)或者傳統(tǒng)功能，可以部分忽略跳轉(zhuǎn)和交互效果；c) 提供關(guān)鍵的條件判斷。d) 不要求完整的說明文檔；3) 具體保真度，還可以參考產(chǎn)品文檔的使用人員的知識(shí)結(jié)構(gòu)、工作經(jīng)驗(yàn)、配合默契度等靈活掌握。7.axure操作小技巧7.1解決中文輸入的問題目前Axure對(duì)中文的一些輸入法（如微軟拼音、搜狗拼音、智能ABC等）支持得不好。在組件里輸入文本時(shí)，經(jīng)常輸了拼音卻出不來相應(yīng)的漢字。很多交互設(shè)計(jì)師認(rèn)為比較便捷的方法就是打開一個(gè)記事本，在記事本中輸入內(nèi)容，然后“Ctrl+C”、“Ctrl+V”到Axure中?，F(xiàn)在有個(gè)更便捷的辦法，只要更換你的輸入法皮膚（不是默認(rèn)皮膚）就基本支持中文輸入，有時(shí)還需要鼠標(biāo)光標(biāo)停留在文字區(qū)內(nèi)才可輸入中文。7.2超快速移動(dòng)工作區(qū)當(dāng)設(shè)計(jì)的頁(yè)面畫面較大不能完全顯示時(shí)，為了選取不同位置的對(duì)象，必須經(jīng)常使用垂直與水平的滾動(dòng)條，這會(huì)使得選取對(duì)象的動(dòng)作變慢。用“空格+鼠標(biāo)拖動(dòng)”就可以用來抓著畫面任意移動(dòng)，而且不會(huì)打亂任何對(duì)象的位置，輕松愉快。7.3快速放大縮小頁(yè)面Axure工具欄上有頁(yè)面顯示比例的選項(xiàng)，點(diǎn)擊這里可在下拉菜單中選擇相應(yīng)的顯示比例。但在畫圖過程中，這些操作都極有可能打斷我們的思考流。所以，不妨用Ctrl+“+”、Ctrl+“-”，或“Ctrl+鼠標(biāo)滾輪”來縮放頁(yè)面，顯示合適的比例。7.4規(guī)范化地平移組件在制作原型過程中，經(jīng)常需要保證移動(dòng)組件的距離是固定值，用鼠標(biāo)移動(dòng)組建時(shí)，很難感覺到移動(dòng)了幾個(gè)單位距離?？梢圆扇∫韵路绞絹砻鞔_平移組建時(shí)的間距：“方向鍵”每次移動(dòng)1個(gè)像素；“Shift+方向鍵”或“ Ctrl+方向鍵”每次移動(dòng)10個(gè)像素。7.5穿透控件選取下層的組件。