Taiwan Forestry Research Institute Website Redesign
行政院農業委員會林業試驗所 網站改版
―
客戶 Client | Taiwan Forestry Research Institute
部門經理 Department manager | Kin
專案管理 Project Manager | Mandy Chen
視覺設計 Visual Designer | 林位青 Wei-Ching Lin
前端開發 Front-end Development | 林位青 Wei-Ching Lin
主任工程師 Chief Engineer | Jia-Wei Lai
後端工程師 Senior Backend Engineer | Yu-Jhe Dong, Jhih-Wei Lin, Kai-cheng Tseng
資訊安全 System Security | Syue-Jhan Jhuang
照片來源 Photo | Shutterstock
年份 Year | 2022
―
行政院農業委員會林業試驗所 Taiwan Forestry Research Institute
https://www.tfri.gov.tw/
Copyright © HAMASTAR Technology Co., Ltd. All rights reserved
―
Prototype
行政院農業委員會林業試驗所 網站改版
―
客戶 Client | Taiwan Forestry Research Institute
部門經理 Department manager | Kin
專案管理 Project Manager | Mandy Chen
視覺設計 Visual Designer | 林位青 Wei-Ching Lin
前端開發 Front-end Development | 林位青 Wei-Ching Lin
主任工程師 Chief Engineer | Jia-Wei Lai
後端工程師 Senior Backend Engineer | Yu-Jhe Dong, Jhih-Wei Lin, Kai-cheng Tseng
資訊安全 System Security | Syue-Jhan Jhuang
照片來源 Photo | Shutterstock
年份 Year | 2022
―
行政院農業委員會林業試驗所 Taiwan Forestry Research Institute
https://www.tfri.gov.tw/
Copyright © HAMASTAR Technology Co., Ltd. All rights reserved
―
Prototype
首頁設計 Home page Design
巨型橫幅主視覺Banner 參考前瞻設計網站採用全幅背景 (Full width Background) 設計，有效突出頁面的視覺中心，以Ajax 互動切換技術展現臺灣林木多元性及豐富生態系、林業資源永續經營、互動性教育空間等視覺大圖改良現有網站的主視覺互動設計形式。主題性服務專區依循政府數位服務指引 11遵循易用性原則 盤點網站服務並透過 UX工作坊分類服務屬性：「參訪解說」、「數位資源」、「林業服務」、「研討活動」四大類 ，透過微互動圖像化 ICON 設計等豐富趣味的版面，優化閱讀視覺舒適性。高閱讀性之數據資訊。增加現有全球網所沒有的圖像化重要指標統計資訊，強化環境及生態相關研究資料圖像化，整合介接林試所資料庫 如生態感測展示平台、生態感測資料開放平台、台北植物園植物資料庫等 統計資訊相關指標數據資料， 利用折線圖、長條圖或圓餅圖等高閱讀性之視覺化效果設計， 協助民眾查閱進而監督施政並強化「數位治理」、「群眾智慧」。
巨型橫幅主視覺Banner 參考前瞻設計網站採用全幅背景 (Full width Background) 設計，有效突出頁面的視覺中心，以Ajax 互動切換技術展現臺灣林木多元性及豐富生態系、林業資源永續經營、互動性教育空間等視覺大圖改良現有網站的主視覺互動設計形式。主題性服務專區依循政府數位服務指引 11遵循易用性原則 盤點網站服務並透過 UX工作坊分類服務屬性：「參訪解說」、「數位資源」、「林業服務」、「研討活動」四大類 ，透過微互動圖像化 ICON 設計等豐富趣味的版面，優化閱讀視覺舒適性。高閱讀性之數據資訊。增加現有全球網所沒有的圖像化重要指標統計資訊，強化環境及生態相關研究資料圖像化，整合介接林試所資料庫 如生態感測展示平台、生態感測資料開放平台、台北植物園植物資料庫等 統計資訊相關指標數據資料， 利用折線圖、長條圖或圓餅圖等高閱讀性之視覺化效果設計， 協助民眾查閱進而監督施政並強化「數位治理」、「群眾智慧」。
列表頁設計 List Page Design
內容頁設計 Content Page Design
分眾導覽機制
依循政府數位服務指引11遵循易用性原則，盤點貴單位，林業服務、最新訊息、互動教育資源，進而規劃分眾導覽機制透過資訊智慧分流，精準投遞資訊服務予使用者，以圖像化設計按鈕強化一致性，協助使用者快速獲得適切服務，優化快速服務導覽機制。多元化樣式優化不同資料之呈現改良現有網站的標題列表形式，運用縮圖輪播、標題及類別提示等多元化樣式，提供民眾最即時及高易讀性訊息。強化社群媒體優化(SMO)。依循政府數位服務指引12鼓勵數位使用 優化動態影音展現形式資源櫥窗，提供 Youtube 動態影音即時觀看視窗資源，以親和貼近的設計協助使用者依使用經驗，直覺、快速取得各資源服務，深化民眾互動，強化集客式行銷操作。
依循政府數位服務指引11遵循易用性原則，盤點貴單位，林業服務、最新訊息、互動教育資源，進而規劃分眾導覽機制透過資訊智慧分流，精準投遞資訊服務予使用者，以圖像化設計按鈕強化一致性，協助使用者快速獲得適切服務，優化快速服務導覽機制。多元化樣式優化不同資料之呈現改良現有網站的標題列表形式，運用縮圖輪播、標題及類別提示等多元化樣式，提供民眾最即時及高易讀性訊息。強化社群媒體優化(SMO)。依循政府數位服務指引12鼓勵數位使用 優化動態影音展現形式資源櫥窗，提供 Youtube 動態影音即時觀看視窗資源，以親和貼近的設計協助使用者依使用經驗，直覺、快速取得各資源服務，深化民眾互動，強化集客式行銷操作。
改善圖文編排
配合響應式設計優化網頁閱讀性及互動性，適切所有載具使用。系統自動智慧關聯媒合給使用者感興趣之資訊發布訊息或內容並主動推薦 目的在強化友善互動體驗 。文章末提供與該篇文章相關之檔案、圖片、連結及影音等多元化資訊型態，強化資訊曝光完整性及高閱讀性。透過「事件資料收集器」剖析後，智慧關聯使用者瀏覽行為及內容關鍵字 ，提供新聞 │ 教育 │ 活動 │ 文章 │ 常見問答等延伸閱讀。並因應政府數位服務 (Beta 版 架構準則 13 衡量服務績效 ，提供網頁滿意度調查，了解網頁的可用性， 持續監控服務校能並進行網站優化。
配合響應式設計優化網頁閱讀性及互動性，適切所有載具使用。系統自動智慧關聯媒合給使用者感興趣之資訊發布訊息或內容並主動推薦 目的在強化友善互動體驗 。文章末提供與該篇文章相關之檔案、圖片、連結及影音等多元化資訊型態，強化資訊曝光完整性及高閱讀性。透過「事件資料收集器」剖析後，智慧關聯使用者瀏覽行為及內容關鍵字 ，提供新聞 │ 教育 │ 活動 │ 文章 │ 常見問答等延伸閱讀。並因應政府數位服務 (Beta 版 架構準則 13 衡量服務績效 ，提供網頁滿意度調查，了解網頁的可用性， 持續監控服務校能並進行網站優化。
