交互設(shè)計-信息構(gòu)架的若干原則

1、 / 6交互設(shè)計：信息構(gòu)架的若干原則（第一部分）為了能順利理解并恰當(dāng)運(yùn)用這些原則，我們首先要理解什么是信息構(gòu)架，信息架構(gòu)的目標(biāo)、核心理念、組件和構(gòu)架的一般過程是什么。了解信息構(gòu)架什么是信息構(gòu)架？Information Architecture （簡稱 IA）是美國建筑師沃爾曼（RichaldSaMl wMMan）先生在1975年創(chuàng)造出的一個新詞語。IA 的基本定義：IA 是組織信息和設(shè)計信息環(huán)境、信息空間和信息體系結(jié)構(gòu)，以滿足需求者的信息需求，實(shí)現(xiàn)該目標(biāo)的一門藝術(shù)和科學(xué)，他包括調(diào)查、分析、設(shè)計和實(shí)施過程，涉及組織、標(biāo)識、導(dǎo)航和搜索系統(tǒng)的設(shè)計。為什么需要信息構(gòu)架：由于互聯(lián)網(wǎng)上的信息種類繁多、內(nèi)容

2、特征多種多樣的多媒體信息，信息存儲分散無序，加之超鏈接技術(shù)的廣泛使用，互聯(lián)網(wǎng)具有非常復(fù)雜的信息空間，用戶在其中很容易迷惑和迷失方向。因此，互聯(lián)網(wǎng)網(wǎng)尤其需要信息構(gòu)架成為信息序化和優(yōu)化的思想和工具，以幫助人們在異質(zhì)的信息空間中管理和獲取信 息。信息構(gòu)架的目標(biāo)：1 ）獲得和理解信息內(nèi)容。將信息組織好。2）優(yōu)化信息結(jié)構(gòu)。3）面向用戶傳達(dá)信息內(nèi)容。4）提供一個清晰的易于信息獲得的界面。核心理念：信息架構(gòu)的核心理念是以用戶為中心。信息構(gòu)建是信息用戶、信息內(nèi)容與信息組織三者的交集，信息生態(tài)在其中起著很重要的作用，而用戶、內(nèi)容和組 織構(gòu)成了信息構(gòu)建的三個生態(tài)環(huán)。The Three Circles of Inf

3、ormation Architecture by Peter Morville信息構(gòu)架組件：信息架構(gòu)的核心組件包含：組織系統(tǒng)、標(biāo)簽系統(tǒng)、導(dǎo)航系統(tǒng)、搜索系統(tǒng)四個方面。信息架構(gòu)的一般過程：概念設(shè)計一組織信息內(nèi)容-生成信息結(jié)構(gòu)-設(shè)計信息界面-提供信息導(dǎo)航- 信息展示和信息發(fā)布。在對信息架構(gòu)有了初步認(rèn)識的基礎(chǔ)上，我們來進(jìn)一步理解李釗在互聯(lián)網(wǎng)產(chǎn)品的交互設(shè)計方法（UPA2008講稿）中提到的指導(dǎo)信息構(gòu)架的若干原則：對海量信息提供多種檢索方式常見的信息組織及檢索方式有：）數(shù)據(jù)庫檢索方式（即搜索）。以數(shù)據(jù)庫方式組織信息資源，并通過對數(shù)據(jù)庫的操作實(shí)現(xiàn)使用和更新。這種組織方式，使用戶對信息的查詢效率提高，對信息的

4、管理和更新方便，有效，但在使用時需要用戶有較明確的搜索關(guān)鍵詞，對用戶的使用要求較高，檢索的精確度受關(guān)鍵詞影響。比如提供一站式搜索功能。Google爆炸式的業(yè)務(wù)增長便充分說明了搜索的 重要性。Google通過實(shí)踐證明，人們在處理大量信息時，會非常注重搜索工具 的效率。2）等級菜單（目錄）引導(dǎo)方式。采用菜單式界面向用戶提供瀏覽檢索服務(wù)，服務(wù)器中的所有信息都以目錄或文件的形式表達(dá)。即通過多級菜單分類細(xì)化，最終找到所需信息。這種組織方式使用戶對信息的檢索和使用非常的簡單，方便，但其檢索效率較低，而且對信息的分類和組織的依賴性較強(qiáng)。比如Amazon提供的購物分類，建立了一套系統(tǒng)的、多維度的分類目錄，是

5、優(yōu)化用戶獲取信息的重要途徑之一。3）信息排序如果不提供某種形式的導(dǎo)航或排名就將這一結(jié)果集呈現(xiàn)給用戶，找到有用信息的概率可謂微乎其微。4）超文本鏈接方式。這種方式使用戶在查到一篇文章后，可根據(jù)鏈接關(guān)系查到許多相關(guān)文章或內(nèi)容，而且可以非線性跳轉(zhuǎn)，但其檢索效率較低，用戶容易在查找信息的過程中迷航。比如 Amazon 中利用商品的相關(guān)性，使用超文本鏈接的形式讓顧客能夠迅速找到他們可能想買的目標(biāo)商品：5 ）社會化標(biāo)簽（Tags）。用戶使用自由定義關(guān)鍵字的方式進(jìn)行協(xié)作分類的活動。簡單理解這個概念就是Tags標(biāo)簽）。2.貼合用戶的心智模型從電影觀眾的角度來說，在觀看一部引人入勝的電影時，很容易忘記影片齒孔間

6、的細(xì)微差別和瞬間的光線打斷。很多看電影的人，實(shí)際上根本不知道放映機(jī)如何工作，或是它工作的方式與電視有什么不同。在觀眾的想像里，放映機(jī)只不過是發(fā)射出在大屏幕上移動的圖片而已。這就稱為用戶的心智模型子商錄自交互設(shè)計精髓心智模型是符合用戶以往社會生活經(jīng)驗(yàn)的，（比如： 805會議室是在 8樓的一間會議室，不應(yīng)該出現(xiàn)在其他樓層。）符合人本能認(rèn)知的且嘗試的更容易，（比如，方向盤是圓的，圓的是可以轉(zhuǎn)動的。）等等 在進(jìn)行信息架構(gòu)的時候，應(yīng)盡力使信息的組織和展現(xiàn)更加貼合用戶的心智模型，讓用戶更容易熟悉和使用你的產(chǎn)品。也就是說，讓用戶在使用的時候能更快的形成心智模型。 1）與生活經(jīng)驗(yàn)相符合：當(dāng)用戶打算預(yù)訂機(jī)票，通

7、常希望找到期望時間中成本最低的航班。因此機(jī)票預(yù)訂系統(tǒng)的搜索工具會根據(jù)輸入的旅行日期、出發(fā)地點(diǎn)、目的地找到航班可用項目的匹配集。用戶首先關(guān)注的是我計劃的出發(fā)的日期是否有航班？如果有，哪個時間段的航班最便宜？我可以從哪家票務(wù)公司訂最優(yōu)惠的機(jī)票？搜索機(jī)票搜索結(jié)果（按最低報價排序，同時提供時間、航空公司、方式等篩選）選擇最低報價的票務(wù)公司最后跳轉(zhuǎn)到預(yù)訂支付頁面）提供一致性的體驗(yàn)：用戶的心智模型是主要是基于經(jīng)驗(yàn)。無論信息的內(nèi)容是什么，結(jié)果應(yīng)當(dāng)總是顯示在相同的位置，并采用相同的信息布局。信息的顯示效果一致性程度越高，用戶就越容易理解特信息的相關(guān)性。如上圖，在Gmail 中對郵件列表的展示：灰色的項表示的是

8、已讀的郵件，白色的相表示的是未讀的郵件，而黃色高亮的則表示選中的。與 Google大全的其他產(chǎn)品，如google reader是一致的交互設(shè)計 :信息構(gòu)架的若干原則 （第二部分 ）3.信息樹應(yīng)盡量窄而淺，且保持平衡（信息結(jié)構(gòu)的寬度和深度）信息樹可以看成是對信息集合中的信息按照某種方式加以組織以后所形成的有序的信息載體，。在描述信息樹時，信息的組織關(guān)系通常被描繪為一個樹形的結(jié)構(gòu)。對于信息架構(gòu)而言，組織信息所要達(dá)到的目標(biāo)有兩個：一個是信息的有序；另一個是形成信息樹。較大的寬度，使得信息樹變淺，可以將信息明確顯示在界面上，用戶可以 減少點(diǎn)擊次數(shù)，但容易使一級導(dǎo)航承載的信息過多，用戶不容易發(fā)現(xiàn)重點(diǎn)及內(nèi)

9、在組織關(guān)系；較大的深度，使得信息樹變窄，界面顯得有重點(diǎn)、組織關(guān)系清晰，但由于 用戶不能通過一級導(dǎo)航獲得所有組織關(guān)系，點(diǎn)擊和尋找的難度加大。因此，信息樹的寬度和深度是相互制約的關(guān)系的，如何讓信息樹在這兩者關(guān)系中保持平衡，并盡量使信息結(jié)構(gòu)窄而淺，是信息架構(gòu)中的基本原則之一。書籍和音樂。即使增加了一些分類，比如音像和禮物，水平的 Tab 式導(dǎo)航 也能夠擴(kuò)展的非常平滑，并且通過顏色的不同，很容易區(qū)分產(chǎn)品。在 1999 年到 2000 年的時候，亞馬遜還在不斷增加新的分類，并使其信息樹不斷變寬。店鋪、玩具與游戲、電器和電子賀卡這些新的產(chǎn)品分類的增加，一直把 Tab 導(dǎo)航標(biāo)簽做成兩排。2001 年亞馬遜嘗試著把所有的商品分類Tab 去掉，僅保留商店目錄和特色商店（StoreDirectory/Featured Stores）。這次重新設(shè)計，用商品目錄替代了日益增 長的分類，特色商店并提供了一個比較方便的途徑讓用戶可以訪問常用（或熱門）的分類?？梢娦畔渥儨\了，但深度卻加深了，用戶無法一眼從導(dǎo)航或