視覺化的要素包含讀者、資料與設計者，規劃的架構雖由設計者規劃決定，
但考量讀者與資料的面向，本節以下分為三個部分作為規劃參考：
1. 讀者
本研究將讀者（使用者）預定位為對於居住環境有興趣，並可能有不動產交 易需求的潛在人群，透過本研究預計建立之視覺化平台，瞭解除了建物本身屬性 之外之外在居住環境品質影響因子。
在網頁系統原型完成後，實施使用性評估，分為系統完成時的專家導向測試，
驗證系統元素的有效性以及系統本身的使用性，並藉由訪談專家達到系統修正的 目的。最後進行一般使用者的使用性評估，除了驗證使用者使用動機，也了解對 於使用者的使用性與系統滿意度，供後續原型開發之參考。
2. 資料
臺北市開放資料平台雖非最多資料集之縣市開放資料平台，但發展時間最長，
資料維護與內容較為齊全，規格也大多達到三星級別，因此本研究將採用臺北市 開放資料作為實作資料。因臺北市資料於不同單位釋出之資訊，資料格式有所差 異，以及部分資料中央主管機關提供較為詳盡，這部分會於後續章節討論處理相 關細節。另從房地產價格作為考量，引入內政部實價登錄之資訊作為主要圖層資 料之一。
3. 設計者
使用相關回顧的技術與方法，將網頁規劃分為幾個部分進行探討。主要處理 頁面版型與後續支援函式庫的規劃架構，並考量資料與讀者的特性進行頁面操作 規劃。
20
不同部分對映於不同的視覺化關係，並且在不同部分的偏重上，Noah 與 Julie
（2011）指出不同視覺化關係的類型有說服型（Persuasive）、資訊型（Informative）
與視覺藝術型（Visual Art），本研究在規劃時也須考慮對象間彼此的關係，並以 平衡各要素的關係作為視覺化的成果設計，達到兼顧說服型、資訊型與視覺藝術 型的視覺化成果，因此在對照讀者、資料與設計者的要素，作為網站系統的整體 規劃。在讀者與資料上，使用與讀者居住環境品質相關的資料，並以讀者容易了 解的視覺設計作為視覺化的方向；於資料與設計者的關聯上，參考相關的地理視 覺化函式庫，對資料施以合宜的技術與方法；而讀者與設計者的關係，以對於居 住環境有興趣為出發點，設計資訊呈現的編排與脈絡，最後藉由回饋的方式，進 一步了解使用者的需求，傳遞合宜的視覺化設計。並於視覺化的過程，加入資料 的空間特性，達到地理視覺化的呈現。圖 3 整理研究中網頁規劃與視覺化要素 的參照示意：
圖 3 網頁規劃與視覺化要素對應圖
圖 4 之研究架構圖主要在表示視覺化網站系統的建置過程，透過第二章所 回顧的各種資料以及技術，將在本章後續小節說明後續架構之規劃，從網頁規劃 的角度說明頁面的架構安排，以及元素的設計概念，安排圖層與後續功能的實作 規劃，並於第四章呈現系統建置時資料處理步驟、視覺化函式的建置設計，以及 關於頁面動作實作的詳細內容。最後於網站系統完成後，透過使用性評估之方法 來檢驗系統之使用性與使用者之回饋，於第五章進行整理並陳述使用性測試結果。
21
圖 4 研究架構圖，本研究繪製。
22