1.資訊架構方向

資訊架構的方向性來自與使用者經驗,用戶也就是所謂的使用者是網頁發展的受眾。故用戶對於方向性的構成會與網頁設計發展脈絡呈現正相關。

由上而下

是網路發展時間序上先產生的閱讀習慣,故此為經典的網頁呈現方式,使用者閱讀內容的視覺動線會從上而下接受資訊。

範例1:下圖左STEAM首頁你可以預期最上方菜單分類「STORE」「COMMUNITY」「ABOUT」「SUPPORT」滑鼠移動至此會出現子分類或轉跳至該分類頁面。

範例2:下圖右Behance首頁中,、你會可以預期不斷往下延伸會不斷生出更多的作品可供觀賞直至此頁面下的素材都呈現完畢。而點選最上方的菜單欄位可能會出現子菜單欄位或是進入該分類頁面。

由下而上

是網路發展時間序上先產生的閱讀習慣,故此為經典的網頁呈現方式,使用者閱讀內容的視覺動線會從上而下接受資訊。

是網路發展時間序相對近期發生的閱讀習慣,它同樣奠基於使用習慣的構成。用戶通過經驗,已經能夠通過媒介感知粗略預期的方向性,例如:文字與圖像。

它的方向不一定為由下而上,而是用戶可以根據視覺配置方式的差異,感知下一步視覺動線並非完全為由上而下的動線。

範例3:下圖左Netflix的動線設計上,你可以預期點擊左側的 icon 所跳出的下一階層的功能選項是向右邊呈現。

範例4:下圖右cookpad可以看到以關鍵字「芋頭」查詢,可以看到「芋頭」關鍵字劃分為兩列資訊呈現,包括左邊的幾種家常作法食譜與右邊的最熱門的芋頭食譜。

 

2.資訊架構四個體系

可見的要素

1.獲取資訊⇄內容與任務

相對其他要素而言。此要素為整個行動的目標,而其他的要素存在程度則是協助達成目標的行動過程。

而當中富含的小要素包含:①標題、②內容鐘內嵌的連結、③內容中內嵌的metadata、④內容區塊、⑤列表、⑥順序輔助、⑦識別記號。

範例6:使用者於Code For Marketing官網進入研究方法與知識中觀看核心用戶分析介紹的過程。

便包含①標題、②內容鐘內嵌的連結、④內容區塊、⑤列表、⑦識別記號。

範例7:使用者於LINE Bank申辦信用卡的過程⑥順序輔助

範例8:使用者於cookpad上搜尋欄位搜尋茄子後右側③內容中內嵌的metadata

2.關鍵字眼搜尋⇄搜尋輔助

允許使用者輸入想要查詢的字眼,點選搜尋後會自動呈現符合搜尋題目的內容之搜尋結果。

而當中富含的小要素包含:①搜尋介面、②搜尋語言、③查詢助手、④檢索演算法、⑤搜尋範圍、⑥搜尋結果。

範例9:Google搜尋引擎的整體就是他的搜尋介面,通過用戶下的指令,Google通過PageRank判斷最合適用戶查詢的搜尋結果。

範例9:Google搜尋引擎的整體就是他的搜尋介面,通過用戶下的指令,Google通過PageRank判斷最合適用戶查詢的搜尋結果。

3.點擊進入某頁面進行瀏覽⇄瀏覽輔助

意味用戶經歷至少兩次的瀏覽行為,包括搜尋頁面的瀏覽與進入某頁面的瀏覽。

而當中富含的小要素包含:①組織體系、②一般導覽體系、③區域導覽體系、④網站空間地圖、⑤索引、⑥指引、⑦逐步指南與精靈

範例10:Monday主頁左側的 icon 代表某分類與組織方式。而在使用此服務時,你可以通過排定的項目觀看工作進程。用戶閱讀的區域即為一般導覽體系。而我點擊某 icon 對 icon 功能進行使用,用戶所在的區域就可以說是區域導覽體系。

不可見的要素

4.控制詞彙與同義詞典/檢索演算法/最佳可能結果

是相對於可見要素外用戶並無法具有主動性的與之互動的重要元素,存在於預置的系統內才會看見。

  • 控制詞彙

控制詞彙是有系統的依照索引內容或搜尋與瀏覽的字與詞。典型包含變化與偏好語詞,對特定領域縮線範圍進行描述。通常是抽取多樣的詞語後,對大範圍的字句進行詞彙的控制。

例如:圖書館藏書分類。是將多樣的不同領域書籍,通過字詞間的關聯,提取到概念層次,將類似概念的字詞劃分為同一分類進行排列。

  • 同義字詞

其概念能夠含構的範圍可以包含控制詞彙、廣義詞、相關詞、狹義詞與優先詞的描述。

例如:橘貓它的優先詞描述可能會是維基百科的範圍註,對橘貓是甚麼進行描述。與橘貓相關的字眼常為胖、廣義詞可以為猫咪、相關的詞可以是橘喵、控制詞彙可以是存在於貓犬分類等範圍下。