校園問題解決論壇
從設計的角度探討如何積極參與校園社區活動 採用參與式地理資訊系統與經驗抽樣方法 *榮獲第108屆IEEM畢業設計優秀論文獎 基於地圖的校園論壇 / 服務設計 / 使用者體驗研究&設計 / 使用者介面設計 / 框架 / Web應用程式
Year
2019
Duration
4 months
Client
NTHU SA、HIX lab
Role & Responsibility
Research, UXUI, Poster design
Category
Research, UXUI
Summary
基於地圖的校園論壇 / 服務設計 / 使用者體驗研究&設計 / 使用者介面設計 / 框架 / Web應用程式
價值主張
學生將深入校園，發現並探討校園問題，並共同提出可能的解決方案。
在4 人組畢業專題中，負責 UX/UI 設計，共同完成論文研究，
重新思考以地圖為基礎的平台上之設計方法。
問題意識
學生經常在網路平台上提出校園問題和意見，但大多數意見的影響力不足，可見度低，或未嘗試解決。
校方願意聽取學生意見，但資訊分散、不及時，官方平台的使用率很低。
學生會很難與各學院單位溝通協調。這問題由來已久，難找到令人滿意的解方。
上述行為主要發生在Facebook社群「靠北清華」。以下是核心問題：
不需承擔責任
部分發文為了洩憤，通常不會採取行動。
資訊過載
人們關心的事情各不相同且數量大。
非理性更熱門
多數討論是非理性、諷刺和嘲笑的。
無法追蹤
很難判斷某問題是否已經/正在解決。
溝通障礙
社群媒體容易加深學生與管理部門間的誤解。
重複和混亂
同一個問題往往在多個不同系統中發布，討論會重複開始。
解決方案
HUNT NTHU 是一個基於地圖的校園論壇。
提供用於發布、展示校園內事件、問題和地點的平台
使用者遇到問題時可以在地圖上標記事件，
也可使用地圖查看附近發生的事情。
透過社群操作讓更多人關注這個問題。
目的是讓每個人都更關心周遭環境，讓校園變得更美好。
結果
正式上線 14 天後，雖然參與度符合預期，但仍發現了許多問題。
UX/UI迭代固然重要，但許多問題仍然是最根本性的，
它不能是像 FB 這樣的主流社群媒體，主要瓶頸事如何使其與眾不同、讓學生真正想使用
迭代
快速上線，積極收集回饋，並驗證每個設計和功能的重要性。
根據第一版測試中發現的問題和收集到的回饋進行迭代，以改善服務並添加新服務。例如：
用戶細分
為了增強校園社區凝聚力，系統會確保使用者透過大學帳戶註冊登入
提高娛樂性和黏性
參考遊戲化和地圖應用，例如寶可夢。
玩家可以收集散落在特定範圍內的虛擬寶藏（收集、積分、排名、獎勵）。
未來
透過原型設計以及與利害關係人的持續訪談和研究，
反覆驗證和增強學生對這個社群平台的想像和體驗。
設計挑戰
GIS平台對使用者來說可能比較陌生。如何透過設計引導“看到他們想看到的內容”、“發現他們未曾看到的內容”、“快速發布”，以及如何使註冊盡可能方便（尤其需要開啟定位服務）。
確定UI風格前，參考了幾個基於地圖的應用程式UI，發現由於這類應用的重點在於資訊傳遞，因此螢幕應該盡量減少裝飾和乾擾元素。因此保持元件、圖示和配色盡可能簡潔明瞭。
使用 Open Map Tiles 和 React，它們可以自訂地圖元素，並保持系統和風格的一致性。與程式設計師緊密合作，快速開發出可用於數值驗證的 Web app的第一個版本，降低開發成本。
創新功能
新設計的「實地讚」功能不再與毫無生氣的「讚」混為一談。
必須實際位於貼文所在區域附近，幫助證明該事件確實發生過，
從而使社區參與更加真實直接。
學習
在保持使用者介面簡潔性的同時確保資訊層級完整性。
從一開始就明確劃分流程，以降低使用者迷路或放棄的風險。
創建基於地圖的服務時，應注重所呈現資訊的範圍，需要更加靈活，並且能夠自由調整。
