在工作中我們時(shí)常需要從小白到高手的快速了解并掌握很多技能和知識竖般。但讓人郁悶的是甚垦,有些知識可能需要你讀完一本500頁的書籍或看完全部的視頻學(xué)習(xí)教程,但時(shí)間往往不允許我們這么做。
那么現(xiàn)在福利來了--如果你需要快速制作一份專業(yè)的功能或服務(wù)的sitemap艰亮,這幾步將帶你快速了解并掌握如何制作它闭翩。
本文的結(jié)構(gòu):
1. sitemap的制作原則
2. sitemap詳細(xì)案例講解
1. Sitemap信息架構(gòu)的制作原則:
(1)提供信息架構(gòu)的各種“觀點(diǎn)”。數(shù)字信息系統(tǒng)過于復(fù)雜迄埃,難以一次顯示完畢疗韵。一張圖要讓所有人看懂,是注定要失敗的侄非,因?yàn)闆]有一個(gè)單一觀點(diǎn)可以全局看清整幅圖像蕉汪。相反,使用不同技術(shù)顯示架構(gòu)的各個(gè)層面(想想“盲人摸象”的故事)逞怨,把多張圖結(jié)合起來者疤,就可能接近全景了。
(2)制作前要了解你講解的對象的要求叠赦。從客戶的角度看驹马,漂亮的圖形相當(dāng)吸引人。但在生產(chǎn)環(huán)境中除秀,由于需求可能不斷變化糯累,并不需要你的信息架構(gòu)圖看起來盡善盡美。
Note: 雖然鏟除信息架構(gòu)的標(biāo)準(zhǔn)還沒有出現(xiàn)册踩,但圖表制作本身已成熟泳姐。參考Dan Brown的書《Communicating Design: Developing Web Site Documentation for Design and Planning》,里面談?wù)摿司唧w產(chǎn)出結(jié)果
sitemap信息架構(gòu)圖的焦點(diǎn)應(yīng)放在網(wǎng)站結(jié)構(gòu)上棍好,而不是語義內(nèi)容仗岸。在制作前,你首先需要了解圖表制作的專用“語言”(這會讓你看起來專業(yè)并高效)借笙。
2. sitemap詳細(xì)案例講解
如圖扒怖,以下是一份專業(yè)的網(wǎng)站信息架構(gòu)圖
Step 1,列出sitemap圖例
為什么要這么做业稼?即使圖表制作已日趨規(guī)范盗痒,但實(shí)際上案例案例之間卻有很多差別。你需要一個(gè)簡單的示例表示例來囊括你正在制作的圖表所涉及的內(nèi)容低散。
圖例包括但不限于:
(1)網(wǎng)站入口(2)行為與流程方向(3)網(wǎng)頁組件(網(wǎng)頁內(nèi)的內(nèi)容或應(yīng)用程序)(4)頁面(5)創(chuàng)建的新網(wǎng)頁(6)相關(guān)內(nèi)容的組群(7)相似網(wǎng)頁的組群
Step 2: 分析
Note: 在《Web信息架構(gòu)》一書中俯邓,sitemap用的是High-Level Architecture Blueprints高級架構(gòu)藍(lán)圖一詞。
內(nèi)容來源并閱讀全書:https://book.douban.com/subject/3169342/