系統介面分成三個空間，分別為素材瀏覽區（Browsing Room）、素材整理區（Materials Room）、歷史記錄（History），本章節會針對各個空間說明介面設計的概念。
首先說明 Browsing Room 的部分，Browsing Room 之介面如圖 4，我們以顏色的區 別依序介紹各區塊的用途、數字編號說明細部的功能。介面主要分為四個區塊，黃色區 塊為工具列、藍色區塊為推文顯示區（Tweets Display Area）、紅色區塊為標籤面板（Tags Zone）、綠色區塊則是故事元素模型（Story Elements Model）。
黃色區塊的工具列包含導向至 Materials Room、History 的連結（編號 1）及顯示當 下系統載入的資料集資訊總覽（編號 2），包含資料集名稱、總推文筆數、資料區間，讓
（Time）、關鍵字（Keywords）、社群媒體用戶（Users）、名詞共字（Noun Co-Word）模 型，我們認為記者在不同的事件找尋素材的起始點不一定一樣，可能會先根據事件發生
‧
紅色區塊的標籤面板（Tags Zone）代表的意涵是使用者在故事元素模型探索時，可 以對故事元素模型中的任何元素進行＂選取＂的動作，此動作將會記錄該元素成為標籤
（tags）（編號 8），使用者可以根據自己的想法調整每個模型的權重（編號 5），以控制 系統要返回的推文內容。我們也考慮到當使用者在接使用本系統時，對該資料集已經有 預定想要瞭解、關注的內容的話，可以手動輸入該關鍵字（編號 7）。編號 6 是一個儲存 此時標籤權重狀態的書籤（Bookmark）按鈕，這部分會在 3.3 節詳細說明。
藍色區塊的推文顯示區（Tweets Display Area）會因為客製化的條件不同，出現不同 的推文，使用者在 Tags Zone 加入標籤、調整權重後，按下 Apply 按鈕後，系統會從使 用者給予的條件去計算推文的相關程度，並返回相關的推文於藍色區塊中，除此之外，
會將此探索狀態（Exploring state）記錄下來，供使用者在 History 回溯時套用。推文的 介面（如圖 4）包含推文內容、發文者、發文時間、轉推（retweet）數量、該推文含有 的標籤，將滑鼠徘徊在發文者的帳號時會顯示該發文者的推特自我介紹，每則推文左下 角為收集（Collect）的按鈕，使用者點選收集按鈕後，該則推文就會被收集到 Materials Box 中，使用者可於 Materials Room 看到該則推文。
在推文內容的處理上，我們偵測推文文本原本的結構，包含＂#hashtag＂、＂@＂，
若這些內容含有這些結構，將會還原成連結導向至其原始的頁面，例如使用者可以點選 圖 4 的＂@mingjingblog＂，將可被導向該使用者的推特個人畫面，我們認為設計這樣的 友善介面，可以幫助使用者在探索推文的時候對發文者的背景、Hashtags 的情境有更多
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
18
的瞭解。我們也希望能給使用者越充足的資訊，幫助其在探索的時候挖掘到更多有趣的 主題。
圖 4. Browsing Room 的系統介面圖
圖 5. 推文介面範例
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
19
系 統的第二個介面為素 材整 理 區（Materials Room），目的為幫助使用者將在 Browsing Room 探索過程中收集到的素材進行整理、收整想法、撰寫新聞的動作，主要 畫面為素材陳列板如圖 5，編號 1 為存放使用者儲存的推文素材庫（Materials Box），編 號 2 及 3 為進行標籤分類（Tags Subgroup）的陳列素材區，每位使用者可以依照自己收 集的內容、想法、思緒將推文歸類，詳細的內容將會在 3.4 節說明。而最右邊的編號 4 則為供記者撰寫編輯內容的區域（Text Editor），讓使用者在靈感一來的時候，就可以將 想法馬上記錄下來。
圖 6. Materials Room 的系統介面圖
系統的第三個介面為 History（如圖 6），系統在使用者探索的過程中，會記錄使用 者每次調整權重、使用的標籤，此為一個探索狀態（Exploring State），系統以卡片介面
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
20
的形式儲存每一次的探索狀態為一個 History Item（如圖 7），人們隨時都可能因為瀏覽 了什麼資訊，而觸發需要回憶的動作，History 的用途希望幫助使用者藉由追溯過往的 瀏覽，激發其思緒脈絡的連接。圖 7 為三個 History Items 的示意圖，分別可以看到在某 個時間點使用者的記錄，系統除了自動記憶探索狀態外，使用者也可以主動的 Bookmark 任何一個探索狀態，從圖 6 編號 2 的按鈕可以從 History 切換成只看 Bookmark 的探索 狀態，在進行長時間的探索後，狀態會漸形增長，因此當使用者有主動 Bookmark 的習 慣時，可以快速找到欲回溯的探索狀態。
圖 7. History 的系統介面圖
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
21
圖 8. History Items 的系統示意圖