建站常識
初步了解信息架構(gòu)
2007-07-30 18:06:00
結(jié)合 一葉千鳥對信息架構(gòu)的講解 ,談?wù)勛约旱目捶ā?/P>
我是學(xué)信息專業(yè)畢業(yè)的,考過信息架構(gòu)師,但是好像和工作中的了解還是有點(diǎn)區(qū)別,就此拿出項(xiàng)目實(shí)例和大家分享討論一下;
一、概念
web上面很多,廣而告知的有幾個:
- 信息架構(gòu) (information architecture) [名詞]
什么是「信息」?
信息,數(shù)據(jù)與知識。
數(shù)據(jù)是事實(shí)和數(shù)據(jù)......知識世人腦中的東西......信息正好處在數(shù)據(jù)和知識之間的混亂地帶。
因此,信息架構(gòu)的工作在本質(zhì)上就是將一些數(shù)據(jù)轉(zhuǎn)化為讓人看了或是接觸了就可以轉(zhuǎn)化為知識的東西,或者是將某種知識化為數(shù)據(jù),讓知識可以傳遞,再利用,或是兩者都兼具的設(shè)計(jì)過程。
而架構(gòu)呢?簡單的說,它包含三件工作:- 架構(gòu)設(shè)計(jì) (Structruing) --首先他必須決定網(wǎng)站中信息的單元 (atom) 的大小 (或是稱為粗細(xì)程度, granularity),并決定這些單元之間的關(guān)系。
- 決定組織方式 (Organization) -- 將這些組件組合成有意義的,具有特色的類別。有時又稱為邏輯分類。
- 歸類(Labeling) -- 給這些你所產(chǎn)生出來的每一個類別一個合適的名稱。
- 信息架構(gòu)
即信息組織的方式結(jié)構(gòu),在網(wǎng)站里,信息架構(gòu)是一個站點(diǎn)對內(nèi)容進(jìn)行分類,并且建立交互來導(dǎo)航這些內(nèi)容的設(shè)計(jì)。
一個有效的信息架構(gòu)可以讓人們按照邏輯直觀的,毫無阻礙的一步步地接近他們需要的信息。而設(shè)計(jì)網(wǎng)站信息的分類,頁面的位置,并且協(xié)助設(shè)計(jì)師和程序員完成系統(tǒng),建立這個有效的信息架構(gòu)的人,就是信息架構(gòu)師。
大多數(shù)人只有在找不到他們所需的信息,或者在尋找信息時出現(xiàn)困惑了,才會注意到信息架構(gòu)的存在。(這意味著你在使用一個設(shè)計(jì)良好的系統(tǒng)時,感覺不到阻礙,也就不會注意到信息架構(gòu)的存在)
二、信息架構(gòu)設(shè)計(jì)的思考方式
- 自上而下,在定義網(wǎng)站的整體結(jié)構(gòu)前,先廣泛了解商業(yè)意圖和用戶需求,最后來才考慮具體內(nèi)容之間的關(guān)聯(lián)。
- 自下而上,先理解內(nèi)容的聯(lián)系,通過遍歷,劇情設(shè)計(jì)等手段,讓該系統(tǒng)能夠滿足特殊用戶的需求,然后才考慮更高層次的結(jié)構(gòu)需要支持這些需求。
在一個完整的項(xiàng)目實(shí)施過程中中,這兩種方式都很重要,忽略前者,網(wǎng)站內(nèi)容組織可以很好,但是并不一定符合用戶需求,忽略后者,用戶可以容易找到他們需要的東西,但是很難有機(jī)會接觸到相關(guān)的內(nèi)容。
#p#三、分階段的方式建立有效的信息架構(gòu)
- 理解客戶需求,背景和用戶需求,閱讀所有的現(xiàn)有文件,與利益群體作溝通,并且做出內(nèi)容清單。
- 引導(dǎo)測試用戶參與卡片分類活動。
- 通過卡型分類活動評估之前設(shè)計(jì)的分類,從中尋找分類的趨勢。
合理劃分類別的重點(diǎn)和相關(guān)的次序,通過分析找到工作流程的梳理過程。 - 做一個信息架構(gòu)的草案出來。
- 使用卡片評估的方式來測試設(shè)計(jì)出來的架構(gòu)。
我們的卡片是每個流程的重點(diǎn),信息架構(gòu)草圖是流程的框架,兩者結(jié)合驗(yàn)證工作的重點(diǎn)是否有偏離;有計(jì)劃還可以請相關(guān)人員進(jìn)行可用性測試,對用戶角色調(diào)研起到很重要的補(bǔ)充; - 不要對第一次設(shè)計(jì)就成功帶有過多的期望,尋找合適的措辭和分級可能會需要好幾次重復(fù)的設(shè)計(jì)與評估。
可以分三次考慮,首先,初稿,了解信息架構(gòu)的粗框架,類似與uml圖示;
再次,從下到上的梳理用戶的需求和流程的銜接;
最后,從上到下,整理導(dǎo)航和系統(tǒng)使用框架,確定信息架構(gòu); - 把信息架構(gòu)記錄成網(wǎng)站的地圖,當(dāng)然這不是最終的網(wǎng)站地圖,只有頁面設(shè)計(jì)都完成以后,網(wǎng)站地圖才會定稿。
- 使用劇情設(shè)計(jì)測試你的網(wǎng)站設(shè)計(jì)。(情景模擬)
- 讓開發(fā)團(tuán)隊(duì)的其他成員也參與劇情設(shè)計(jì)和遍歷,并且與他們分享測試的結(jié)果。
- 如果有可以,在進(jìn)行正式開發(fā)之前,多做一些紙面原形或者低擬真原形的測試。通過visio制作demo
- 建立一些文檔,把關(guān)鍵的用戶操作點(diǎn)都標(biāo)注起來,這樣可以給視覺設(shè)計(jì)和程序開發(fā)人員一些提示,保持開發(fā)能夠充分利用前期設(shè)計(jì)的結(jié)果。
四、設(shè)計(jì)過程中的產(chǎn)品
有很多方法來記錄信息架構(gòu)設(shè)計(jì)的結(jié)果和收獲,這里有幾種常用的:
- 網(wǎng)站地圖,它可以很好的表述一個網(wǎng)站的組織結(jié)構(gòu),但不一定要反映導(dǎo)航的結(jié)構(gòu)。
- 帶有注釋的頁面設(shè)計(jì),頁面設(shè)計(jì)決定了頁面上的導(dǎo)航,內(nèi)容,功能等元素,視覺設(shè)計(jì)和程序開發(fā)者可以根據(jù)這些注釋更好的理解設(shè)計(jì)意圖建立整個站點(diǎn)。
- 內(nèi)容矩陣,站點(diǎn)所有的頁面都放在一個內(nèi)容矩陣?yán)铮⑶覟槊恳粋€頁面都定義了應(yīng)該顯示的內(nèi)容。
- 頁面模板,頁面模板在設(shè)計(jì)大型的站點(diǎn)或者企業(yè)內(nèi)部站點(diǎn)的時候才會需要,它定義了某一類頁面的內(nèi)容的類型,全局的導(dǎo)航,欄目內(nèi)的導(dǎo)航燈等。這個東西使用最多的就是CMS,內(nèi)容管理系統(tǒng)。
五、設(shè)計(jì)過程中的副產(chǎn)品
- 角色
角色設(shè)計(jì)為系統(tǒng)的設(shè)計(jì)提供了典型的用戶目標(biāo),它能夠把用戶研究的開銷縮減的最小。 - 原形
這是最終作品的模型,原形可以很簡單,簡單到用幾張圖片來表示未來復(fù)雜的網(wǎng)站(低擬真度原形),也可以比較復(fù)雜,擁有最終產(chǎn)品的一樣的交互能力(高擬真度原型),紙面原形的測試效果其實(shí)已經(jīng)很不錯了。通常原型設(shè)計(jì)會讓整個信息架構(gòu)活起來,所以,請盡量在設(shè)計(jì)定稿前多做原型的測試! - 劇情
劇情設(shè)計(jì)時另一種可以讓信息架構(gòu)設(shè)計(jì)活起來的技術(shù),它模擬了一個用戶執(zhí)行具體任務(wù)時如何體驗(yàn)整個信息架構(gòu)的過程,也能夠讓團(tuán)隊(duì)的其他成員很好理解設(shè)計(jì)的意圖。
補(bǔ)充下:
想了解信息架構(gòu)是一個過程
- 了解為什么要做信息架構(gòu)
- 弄清楚為誰做信息架構(gòu)(包括使用者與提供信息者)
- 透徹地了解你要處理的數(shù)據(jù)以及所需要的數(shù)據(jù)以及各樣的內(nèi)容
- 設(shè)計(jì)結(jié)構(gòu)
- 決定組織方式
- 歸類與設(shè)計(jì)瀏覽機(jī)制
《信息架構(gòu)》一書中,將一個信息架構(gòu)中的各種組成部分歸為了四大類:
--組織系統(tǒng)(Organazation System)
如何對信息分類?按主題?時間?…
--標(biāo)注系統(tǒng)(Labeling System)
如何表達(dá)信息?術(shù)語?口語?…
--導(dǎo)航系統(tǒng)(Navigation System)
如何瀏覽信息?樹狀導(dǎo)航?…
--檢索系統(tǒng)(Searching System)
如何搜索信息?關(guān)鍵字搜索?龐大的索引?…
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計(jì)的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢?
延伸閱讀
- [2007-12-17 13:41:00] 信息架構(gòu)的流程引入
- [2010-05-05 21:51:00] 關(guān)于音樂試聽網(wǎng)站信息架構(gòu)的一些事
- [2008-01-15 13:47:00] 導(dǎo)航設(shè)計(jì)與信息架構(gòu)
- [2009-11-13 14:19:00] 《Web信息架構(gòu)》-標(biāo)簽系統(tǒng)
- [2010-06-01 08:36:00] 信息架構(gòu)中的常見模型-2
- [2009-11-13 14:22:00] 《web信息架構(gòu)》-信息架構(gòu)分四類及分類的方式
- [2009-11-16 08:24:00] 《Web信息架構(gòu)》-導(dǎo)航系統(tǒng)
- [2010-06-17 08:20:00] 優(yōu)化網(wǎng)站信息架構(gòu)
- [2010-05-12 08:20:00] 信息架構(gòu)中的常見模型
- [2010-09-25 14:48:00] 信息架構(gòu)之Web導(dǎo)航設(shè)計(jì)分類
- [2009-11-13 14:22:00] 《web信息架構(gòu)》-組織系統(tǒng)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
營銷策略 企業(yè)網(wǎng)站為什么要備案 平面設(shè)計(jì) 外貿(mào)網(wǎng)站設(shè)計(jì) 搜索引擎蜘蛛 青島輪胎網(wǎng)站設(shè)計(jì) 網(wǎng)站建設(shè)的步驟有哪些 網(wǎng)站開發(fā) html和css 青島開發(fā)區(qū)建站公司 響應(yīng)式設(shè)計(jì) 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 青島網(wǎng)站建設(shè)公司哪家好 營銷型網(wǎng)站建設(shè) 力圖數(shù)字科技 互聯(lián)網(wǎng) 微官網(wǎng) 良好的導(dǎo)航 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 青島好的網(wǎng)站優(yōu)化公司 審美 微信小程序 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 手機(jī)端的網(wǎng)站 企業(yè)建站 網(wǎng)站動畫 微信營銷的優(yōu)勢 網(wǎng)站設(shè)計(jì) 青島網(wǎng)絡(luò)公司 扁平化設(shè)計(jì)