傳達(dá)出設(shè)計(jì)的“靈魂”——關(guān)于交互文檔的分析

0 評(píng)論 3901 瀏覽 14 收藏 3 分鐘

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

實(shí)際項(xiàng)目中,文檔大體可以分為三類:

-用戶需求文檔

-商業(yè)戰(zhàn)略文檔

-設(shè)計(jì)文檔

用戶需求文檔主要解決網(wǎng)站為“誰”提供服務(wù),用戶是誰?的問題。商業(yè)戰(zhàn)略文檔主要是對(duì)產(chǎn)品概念模型、網(wǎng)站主要內(nèi)容和商業(yè)競(jìng)爭(zhēng)分析。而設(shè)計(jì)文檔的書寫才是這里討論的重點(diǎn)。

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

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

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

2、流程圖(flow charts)

3、線框圖(wireframes)

4、視覺樣式(screen designs)

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

1、站點(diǎn)地圖(site maps):就是用視覺的方式來表達(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)單來說,就是拋去配色、字體樣式、圖片等的原型設(shè)計(jì)。


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

來源:http://www.zhangyq.com

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!