CASE 01 / W1772
清華大學人事室
整理公告、下載與徵才資訊,建立清楚的人事服務入口。
我的角色|視覺設計/資訊架構/前端介面切版
當時要解決什麼問題
人事室首頁同時承接公告閱讀與行政服務查找。這個案子的介面課題,是讓近期消息、表單下載與徵才資訊各有清楚的位置,讓不同目的的訪客能辨認下一步。
我實際負責哪些部分
我負責網站視覺設計、資訊架構與前端介面切版,整理公告的分類與閱讀層級,並安排下載、查詢及人事服務等入口的版面。
有哪些限制與選擇
設計上需要兼顧公告的資訊密度與服務入口的辨識度。桌機可用多欄呈現消息與捷徑;窄螢幕則需要保留標題空間,減少每列項目。現存兩張圖的公告、捷徑與頁尾內容不同,不能當成同版本逐項對照。
為什麼做這個設計決定
把「讀公告」與「找服務」分區,讓瀏覽資訊與直接辦事有不同的入口形式。日期、分類及標題建立掃讀層級;紫色識別與圖示卡則串起人事室的視覺語氣。這些安排可由畫面觀察,並非使用者研究或成效測試的結論。
最後交付什麼及可證明成果
完成視覺、資訊架構與前端介面切版。現有桌機及手機首頁圖可核對分類公告、服務捷徑與頁尾層級;可展示跨尺寸的編排方式,不宣稱已降低詢問量或提升查找效率。
桌機與手機的公告、服務捷徑及頁尾內容不同,版本關係未確認;此處呈現各自留存畫面。
角色由使用者確認;設計安排依現有畫面回顧,非歷史決策紀錄。



























































