撰文：劉庭硯
我的角色：使用者介面設計師（Sitemap、Wireframe、Mockup、Prototype、前台維護），與外部的專案經理及工程師團隊協作。
使用工具：Miro、Adobe XD、Illustrator、Zeplin
專案介紹：聯合國於 2015 年提出「2030 永續發展議程」，台灣政府隨後推動政策執行。由成大成立的「SDG Index Taiwan」則整合台灣的政府公開數據並以視覺化方式呈現。該網站能幫助政府優化決策過程，並為民間組織提供執行方向。
設計風格：以冷色系、適當留白及簡約線條，營造簡潔現代感，理性客觀的呈現資訊。數據部分則將 120 項指標數據轉化為親切易懂的圖表，使不同背景的使用者都能輕易理解內容。
專案流程：
⭣PM 提出網站需求大綱及參考網站
⭣我依需求繪製 Sitemap、Wireframe
⭣完成 Mockup，定調設計風格
向專案負責人確認設計及內容資訊後，我使用 Adobe XD 設計 RWD Prototype
⭣使用 Zeplin 將設計檔傳送給工程師，並標註設計細節，來回討論及微調
手機版實際操作影片（請點擊觀看⭣）
過程挑戰：對於初次接觸網站設計的我而言，整個過程都是一大挑戰，從 0 經驗開始自行學習設計流程並且與工程師溝通。專案完成後很有成就感，但也發現自身專業知識的不足，因此後續報名了 UI/UX 及前端切版的進修課程，精進專業知識。
互動設計：
彈跳式視窗（左圖）
指標數據圖的展開設計（右圖）
Comments