本研究整理三個面向的限制，並結合專家與使用者體驗之彙整，整理出以下 之建議，以提供未來研究與技術報告參考。
資料面向的建議
政府開放資料一直都持續的再增加，往後政府開放資訊越趨齊全，輔助資訊 介接設計更周詳的情況下，開發者可跳脫限制進行更多樣化的資料呈現。
目前開始有單位提供即時資訊，如交通、空氣品質監測等，配合正確的時間
96
尺度，可以考量與非即時更新圖資搭配。但多數政府開放資料仍介於二星至三星 之間，格式常常需要仰賴後端資料蒐集與處理，本研究雖無後端平台建置，但圖 層資料仍有先預先處理，資料開放之介接 API 格式統合影響前端網頁是否能簡 易的處理即用，也是未來開發者評估後端支援的必要性。除了建議政府未來在格 式上有更進步（朝四五星的方向）的規劃外，也建議跨縣市資料的整合規劃能更 加完善，如臺北市與新北市、基隆市資料之整合。
技術面向的建議
前端框架仍有相當多的選擇，因應不同專案狀況，選擇合適的建置方式。除 考慮響應式設計外，頁面資訊處理應因機制宜，視覺化函式庫可以提供不同資訊 的視覺化效果，諸如D3.js、Chart.js 等。當頁面資訊過於複雜時，需要考慮瀏覽 器於DOM 的處理效能，如地圖資訊除了利用 canvas 或 SVG 等特性改善外，視 覺化部分可以利用現行瀏覽器所支援的WebGL 作為開發選擇，抑或是向量圖磚 等技術支援。
配合規劃分析（專家）系統，未來可以考慮整合相關功能進入網頁。分析（專 家）系統可參考其他文獻了解各指標之影響權重，設計回饋資訊給使用者觀看。
若需要較深入的分析功能，建議可使用一些簡易後端的框架，如 node.js 等 實踐資料處理與分析之效果，或是考慮完整的伺服器架構建置。
視覺化面向的建議
建議相關研究與開發者參考本研究分層設計時，將非空間資訊與空間資訊，
進行分開規劃之模式，利用上層留白空間進行更多議題與故事的視覺發揮，搭配 圖表與下層地圖資訊做協同呈現。
根據專家建議，除了全面時間軸的設計之外，加上時間的詮釋資料或許是在 資料呈現時的折衷方式。在未來資料齊全時，以及技術許可下，建議可以建立完 善的時間呈現效果。
透過瀏覽器所支援的WebGL，未來相關函式成熟後，結合 3D 建模於地理視 覺化，可呈現更完整的視覺呈現，例如日曬方向、建物陰影分析與環域等。
97
參考文獻
Bangor, A., Kortum, P., & Miller, J.A. (2008). The System Usability Scale (SUS): An Empirical Evaluation, International Journal of Human-Computer Interaction, 24(6).
Bangor, A., Kortum, P., & Miller, J.A. (2009). Determining What Individual SUS Scores Mean: Adding an Adjective Rating Scale, Journal of Usability Studies, 4(3), 114-123.
Card, S. K., Mackinlay, J.,& Shneiderman, B. (1999). Readings in Information Visualization: Using Vision to Think. Morgan Kaufmann.
Canvas 與 SVG 比 較 https://msdn.microsoft.com/zh-tw/library/gg193983(v=vs.8 5).aspx
D3.js 官方網站 https://d3js.org/
Github 官方網站 https://github.com/
Google map API 操 作 手 冊 https://developers.google.com/maps/web-services/?hl
=zh-tw
Chang, K. T. (2008). Introduction to Geographic Information Systems Fourth Edition.
McGRAW.HILL INTERNATIONAL EDITION.
Iliinsky, N., & Steele, J. (2011). Designing Data Visualizations: Representing Informational Relationships. O'Reilly Media, Inc.
Klaus, F.& Bernd, O. (2012). 現在就開始學 HTML5（賴榮樞譯）.台北：碁峰。（原 著出版於2012）。
Leaflet.js http://leafletjs.com/
Leaflet.js 官方網站 http://leafletjs.com/
Lewis, J. R. (1994). Sample sizes for usability studies: Additional considerations.
Human Factors, 36, 368-378.
MacEachren, A. M., & Kraak, M. J. (1997) Exploratory cartographic visualization:
Advancing the agenda, Computers &; Geosciences, 23(4), 335-343.
Morville, P., & Rosenfeld, L. (2002)Information Architecture for the World Wide Web:
Designing Large-Scale Web Sites, 3rd Edition. O'Reilly Media, Inc.
Murray, S. (2013). Interactive Data Visualization for the Web. O'Reilly Media, Inc.
Newman, M. W., & Landay, J. A. (2000). Sitemaps, Storyboards, and Specifications: A
98
Sketch of Web Site Design Practice as Manifested Through Artifacts. DIS '00 Proceedings of the 3rd conference on Designing interactive systems: processes, practices, methods, and techniques. 263-274.
Nielsen, J., & Landauer, T. K. (1993). A mathematical model of the finding of usability problems. In Proceedings of the SIGCHI conference on Human factors in computing systems. 206-213.
Pilgrim, M. (2011). HTML5: Up and Running. O'Reilly Media, Inc.
Slocum, T. A., McMaster, R. B., Kessler, F. C. & Howard, H. H. (2009). Thematic Cartography and Geovisualization: Pearson New International Edition.
Turf.js 官方網站 http://turfjs.org/
W3C HTML5 https://www.w3.org/TR/HTML5/
W3C School https://www.w3schools.com/
WHATWG HTML5 https://HTML.spec.whatwg.org/multipage/
王怡人（2014）。資訊圖像於地圖設計之應用。國立臺灣大學地理環境資源學研 究所學位論文。
王怡雯（2006）。生活環境滿意度與人口遷移關係之研究-以台南市為例。臺北市 立教育大學社會科教育研究所碩士論文。
各 圖 台 比 較 趨 勢 https://www.programmableweb.com/news/top-10-mapping-apis-google-maps-microsoft-bing-maps-and-mapquest/analysis/2015/02/23
各圖台優缺比較 https://www.toptal.com/web/the-roadmap-to-roadmaps-a-survey-of-the-best-online-mapping-tools
行 政 院 法 務 部 法 規 資 料 庫 （2016 ） : 不 動 產 經 紀 業 管 理 條 例 ， 取 自 http://law.moj.gov.tw/Law
行政院法務部法規資料庫（2016）: 平均地權條例，取自 http://law.moj.gov.tw/Law 行政院法務部法規資料庫（2016）: 地政士法，取自 http://law.moj.gov.tw/Law 余國禎（2002）。應用模糊理論於居住環境品質評估之研究－以台中市高層集合
住宅為例。逢甲大學土地管理研究所碩士論文。
吳翊安（2014）。由周邊地區居民角度探討都市更新對居住環境品質的影響。國 立成功大學都巿計劃學系碩士學位論文。
宋餘俠、李國田（2012）。政府部門資料加值推動策略與挑戰。研考雙月刊，36
（4），P 10-21。
99
李春長，游淑滿，張維倫（2012）。公共設施、環境品質與不動產景氣對住宅價 格影響之研究─兼論不動產景氣之調節效果。住宅學報，第二十一卷第一期，
66-87。
邱羿儂（2012）。開放政府資料之推動策略研究-英國、美國與台灣之比較。國立 臺灣大學資訊管理學研究所學位論文。
孫青雯（1994）。台中市生活環境品質評估之研究。逢甲大學土地管理研究所碩 士論文。
國發會各政府資料開放情形http://data.gov.tw/visual/1 國發會各資料平台網站連結http://data.gov.tw/node/31547
許誌謙（2016）。響應式網頁設計元素對使用者經驗影響之研究。國立臺中教育 大學數位內容科技學系碩士在職專班碩士論文。
陳雪華，邱子恆（2005）。以需求導向規劃政府機構知識管理系統之個案研究 新 世紀資訊組織與典藏技術研討會論文集，127-139。
開放資料五顆星http://5stardata.info/zh-TW/
開 放 資 料 鏈 結 資 料 分 級 （Tim Berners-Lee 所 建 議 之 開 放 分 級 定 義 ） https://www.w3.org/DesignIssues/LinkedData.HTML
黃明智（1994）。臺北都會區生活環境品質與認知特性之關聯研究。中國文化大 學地學研究所碩士論文。
劉松癸（2002）。居住環境品質概念性模式與量表的建構。南華大學環境管理研 究所碩士論文。
蔡仁詩（2011）。網路地圖使用者介面之使用經驗與資訊呈現。國立臺灣科技大 學工商業設計所碩士論文。
蔡育棋（2013）。主題式網路地圖的易用性分析。國立臺灣大學地理環境資源學 研究所學位論文。
鄭文馨（2007）。台灣都市土地價格空間聚集分析－以 1997~2006 年為例。長榮 大學土地管理與開發研究所碩士論文。
蕭景燈（2012）。資料開放發展現況與展望。研考雙月刊，36（4），P22-38。
賴春綢（1990）。住商工混合地區生活環境之研究：以臺北市大同區大同段為例。
國立政治大學地政研究所碩士論文。
100
優使性2.0(Usability 2.0)-網站經驗設計 https://www.usabilitymax.com/
薛惠珍（1989）。台北市新興地區居住環境品質之研究－－忠孝東路四段之實例 探討。國立政治大學地政研究所碩士論文。
謝建成、劉至逢（2009）。大學圖書館網站使用性評估之探討。Journal of Educational Media and Library Science，47(2)，163-197。
藏 智 於 民 - 開 放 政 府 資 料 的 原 則 與 現 況 http://creativecommons.tw/sites/creativecommons.tw/files/download/handbook_
open_gov_data.pdf
101
附錄一 使用性測試問卷－專家導向
第一部分：測試者背景與經驗評估
1. 您的工作領域／專業技能？在該領域的年資？
2. 有無使用過網路主題地圖（例：中研院百年歷史地圖）？
3. 有無製作過網路主題地圖？類型為（例：教學用途、醫療疾病…等）？
4. 是否經常使用網路主題地圖？
□從不
□很少
□偶爾
□經常
□每天
5. 是否具使用者介面開發經驗／相關專案經驗？介面為？
您好：
我是師大地理所的研究生，首先感謝您參與本問卷的填答與測試。這是一份學術性的問 卷調查，此份問卷的主要目的是想評估論文網頁「家的價值！？臺北市居住環境地圖」之使用 性（Usability）。您的填答對於本研究是否能完成十分重要，各題的答案並沒有對與錯之分，請 直接依照個人的體驗與判斷填答即可。問卷所蒐集之資料僅供本人論文之整體分析之用，敬請 放心作答。由衷感謝您的幫忙與支持！
敬祝
健康愉快
國立臺灣師範大學地理學系碩 士班
指導教授：陳哲銘 博 士
研究生：劉柏含 敬 上
102
103
9. 地圖操作工具運用適當。
10. 地圖底圖設計與應用適當。
11. 地圖輔助圖資設計與應用適當。
12. 地圖使用能增加您對本研究主題的了解。
第四部份：系統使用性量表-System Usability Scale（SUS）
請在右側勾選出心中符合的級距，每項問題為單選。
104
□無
2. 是否有觀看教學手冊？
□有
□無
（承2）手冊是否有助於您操作？
□有
□無
3. 問卷中未列入的評估項目，或者您在使用過程中有特別的想法，歡迎在這裡分享給本研究，
本研究將評估您的意見，做為系統修正與改善的參考：
問卷到此結束，感謝您的填答。
105
106
□普通（一個月一次）
□很少
□從未
第二部分：有效性任務檢測
教學影片網址：https://youtu.be/BYoEnp9IcLQ 教學手冊網址：https://goo.gl/N86nOF
網站系統連結網址：http://web.ntnu.edu.tw/~60223019l/map/index.HTML
請點選連結至教學影片網址觀看教學影片或下載教學手冊閱讀，並試著完成以下任務。
任務內容：請進到「全部圖層」頁面，找出"松山機場"附近，公害案件分類為「水汙染」點
位周邊最近的「微笑單車站點」，並回答該單車站點的「土壤液化潛勢」。
任務完成與否
□任務完成，Ans：離水汙染公害地點最近的微笑單車站點，其土壤液化潛勢為 潛 勢。
□任務未完成
第三部分：頁面排版體驗 頁面區域指稱如下圖
107
108
7. 我覺得有達到使用本網頁的動機（回應至參與測試原因 or 甚麼時候會想使用本網頁系
統）：
□非常同意 □同意 □尚可 □不同意 □完全不同意
8. 問卷中未列入的評估項目，或者您在使用過程中有特別的想法，歡迎在這裡分享給本研 究，本研究將評估您的意見，做為系統修正與改善的參考：
問卷到此結束，感謝您的填答。
109
附錄三 網頁 HTML 程式碼
<!DOCTYPE HTML>
<HTML>
<head>
<title>家的價值！？臺北市居住環境地圖</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">