資訊架構設計流程三-設計和說明文件

11/22 | 網站企劃留言(0)

利用經過視覺設計化的圖表進行溝通,圖表的設計方向需提供不同的切入點描述全貌,亦需如同提案般依照不同的目標對象提供適切的圖表呈現方式。

視覺化圖表溝通的原則,盡量以簡單扼要的方式說明,並謹記少即是多的理論。圖表可以表達的有所有網站的內容元件由何構成,以及各元件間彼此的互存關係,像是藍圖(blueprint)以及框架圖(wire frame)。

藍圖可以是任何形式,用以說明網站包含的架構、各頁面之間的連動關係、系統的操作流程、甚至是的user story、腳本等各種形式,其主要的目的,就是說明網站如何瀏覽、使用者會看到什麼、下一步該如何走等等相關的用以溝通的文件,該工程師看的就是系統操作流程,給老闆看的就是用戶進入網站後如何達成購買行為。

參考網站 http://www.jjg.net/ia/visvocab/chinese.html

一個網站之中不可能只有一份藍圖,因此需要內容對映和清單(庫存),也就是總表將所有的藍圖做超連結。並且應加藍圖做模組化、系統化,方便日後的新增與維護。

框架圖可以協助資訊架構師決定網頁內容以及排定次序,並可依照擬真度從低到高做區分,而決定框架圖的擬真程度,也是必須視對像而定。

可以使用內容對映和清單將所有的藍圖、框架圖、內容模型、控制詞彙做一統整。

資訊架構風格指南是指為因應不斷更新中的網站能夠繼續維持統一視覺風格所訂定的規範,譬如某些標準、原則、上線流程、介面的pattern等等。

參考網站
http://ui-patterns.com/
http://www.patternry.com/

 

回覆文章