資訊構架的若干原則 第一部分

2021-06-16 03:58:08 字數 3061 閱讀 8734

本文不準備重複討論web資訊構架過程中的細節(比如,搜尋框應當放什麼地方),這些細節很多文章都討論過了。我們把重點放在與**資訊構架的相關核心原則和方法上。適當的使用這些原則可以簡化從網際網路認知資訊的過程,且使呈現的資訊更容易被獲取。

為了能順利理解並恰當運用這些原則,我們首先要理解什麼是資訊構架,資訊架構的目標、核心理念、元件和構架的一般過程是什麼。

了解資訊構架

什麼是資訊構架?

information architecture(簡稱ia)是美國建築師沃爾曼(richaid saml wmman)先生在2023年創造出的乙個新詞語。

ia的基本定義:

ia是組織資訊和設計資訊環境、資訊空間和資訊體系結構,以滿足需求者的資訊需求,實現該目標的一門藝術和科學,他包括調查、分析、設計和實施過程,涉及組織、標識、導航和搜尋系統的設計。

為什麼需要資訊構架:

由於網際網路上的資訊種類繁多、內容特徵多種多樣的多**資訊,資訊儲存分散無序,加之超連結技術的廣泛使用,網際網路具有非常複雜的資訊空間,使用者在其中很容易迷惑和迷失方向。因此,網際網路網尤其需要資訊構架成為資訊序化和優化的思想和工具,以幫助人們在異質的資訊空間中管理和獲取資訊。

資訊構架的目標:

1) 獲得和理解資訊內容。 將資訊組織好。

2) 優化資訊結構。

3) 面向使用者傳達資訊內容。

4) 提供乙個清晰的易於資訊獲得的介面。

核心理念:

資訊架構的核心理念是以使用者為中心。資訊構建是資訊使用者、資訊內容與資訊組織三者的交集,資訊生態在其中起著很重要的作用,而使用者、內容和組織構成了資訊構建的三個生態環。

the three circles of information architecture by peter morville

資訊構架元件:

資訊架構的核心元件包含:組織系統、標籤系統、導航系統、搜尋系統四個方面。

資訊架構的一般過程:

概念設計→組織資訊內容→生成資訊結構→設計資訊介面→提供資訊導航→資訊展示和資訊發布。

在對資訊架構有了初步認識的基礎上,我們來進一步理解李釗在《網際網路產品的互動設計方法(upa2008講稿)》中提到的指導資訊構架的若干原則:

1. 對海量資訊提供多種檢索方式

乙個**最根本的框架由眾多屬性相同的資訊基本單位組成。因此對資訊的組織和檢索是我們進行資訊架構的核心內容,設計資訊組織系統也是建立資訊構架導航系統的基礎。而如何讓使用者從**的海量資訊資源中便捷、準確地檢索到所需資訊已成為我們關注的焦點問題。常見的資訊組織及檢索方式有:

1) 資料庫檢索方式(即搜尋)。比如提供一站式搜尋功能。google**式的業務增長便充分說明了搜尋的重要性。google通過實踐證明,人們在處理大量資訊時,會非常注重搜尋工具的效率。

2) 等級選單(目錄)引導方式。

採用選單式界面向使用者提供瀏覽檢索服務,伺服器中的所有資訊都以目錄或檔案的形式表達。即通過多級選單分類細化,最終找到所需資訊。這種組織方式使使用者對資訊的檢索和使用非常的簡單,方便,但其檢索效率較低,而且對資訊的分類和組織的依賴性較強。

比如amazon提供的購物分類,建立了一套系統的、多維度的分類目錄,是優化使用者獲取資訊的重要途徑之一。

3) 資訊排序

一次標準的 google web 搜尋會在 internet 的無數網頁中找到幾千乃至幾百萬個匹配項。如果不提供某種形式的導航或排名就將這一結果集呈現給使用者,找到有用資訊的概率可謂微乎其微。

4) 超文字鏈結方式。比如amazon中利用商品的相關性,使用超文字鏈結的形式讓顧客能夠迅速找到他們可能想買的目標商品:

5) 社會化標籤(tags)。

使用者使用自由定義關鍵字的方式進行協作分類的活動。簡單理解這個概念就是tags(標籤)。tag作為一種自由而有序的資訊分類技術,tags最早出現在一些社會性分享**當中,比如社會性書籤**del.icio.us,**分享**flickr,目標分享**43 things以及technorati等等。

2. 貼合使用者的心智模型

從電影觀眾的角度來說,在**一部引人入勝的電影時,很容易忘記影片齒孔間的細微差別和瞬間的光線打斷。很多看電影的人,實際上根本不知道放映機如何工作,或是它工作的方式與電視有什麼不同。在觀眾的想像裡,放映機只不過是發射出在大螢幕上移動的而已。這就稱為使用者的心智模型

–摘錄自《互動設計精髓》

心智模型是符合使用者以往社會生活經驗的,(比如:805會議室是在8樓的一間會議室,不應該出現在其他樓層。)符合人本能認知的且嘗試的更容易,(比如,方向盤是圓的,圓的是可以轉動的。)等等…

在進行資訊架構的時候,應盡力使資訊的組織和展現更加貼合使用者的心智模型,讓使用者更容易熟悉和使用你的產品。也就是說,讓使用者在使用的時候能更快的形成心智模型。

1) 與生活經驗相符合:

當使用者打算預訂機票,通常希望找到期望時間中成本最低的航班。因此機票預訂系統的搜尋工具會根據輸入的旅行日期、出發地點、目的地找到航班可用專案的匹配集。使用者首先關注的是我計畫的出發的日期是否有航班?如果有,哪個時間段的航班最便宜?我可以從哪家票務公司訂最優惠的機票?

以去哪兒(qunar.com)訂票流程為例:

- 搜尋機票

- 搜尋結果(按最低**排序,同時提供時間、航空公司、方式等篩選)

- 選擇最低**的票務公司

- 最後跳轉到預訂支付頁面

2) 提供一致性的體驗:

使用者的心智模型是主要是基於經驗。無論資訊的內容是什麼,結果應當總是顯示在相同的位置,並採用相同的資訊布局。資訊的顯示效果一致性程度越高,使用者就越容易理解特資訊的相關性。

如上圖,在gmail中對郵件列表的展示:灰色的項表示的是已讀的郵件,白色的相表示的是未讀的郵件,而黃色高亮的則表示選中的。與google大全的其他產品,如google reader是一致的。

Axure RP 第一部分

axure rp是乙個專業的快速原型設計工具。axure 發音 ack sure 代表美國axure公司 rp則是rapid prototyping 快速原型 的縮寫。axure rp是美國axure software solution公司旗艦產品,是乙個專業的快速原型設計工具,讓負責定義需求和規格...

第一部分 初識Solr

第一章 solr簡介 這章主要包括內容 這本書講述nosql技術,apache solr 像它的非關係模式兄弟一樣,針對於某些問題進行了優化。特別的,solr在處理企業級大量資料 及時搜尋 文字資料 返回相關性結果等方面進行了很大優化。這裡說的只是冰山一角,讓我們從下面幾方面來進行詳細敘說 solr...

css排雷第一部分

import url basic.css warning urgent plant moons plant moons 1 a href span title feature lang en 選出屬性等於lang或者以lang開頭的所有元素。選擇h1 strong 可以解釋為選擇h1字元素中的所有s...