系統功能與展示

在文檔中 具視覺化工具輔助的新聞瀏覽系統設計 (頁 66-71)

第四章 系統展示與使用者評估結果

第二節 系統功能與展示

系統的功能以整體來說可分為五個重點功能,分別為使用流程與視覺化互動、

網絡視覺化模組與佈局控制器、歷程導航與控制、共現強度過濾模組與時間控制 器。

一、 使用流程與視覺化互動

首先,使用者進入系統後,藉由右上方的文字方塊輸入關鍵字,系統會將此 關鍵字與其相關關鍵字的網絡圖呈現於畫布中,其中輸入的關鍵字以方形的節點 表示,相關關鍵字以圓形表示;節點大小代表關鍵字的新聞量;線條粗細為兩關 鍵字的關係強弱。圖 21 為輸入關鍵字「佔領華爾街」後,接著依序點擊「群眾」

與「穆巴拉克」所呈現的畫面,畫面中可以看見,「群眾」與「穆巴拉克」的節 點被點擊過後會變為方形,且中央的三個關鍵字的連線以紫色表示。另外,當滑 鼠於「台股」的節點上方游移時,此關鍵字的關係線會加粗,顏色轉變為紅色。

圖 21 系統介面概觀

59

本系統也提供使用者能夠調整視野之視覺化互動功能,當節點重疊時,使用 者能夠持續點擊並拖曳節點改變節點位置;同時也能夠持續點擊畫布空白處改變 整體視野;利用滑鼠滾輪放大或縮小的視野。

二、 網絡視覺化模組與佈局控制器

本介面包含三種以網絡為基礎的佈局演算法,分別為環狀、Force-Directed 與 Chameleon,圖 21 中的「佈局控制器」便是能夠讓使用者即時的切換這三種 佈局。環狀(見圖 22)呈現方式為主要關鍵字(方形節點)落於中央,相關關 鍵字(圓形節點)以環形圍繞。這樣的呈現主要是讓使用者能夠清楚的概觀相關 關鍵字的新聞量,與相關關鍵字之間的關係強弱。相較於其他兩種佈局,環形的 呈現更為簡單明瞭,使用者能夠快速地總攬所有關鍵字,並找出相關強度高的關 鍵字。「Force-Directed」(見圖 22)則注重網絡圖在視覺上的平衡,節點與節點 之間依據關係強弱取得適當的距離。研究者認為這樣的特色有助於使用者觀察關 鍵字的關係密度與大略的關鍵字群,幫助使用者找到下一個瀏覽目標。但是當

「Force-Directed」處理過多節點時,分群的效果並不佳,因此實作了「Chameleon」

的佈局演算法。「Chameleon」分群的機制是依據各節點的最強相關度來分配群集,

在圖 22 中可以發現,相較於「Force-Directed」,「Chameleon」將關鍵字區分為 更多的群集,且「Chameleon」的分群效果較為直覺化,例如,「CG2」與「CG3」

事實上代表著兩個不同的新聞主題(「埃及示威」與「佔領華爾街」),使用者能 夠輕易分辨兩群關鍵字是處於不同的事件背景;而在「Force-Directed」中則將

「CG2」與「CG3」中的關鍵字,分在同一群集「FG2」中。

事實上研究者預期達到的目的,便是希望透過這三種不同的呈現概念,幫助 導覽使用者循序的進行下一個步驟的瀏覽,若是觀察角度無法彈性化,直接將瀏 覽視野縮小,則會讓使用者感到困惑,這也是本系統實作三種網絡佈局演算法的 原因。

60 圖 22 三種繪圖演算法的網絡圖

三、 共現強度過濾模組

考慮到節點過多而使得網絡圖複雜度過高的問題,使用者能夠藉由關係強度 門檻值的設定來減少節點。如圖 23 所示,將門檻值設定為「70」時,像是「跌 幅」、「新興市場」、「北韓」等等關鍵字皆消失於網絡圖中。此功能的目的是希望 能夠讓使用者選擇相關關鍵字的量。

圖 23 關係強度門檻值的設定。

61

四、 歷程紀錄與控制模組

為了記錄使用者的瀏覽歷程,系統會將方形的節點以不同顏色(紫色)的線 條連線,使用者能夠藉由節點的形狀來分辨哪些關鍵字是已點擊的狀態;藉由連 線的顏色幫助記憶自己點擊的歷程。圖 21 中的「歷程控制器」是提供使用者能 夠控制歷程,使用者能夠開啟「Path Filter」將較舊的方形節點去除,讓系統自 動的只留下最近的兩次的關鍵字點擊與其相關關鍵字(例如,已被點擊的關鍵字 KT 有相關關鍵字 RT1 與 RT2,使用者首先點擊 RT1,接者點擊 RT2,則 KT 會 變為圓形的關鍵字,且其他原本屬於 KT 的相關關鍵字會在畫布中被清除)。此 功能是希望能夠幫助使用者不會因為過多的點擊而造成瀏覽上的混亂。若是使用 者希望自行來關閉已點擊的節點,開啟「Disable Node By Click」的功能則允許 使用者自由的選擇欲關閉的方形節點。使用者能夠選擇兩種方式來控制點擊關鍵 字的歷程,其一為讓系統自動留下最近的兩個步驟;其二為自行決定哪些關鍵字 需留下。如圖 24 中,首先輸入「佔領華爾街」,接著點擊「群眾」、「埃及」與

「穆巴拉克」後,選擇性的清除「群眾」與其相關之關鍵字,最後利用開啟自動 歷程控制(Path Filter),自動清除了「佔領華爾街」,僅留下最近點擊的「埃及」

與「穆巴拉克」兩個關鍵字與其相關關鍵字。

62 圖 24 歷程記錄與歷程控制

五、 時間控制器

雖然本系統主要以網絡圖呈現關鍵字,但是同時在下方呈現關鍵字的趨勢圖,

以橫軸表示時間(以月為單位);縱軸為新聞量。研究者認為,關鍵字若是代表 一個新聞主題,那麼使用者可能會對於這個主題被新聞報導的熱門時間點感興趣,

使用者同時能夠藉由圖 21 右上方的「時間控制器」來設定新聞資料的時間區間。

使用者能夠利用時間控制的小日曆,選擇新聞資料起始與結束的日期,如圖 25 所示。

63 圖 25 時間區間設定

在文檔中 具視覺化工具輔助的新聞瀏覽系統設計 (頁 66-71)