設(shè)計(jì)師無(wú)論“點(diǎn)子”多酷、多富創(chuàng)意，難免面對(duì)實(shí)際“交付物”——交互文檔書(shū)寫(xiě)的問(wèn)題。尤其在一些大公司，文檔書(shū)寫(xiě)的漂不漂亮有時(shí)是“Make-your-work-visible”的關(guān)鍵。

實(shí)際項(xiàng)目中，文檔大體可以分為三類：-用戶需求文檔-商業(yè)戰(zhàn)略文檔-設(shè)計(jì)文檔用戶需求文檔主要解決網(wǎng)站為“誰(shuí)”提供服務(wù)，用戶是誰(shuí)？的問(wèn)題。商業(yè)戰(zhàn)略文檔主要是對(duì)產(chǎn)品概念模型、網(wǎng)站主要內(nèi)容和商業(yè)競(jìng)爭(zhēng)分析。而設(shè)計(jì)文檔的書(shū)寫(xiě)才是這里討論的重點(diǎn)。

首先，要弄清文檔和哪些人聯(lián)系在一起：

– 寫(xiě)文檔的人

– 用文檔的人

– 批準(zhǔn)文檔的人

如果你是“寫(xiě)文檔的人即設(shè)計(jì)師”，那么還要滿足其他兩類人的需求——讓“用文檔的人”（無(wú)論是用研還是開(kāi)發(fā)人員）領(lǐng)會(huì)你的設(shè)計(jì)意圖；讓“批準(zhǔn)文檔的人”（也許是你的老板或股東）清楚理解你這樣設(shè)計(jì)的優(yōu)勢(shì)，計(jì)劃合理的工期和費(fèi)用。

不同公司對(duì)設(shè)計(jì)文檔的稱呼各有不同，阿里這里稱作“DRD”，下文就用DRD簡(jiǎn)稱來(lái)指代設(shè)計(jì)文檔。

設(shè)計(jì)文檔內(nèi)容主要有四類：

1、站點(diǎn)地圖（site maps）

2、流程圖（flow charts）

3、線框圖（wireframes）

4、視覺(jué)樣式（screen designs）

下面逐一進(jìn)行分析：

1、站點(diǎn)地圖（site maps）：就是用視覺(jué)的方式來(lái)表達(dá)出網(wǎng)站的層級(jí)結(jié)構(gòu)。

2、流程圖（flow charts）：表達(dá)用戶或系統(tǒng)對(duì)某項(xiàng)任務(wù)執(zhí)行的流程。
3、線框圖（wireframes）：更像最終產(chǎn)品呈現(xiàn)的毛胚。簡(jiǎn)單來(lái)說(shuō)，就是拋去配色、字體樣式、圖片等的原型設(shè)計(jì)。

4、視覺(jué)樣式（screen designs）：幾乎是網(wǎng)站最終呈現(xiàn)的狀態(tài)。其中包含尺寸和對(duì)css等定義。

最后關(guān)于文檔的使用再啰嗦幾句。文檔聽(tīng)起來(lái)就是個(gè)乏味的詞，寫(xiě)過(guò)文檔的設(shè)計(jì)師可能也有個(gè)感受：文檔寫(xiě)完沒(méi)人看;或者把文檔交給工程師，文檔規(guī)范是一套內(nèi)容，開(kāi)發(fā)出來(lái)的版本是另外一套內(nèi)容;有時(shí)候文檔的溝通效率還不如口頭的效率高…..其實(shí)文檔除了傳達(dá)出你的設(shè)計(jì)理念以外還很多其他好處:

– 團(tuán)隊(duì)溝通的有力工具：無(wú)論是對(duì)新點(diǎn)子的記錄，還是通過(guò)文檔和其他環(huán)節(jié)的人溝通，“有型”的設(shè)計(jì)文檔總比“無(wú)形”的理念讓人容易理解。

– 規(guī)避團(tuán)隊(duì)對(duì)設(shè)計(jì)認(rèn)識(shí)不同：一個(gè)團(tuán)隊(duì)中，不同人對(duì)于同一設(shè)計(jì)可能理解都不同。如果僅用口頭傳授，難免會(huì)出現(xiàn)因各環(huán)節(jié)理解不同造成最后設(shè)計(jì)無(wú)法對(duì)接。通過(guò)設(shè)計(jì)文檔可以明確一些概念，固定的說(shuō)明記錄使得團(tuán)隊(duì)保持對(duì)設(shè)計(jì)認(rèn)識(shí)的一致。

– 可追蹤：文檔記錄項(xiàng)目變動(dòng)，像一部歷史書(shū)方便檢視每次改版的成果。對(duì)于后面迭代設(shè)計(jì)開(kāi)發(fā)和分析變化產(chǎn)生的結(jié)果都很有好處。也可以避免因人員調(diào)動(dòng)或新人加入產(chǎn)生的項(xiàng)目延遲。

源地址：http://www.zhangyq.com/de……ve-documents/