交互設(shè)計師的產(chǎn)出物是什么？

1、交互設(shè)計師的產(chǎn)出物是什么?知乎Moo nMon ster 的回答: 加班中，為換腦子翻翻墳。要不要長文呢？ 算了，還是以一些圖片代替吧，大部分都是在0708年間在之前公司建設(shè)團隊時的產(chǎn)物。UE Team內(nèi)部工作流程（圖1），指導(dǎo)性的流程，實際操作中會有偏差，如任務(wù)緊急有些環(huán)節(jié) 及review就會被跳過，大體是這樣一個流程。UE Team外部工作流程（圖2），簡陋版（復(fù)雜版估計看不懂了），表達出大體的意思，各方之間的職責(zé)及工作范圍。需求方要提供詳細的需求文檔（ request doc ），需求有變更需要被記錄（change request doc ）、接受需求后進入內(nèi)部流程并交付產(chǎn)出物給開發(fā)團隊

2、（一堆 doc，視覺都需要文檔化），開發(fā)團隊依據(jù)設(shè)計文檔交付版本，QA部依據(jù)設(shè)計文檔進行測試 并反饋bug , UE繼續(xù)跟進，然后無限循環(huán)UE Team Workflow會富記錄CA Dept.發(fā)布底本QA Dept.RequestCRRequest-Ur+壷M 曾眾、T壬賽不認町多朗命生蔚後理-?UE Team怖掘文特幵世JfcJZMK or密求耶訓(xùn)Workflow 文檔 Iniwtace f*diiof 丈檔 Specrficallon 文特產(chǎn)品Workflow文檔（圖3只列出流程圖的一小角），這玩意除了我和開發(fā)其它人都不敢看，傷神！當(dāng)初畫得這么復(fù)雜也是有點報復(fù)心理-_-。交互人員請多畫畫

3、workflow能幫你理清邏輯，但別像下圖這樣t宀1/r.MUIft上覽加It Ml, WQW4八0 Worifficw 14 Fitvoom產(chǎn)品spec文檔（圖4），用來殺腦細胞的，為這頭發(fā)白了不少！下圖是老的制作方法，完全手寫， 后期就與原型一并產(chǎn)出了。詳細到界面上每個元素的具體定義及行為描述，Diagram圖的編號需要與上面的Workflow內(nèi)的編號一致，方便開發(fā)人員查找！有些同行說沒用、沒人看，但我的體會是寫 個一年半載，整體設(shè)計 能力將提升一個level，workflow文檔和spec文檔也可以考驗一個人的細膩 程度，現(xiàn)在的基本功也是那時候練下來的。CkHpflfainEiTAaOp

4、er-al*M Mode.百 VOD Hall1 勤詩 I. mmn ihW|e - H mOfipa*札版h 0腳即口 OQwalHil OaTOO MaMMAllWi nu .:卜 W-tr3 1HI.Screen klr inefliiDewription.VOD HaFITOHiTi 1 rfccf OuU3(Bf 1fiarkie-r rhacie.MP-15tarkcrSiljQBaLTrr thfUixliA 恵*1礪-亡:f耳節(jié)功.用;透:；出:F, 1砧卡忒停計”卡從衍中弋帕TOhQWhM*：hlfw用P*l用!. K亦 ：K1占點補鴉尸.HpUi咖督晞世;一耳樣推.t；WO

5、機:憎.遲屮畀自硼福出硏. hwwyepro ;葉跡啓冊沖Nin 1 wig垃金耐致JI商麗i nidar. ra i：it :非戶u；cl就和用h.乍方向鎮(zhèn)盜幵.紉障if（宜直）*莊燈卉垃舉丈字昱出從系範(fàn)IT的卞琴C J twrowwdaftiBwi!t#1IH規(guī)恰HI門片位4戸黑fir杷橫毗嶺卸;-u:i.宇 hg 叱飩.rH廬 Wt它幄用國，謝EC承術(shù)星審+氣（H戶監(jiān)4純圳刈弭它吧九卻H 幻：叭% 炭用H爭.1斤總右劭片1呵片巧鹿苦抒拋銀”選申麗3福詞: :,盤痢石辛曲商*峨停止.L型申N軌百和iwtk壇拓心浦矢.J.梧氏;*域世啟覘必川竝切亂HI!常籽”，夕1 Ik* ta*i t 車

6、 Mlh tn通7/應(yīng)U 城it*i血士了忙思，T同戶選；“出邛丘 林小陌總電處鶉1HIF&.liaAJjff.：.d膽心州戶弋密遲再擁也底底町第欣川岀L麗a i hTffffljlitt集希豪題電招融吏.ft. r- - ifl 7i * FJ區(qū).”，.亍禮史;堆旳曲渕*嘆，同：.：（環(huán)門那民， 険底楡遒旳舟報:碎tn丄業(yè)確歸遲- 瀏$皿：訃:就劃玻猝.ftH宦，卩點冊卜.轉(zhuǎn)切牛，支曲誦廬盃卑.離加W 議瑁議t曲熬上僧”需點切槻抄0 1血國草戊檢于北色W. JtAftfTOCWM） .ff F-/W. ?-ASjVW4ftR*TajiMMt g ,XT樋上總訓(xùn)揖.:虹蠱氈忸弓費R. 斥（出認

7、）皆，富人熬艸聲也培屮的掩并.：Spec文檔細分（圖5），上面這個是大spec文檔，還包含一些其它部分的文檔。像之前我們的產(chǎn)品 進行設(shè)計時是一個通用性的產(chǎn)品，當(dāng)需要針對不同的客戶進行訂制化時，又將產(chǎn)生相應(yīng)的SiteModification 文檔。4(-!通用產(chǎn)品文檔Site定制文檔Product RequirementsError ControlStructure &WorkflcwDOCDesign SpecInterface EditorDOCSite Modification產(chǎn)品原型（圖6），早些年做原型時基本以 PPT進行產(chǎn)出，review時方便進行展示，后來也Axure制作原型除了看

8、重它的交互性之外用Axure （算是國內(nèi)較早一批使用 Axure的用戶吧），由于前期流程比較扎實，review環(huán)節(jié)也比較多，我們制作原型時往往會產(chǎn)出高保真原型。另外，我們使用* *MiafLfl更重要的是它能方便 導(dǎo)出spec文檔。ps.現(xiàn)在已經(jīng)較少用到了。1 A 計 ad 6-A* - ii ： I fa B-C*4 A.I-II 01 K*r 工作資料目錄（圖7科技樹要完整A_A ），做完一堆工作，產(chǎn)出N份文檔，需要有一個邏輯清晰的 目錄管理，方便以后工作。下圖僅列出產(chǎn)品目錄，三個層級：產(chǎn)品名稱文檔分類具體目錄。簡單、明了、命名清楚（相關(guān)人員只要看到文檔名就知道是哪個產(chǎn)品的哪份文檔以及版本

9、情況，下 面介紹）N#tie 亠S TeLjFTY!,.O p j_JTV2 2H5N Ucon._)trvc Event 一IA加 ersc,_)典/ tvbse 2-0Jl.MtlCTSe 2.5. 3.PC QiltQnPVR 1.0 JNP很罰嗣 OSMGTrflnsfitf Utility OTOOLOTV+lOVV3 TY-NOWZ. 3,2 TV-NOWZ.4 JTVgAJtS t_JTV-NOW3.0 LiTV-NOW3. t lJTVNQW WebO*eni 1_JTV+IQW 也4噸 j_JV2PC7001.5VOOl.6 QWOO j_jVOO1.9en #8工血 JVO

10、O 1.0F葉心如 FJeFtAfer FileFt)Wer File Pder File Fok l FUeFokier FiteFokJer Fie FolderFqUerFdderrTOCTFifeFie FtWe1FtfeFtaMerFite FoiderAte FdderFiteFtfder快 FosterFieRASerFile Fitter乓體厲品旦錄4/2J/K10 7;J4PM 21p010 731PM 粧 1/M 10 7 ： 30 PM 6/aVlO4：WPM 10/30/2010 450 PM 9/21/2010 3:09 PM 4V2010 芒 29 PM 4/2UW

11、10 7:J?PM 4/2172010 7:28 PM H/21/M10 7:28 PM 4/2V2O10 7:PM 41/2010 7:27 PM9 2010 1 55 PM 21/2010 7i27 PM 4.71/2010 7.27 PM 4/J 1/2Q LQ 7; ；7 PM 4/2 V20 ia 丁;第 PM 4i2V10 7.M PM 4/21/2010 7： 22 PM 4/21/2010 7 22 PM 4；2 L/2010 7r 16 4/21/2010 MS PM 421/3010 718 PM b/2V2010 52PM 4/2 V 10 7： 15 PM 4/21/M

12、 10 7:17 PM 4；2V20i0 7:15 PM 4；2V2010 M4PM 4；y0lQ 7:14PM 4l2U20ia 7:13 PM 72V2OiO 穴 12 PM 7；23/2010 ll：0B AM 4/21/2010 7:N#tie 亠N#tie 亠# fl c r r 4- f QgaaaQFie FolderFie Foldei呢 FolddS Vl.A. iQ.xta2/ ZQ10 0 26 PM 価m JO 密 26 PM 4/2/2010 fl J K PM4 20X0 G 托 PM 4/2/2010 S：2CPMWWPM4/2/2010 326 PMW2OWB：

13、26PM 4/3/3010 PM 一圖7NMn *I TypeDdte Modify5,579 KB lcrMOftEJiCB 97 ”, 4.535 KB Wcrowft “喇“、 七總巧 KB MCTWft ExCCi 97 -. 477 KS i*crow代 Excel ” 4,t79 KB Mcroft E*cd 9齊“, 札期 KB MOOKft E*cel 97- . 5+nt Microsoft Exctl 97 r, 5,251 KB lfcaosoft E*cd 97- r. 5僉舁 KB F*ooft Excel 97-., 士 3*1 4 4crosoflt f xcd

14、97-.文檔命名規(guī)范（圖8），這個是有大用處的東西！交付物從不同的設(shè)計人員手中產(chǎn)出，以文檔的形式 進行存放，并且需要給不同部門、不同人員進行閱覽，命名統(tǒng)一后管理方便、溝通一致。 一產(chǎn)品文檔版本控制規(guī)定卩1. 產(chǎn)品文檔的版応控剜是指通用產(chǎn)陸文檔和site文檔的版本輪制.$2. 產(chǎn)品文檔的版車&由評測小tReMMKUES的人員確定.由UETeam進行版本控制工 柞.43. 通用產(chǎn)品丈梢命桝理則：ProductNarjie _Dqumentmg_VersignN 1,1 mber4. 通用產(chǎn)品丈檔版本號由3 HP分構(gòu)成i即Function版本號+ Modification版冷號+ Revise 版本

15、號。Function版本號2悅，只右當(dāng)產(chǎn)呂住魴構(gòu)和功能上有氐大寅破改逬后才發(fā)牛變 化* Modification版本號冇1位，由評瀏小組提出磐改忑才發(fā)生變化：Revise版本號2 誼.當(dāng)產(chǎn)品琲行枉何修改JB*包括界面細節(jié)發(fā)牛變化，修改號都墓隨之改變.働如匕ETV _GUI Design SpecificationvaJ-l.Ols.引詫定制文檔命名施則；型養(yǎng)貝色m星尸更魁亙色色世I- 越乂更!空遜坦rmY更更型買塑辿亙I#16. Site定制文檔版本號由3部分構(gòu)底E卩Function版本號+ Modlflcatktn版本號+ Revise 本號.例俎：WuXi_ETV_SiteModrfica

16、tion_V2.2.1.01+J7. 各產(chǎn)品文檔的版本吁獨立.P8. 文檔提交發(fā)布時.評測小組姿進疔版本號檢故P 一產(chǎn)品圖形設(shè)計文檔版本控制規(guī)定I 41. 圖形設(shè)計 丈檔命名規(guī)旳:p rod u律州亙衛(wèi)纟_匹巴!11豐MM亙叩色_styiuN yn)bg_L衛(wèi)蘭國空處_舸腔璽p2. 區(qū)形設(shè)計丈檔版本號由卻部分構(gòu)成iFunction版本號+ Modification版本號+ Revise版本號-Function版木號2 ft,只柑肖產(chǎn)品在結(jié)構(gòu)和功能上有慮大賓破改進后才發(fā)生變 牝；Modification版本號冇1位，由評測外粗捉出修改后才發(fā)牛變化：Revise版本時2 恂，呀產(chǎn)品進行任訶修改后.包括界面細節(jié)發(fā)牛變化*蜂改E都姜麺Z改變.例如： TV-NOW _ControlBarStyleVV2.3,0.03 (tv-now2+3 應(yīng)用下 control b萌樣式 1 的笫 3