人機(jī)交互設(shè)計 課件 第6章 信息架構(gòu)

人機(jī)交互設(shè)計第六講信息架構(gòu)延遲符信息架構(gòu)概述信息架構(gòu)組成系統(tǒng)信息架構(gòu)方法及流程目錄CONTENTS12301信息架構(gòu)延時文字01：信息架構(gòu)概念02：信息架構(gòu)的結(jié)構(gòu)03：案例分析01信息架構(gòu)信息：英文叫作Information，是指音訊、消息、通訊系統(tǒng)傳輸和處理的對象，泛指人類社會傳播的一切內(nèi)容?！靶畔⒅浮毕戕r(nóng)（Shannon）是這么說的：信息是用來消除隨機(jī)不確定性的東西。信息架構(gòu)（InformationArchitecture）信息架構(gòu)（InformationArchitecture）指對某一特定內(nèi)容里的信息進(jìn)行統(tǒng)籌、規(guī)劃、設(shè)計、安排等一系列有機(jī)處理的想法。它就像某個具體建筑的骨架。而另一個概念——信息結(jié)構(gòu)，就好比建筑的風(fēng)格，是信息架構(gòu)的模型。01信息架構(gòu)（1）節(jié)點：節(jié)點是信息架構(gòu)中最基本的單位，節(jié)點可以對應(yīng)任意的信息片段或組合，它就像信息存儲的容器，在這個容器里存儲的內(nèi)容可大可小。01信息架構(gòu)的結(jié)構(gòu)自上而下可以理解為是在做分解自下而上可以理解為在做歸類（2）結(jié)構(gòu)的分類：用來定義內(nèi)容條目和群組之間的關(guān)系類型。①層級結(jié)構(gòu)。01信息架構(gòu)結(jié)構(gòu)②矩陣結(jié)構(gòu)。將信息從多個維度進(jìn)行分類，便得到了矩陣結(jié)構(gòu)。網(wǎng)狀結(jié)構(gòu)01信息架構(gòu)的結(jié)構(gòu)③網(wǎng)狀結(jié)構(gòu)是指沒有明確從屬關(guān)系和分類關(guān)系，節(jié)點與節(jié)點間呈不規(guī)則的連接方式的信息結(jié)構(gòu)。我們所熟知的“互聯(lián)網(wǎng)”、“社交網(wǎng)”就是屬于網(wǎng)狀結(jié)構(gòu)。④線性結(jié)構(gòu)：節(jié)點與節(jié)點首尾相連，便構(gòu)成了線性結(jié)構(gòu)。01信息架構(gòu)結(jié)構(gòu)02信息架構(gòu)組成系統(tǒng)杰西·詹姆斯·加勒特（JesseJamesGarrett）在《用戶體驗要素》這本書中將用戶體驗的流程分為五個層次：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。信息架構(gòu)包括組織系統(tǒng)、導(dǎo)航系統(tǒng)、搜索系統(tǒng)和標(biāo)簽系統(tǒng)這四個方面。02信息架構(gòu)組成系統(tǒng)1.組織系統(tǒng)（OrganizationSystems）組織方式：以用戶為中心來組織元數(shù)據(jù)，將以實體為中心的信息結(jié)構(gòu)改為以用戶為中心的信息結(jié)構(gòu)；分為組織體系和組織結(jié)構(gòu)。（1）組織方案（Organization

Scheme）①

精確性組織方案②

模糊性組織方案電子購物類APP、圖片社交類APP以及微信的架構(gòu)重慶郵電大學(xué)學(xué)生APP作品《地理里》（2015級張璐婷）02信息架構(gòu)組成系統(tǒng)2．標(biāo)簽系統(tǒng)（LabelingSystems）大家常見的標(biāo)簽包括文字標(biāo)簽和圖標(biāo)標(biāo)簽，其中以文字標(biāo)簽最為普遍，文字標(biāo)簽又經(jīng)常表現(xiàn)為以下幾種形式：情境式鏈接、標(biāo)題、導(dǎo)航系統(tǒng)選項、索引術(shù)語和圖標(biāo)。需要注意以下幾點設(shè)計標(biāo)簽系統(tǒng)的原則：（1）盡量聚焦網(wǎng)站目標(biāo)：明確誰是目標(biāo)用戶，網(wǎng)站提供什么，怎么用，何時用等問題。簡化標(biāo)簽設(shè)計，更體現(xiàn)更好的效率。非用戶語言通常會出現(xiàn)在一些專業(yè)性很強(qiáng)的產(chǎn)品上。（2）設(shè)計統(tǒng)一的標(biāo)簽系統(tǒng)：在思考如何設(shè)計時，要明確設(shè)計統(tǒng)一的標(biāo)簽系統(tǒng)，而不是分開設(shè)計散落在每個頁面上的標(biāo)簽。02信息架構(gòu)組成系統(tǒng)3．導(dǎo)航系統(tǒng)（NavigationSystems）互聯(lián)網(wǎng)產(chǎn)品中的導(dǎo)航系統(tǒng)，防止你在產(chǎn)品中迷路，告訴你現(xiàn)在所處的位置，能去哪，如何去。一般網(wǎng)站的導(dǎo)航系統(tǒng)分為：全站導(dǎo)航、區(qū)域?qū)Ш?、情景式?dǎo)航。（1）全局導(dǎo)航指網(wǎng)站或App的每個頁面均顯示的全局性的導(dǎo)航。（2）區(qū)域?qū)Ш阶鳛槿謱?dǎo)航的輔助工具，通常用在子欄目中，以滿足各區(qū)域的連接。02信息架構(gòu)組成系統(tǒng)3．導(dǎo)航系統(tǒng)（NavigationSystems）一般網(wǎng)站的導(dǎo)航系統(tǒng)分為：全站導(dǎo)航、區(qū)域?qū)Ш健⑶榫笆綄?dǎo)航。（3）情景式導(dǎo)航：除了全局導(dǎo)航和局部導(dǎo)航，其他內(nèi)嵌在產(chǎn)品內(nèi)容中的鏈接或者可點擊的元素，都被稱為情景式導(dǎo)航，情景式導(dǎo)航能讓用戶實現(xiàn)產(chǎn)品內(nèi)容直接的跳轉(zhuǎn)，從而完成用戶目標(biāo)。02信息架構(gòu)組成系統(tǒng)4．搜索系統(tǒng)（SearchSystems）互聯(lián)網(wǎng)發(fā)展速度日新月異，新建立的網(wǎng)站越來越多，單單的目錄分類已經(jīng)不能滿足用戶查找信息的需求，搜索便應(yīng)運而生。用戶只需要搜索關(guān)鍵詞，就能在搜索結(jié)果里面找到自己想要的內(nèi)容。主要經(jīng)歷研究

、策略

、設(shè)計、實施和管理等幾個步驟。03信息架構(gòu)方法和流程03信息架構(gòu)方法和流程1．研究研究就是基于情景、內(nèi)容、用戶的方式和原因的分析，我們常用的方法用戶訪談，啟發(fā)式評估，用戶測試，競品分析和卡片分類法。（1）背景研究（2）研究會議（3）與利益相關(guān)者進(jìn)行訪談（4）技術(shù)評估（5）啟發(fā)式評估（6）內(nèi)容分析（7）內(nèi)容映射（8）標(biāo)桿法（9）搜索日志和點擊流數(shù)據(jù)分析（10）測試用例和人物角色（11）情景式調(diào)查（12）用戶訪談和用戶測試03信息架構(gòu)方法和流程

2．策略信息架構(gòu)的策略是一種更高層次的框架。信息架構(gòu)的策略包括：信息架構(gòu)管理、技術(shù)整合、文件類型的識別、元數(shù)據(jù)字段的定義、導(dǎo)航系統(tǒng)的設(shè)計等。在研究過程中，通過用戶面談、內(nèi)容分析、標(biāo)桿分析、數(shù)據(jù)分析來調(diào)整策略。03Instagram信息架構(gòu)藍(lán)圖模式信息架構(gòu)方法和流程

3．設(shè)計03信息架構(gòu)方法和流程

4．實現(xiàn)：信息架構(gòu)的構(gòu)建需要相關(guān)的實現(xiàn)工具03在建立信息架構(gòu)之前確定產(chǎn)品目標(biāo)（戰(zhàn)略層）；通過用戶研究預(yù)測用戶對產(chǎn)品可能產(chǎn)生的反應(yīng)（范圍層）；合理運用認(rèn)知心理學(xué)原理驗證用戶對產(chǎn)品可能產(chǎn)生的反應(yīng)（結(jié)構(gòu)層）；根據(jù)產(chǎn)品信息結(jié)構(gòu)規(guī)劃導(dǎo)航（框架層）；注意視覺層次在內(nèi)容的視覺表現(xiàn)中所發(fā)揮的重要作用（表現(xiàn)層）。信息架構(gòu)方法和流程

5．管理03需要注意，這些層級不是完全割裂的，如果我們要求每個層級的工作在下一個層級的工作之前完成，那么必然引發(fā)不良的效果。相反地，我們應(yīng)確保任何一個層級中的工作都不能在其下一個層級的工作完成之前而提前結(jié)束。界面下不可見的信息架構(gòu)內(nèi)容信息架構(gòu)方法和流程04構(gòu)建信息架構(gòu)的原則在構(gòu)建信息架構(gòu)的過程中，需要注意以下原則。（1）盡量窄化范圍，開發(fā)一致的標(biāo)簽系統(tǒng)而非零散的標(biāo)簽。（2）語義清晰，使用用戶能夠理解的語言。（3）主干路徑清晰。（4）依據(jù)用戶場景、功能（內(nèi)容）、用戶的心智模型對產(chǎn)品目標(biāo)進(jìn)行分解。（5）不同功能模塊之間的區(qū)分度足夠高，使用戶能夠明確在什么場景中使用哪些功能模塊。（6）內(nèi)容應(yīng)保持前后一致、緊密性強(qiáng)，并確保前后功能在一條流程線上。（7）對同一個頁面中的條目而言，應(yīng)設(shè)置條目數(shù)量的上限。概念模型：概念模型是對客觀實體系統(tǒng)的特征要素、相關(guān)信息和變化規(guī)律的一種抽象表述，它反映了系統(tǒng)的某些本質(zhì)屬性。概念模型描述了實體系統(tǒng)各要素之間的相互關(guān)系，以及系統(tǒng)與環(huán)境之間的相互作用。（1）概念模型的3個特征。①概念模型是對實體系統(tǒng)的抽象或模仿。②概念模型是由與分析問題相關(guān)的因素組成的。③概念模型用來表明這些因素之間的關(guān)系。05概念模型（2）創(chuàng)建概念模型的意義。①對實體系統(tǒng)很難做實驗，或者根本不能做實驗。②在現(xiàn)實中雖然可以做實驗，但是利用概念模型更便于理解。③概念模型易于操作，利用概念模型的參數(shù)變化來了解現(xiàn)實問題的本質(zhì)和規(guī)律更為經(jīng)濟(jì)方便。05概念模型（3）概念模型的分類。抽象模型和形象模型。動態(tài)模型和靜態(tài)模型、連續(xù)模型和離散模型、確定性模型和隨機(jī)性模型等；宏觀模型、中觀模型、微觀模型；工程模型、科研模型、管理模型等。按照概念模型的形式進(jìn)行劃分：①抽象模型：抽象模型沒有具體的物理結(jié)構(gòu)，只用數(shù)字、字符或運算符號來表示，主要內(nèi)容包含公式、圖形和表格等。②形象模型：形象模型分為模擬模型和實物模型。05概念模型2．對概念模型的認(rèn)知（1）概念模型所對應(yīng)的階段。①識別用戶需求。②開發(fā)可供選擇的多種設(shè)計方案。③構(gòu)建設(shè)計方案的可交互版本。④評估設(shè)計。05概念模型2．對概念模型的認(rèn)知（2）創(chuàng)建概念模型時需要注意的事項。①了解用戶在執(zhí)行日常任務(wù)時會做什么。②選擇交互方式，是主動式的提問方式，還是被動式的填表檢索方式。05概念模型3．概念模型建模的一般方法傳統(tǒng)的概念模型的建模方法分為三個步驟，即分析→描述→驗證，其中描述又分為結(jié)構(gòu)化描述和對象化描述，各步驟的解析如下。（1）概念模型分析。（2）概念模型描述。①結(jié)構(gòu)化描述。②對象化描述。（3）概念模型驗證。05概念模型實例讀者請求服務(wù)用例①人物角色的創(chuàng)建。32.實例..圖書管理員處理借書、還書的用例33..實例.系統(tǒng)管理員進(jìn)行系統(tǒng)維護(hù)的用3435②讀者借書的時序圖③協(xié)作圖協(xié)作圖著重顯示了某個用戶行為中各個系統(tǒng)元素之間的關(guān)系，而不再重點強(qiáng)調(diào)各個步驟的時間順序。36④工序約束分析——用戶任務(wù)一覽表當(dāng)所有任務(wù)分析完畢，就可以用一覽表的形式描述系統(tǒng)中的所有用戶及其可能需要完成的所有任務(wù)。37任務(wù)讀者圖書館管理員系統(tǒng)管理員書籍信息查詢、讀者信息查詢√√借書√√還書√√書籍預(yù)定√√增加、刪除或更新書目√增加、刪除書籍√增加、刪除或更新讀者帳戶信息√⑤任務(wù)金字塔任務(wù)金字塔描述了不同層次的任務(wù)之間的關(guān)系。任何一個任務(wù)都可能包括若干子任