正式進入繪製之前的四個階段：
IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wireframe 線框圖稿

本篇重點

• 一、什麼是資訊架構 ?
• 二、資訊架構的三大要素
• 三、資訊架構的四大系統
• 四、設計師在這個階段會如何參與 ?
• 五、整合使用者故事對照

一、資訊架構是什麼 ?

增進網站內容的可用性與可循性

以網站內容來說，目的是如何將複雜繁瑣的資料，變成簡單明瞭、建構清晰的地圖，讓使用者可以更有效的獲得需要的資料，滿足搜尋的意圖

二、資訊架構的三大要素

以使用者為中心，規畫、組織、建構資訊環境，協助使用者有效地找到資料，解決他們碰到的問題 !

• 使用者 ( Users ) -> 受眾、需求、行為、任務、使用者體驗
• 內容 ( Contents ) -> 內容提供的形式、資訊的型態、項目
• 情境 ( Context ) -> 建構時的背景環境，例如：目標、預算、技術、資源、文化等

從三大觀點來看，希望的是：

1. 要讓使用者能夠順利搜尋到他想要的資訊，並且可以解決他的問題 (有效運用)
2. 讓資訊提供者，能夠依服務目標、商業模式去提供資訊，產生價值
3. 讓網站或APP，可以依資訊的變化、增減、擴充，持續維持品質

三、資訊架構的四大系統

有組織、有系統的在有限空間大小下，呈現給使用者，而且讓他們可以有效率地找到資訊

• 組織系統
• 導航系統
• 標示系統
• 搜尋系統

四、設計師在這個階段會如何參與 ?

IA 資訊架構 -> 歸納使用者故事

使用者故事 ( User Story ) 是一段簡單的功能描述，以不同角色的觀點，去表達一個有價值的產品需求

結構：

1. 【角色】作為一個 XXX
2. 【需求】我想要 XXX
3. 【價值】才能 XXX

最後，搭配驗收測試，確認使用者需求有被滿足，功能有完整。

五、整合使用者故事對照

使用者故事對照 ( User Story Mapping )，結構化使用者故事，幫助團隊達成共識，並歸納出最大價值的開發方向

在發想使用者故事的時候，可能會遇到的狀況，如：

• 規模不一
• 目標模糊
• 功能零散

這時，可以利用使用者故事對照，階層式的呈現開發方向：

• 使用者行為 ( User Activity )：目標
  • 使用者任務 ( User Task )：步驟
    • 使用者故事 ( User Story )：功能

舉例來說：
今天使用者想要完成線上購物 ( 行為後面欲達成的目標 )
過程中的必要步驟有：瀏覽、搜尋產品 -> 加入購物車 -> 結帳
每個步驟中，重點功能個別是：依類別尋找產品、查看詳細資訊 -> 加入產品、刪除產品、加購產品 -> 支付方式

思考議題

Q1. 資訊架構的三大要素和三大觀點如何使用 ?
Q2. IA 中，UI 設計師使用歸納 User Story 的時機點是為何 ?
Q3. 內容面相要考量的點是什麼 ?
Q4. IA 四大系統，可以再多說明點嗎 ?

請進一步參閱【Day 06】設計流程環節：回顧篇

好! 下一篇會介紹 Functional Map 功能地圖 : )