文/資訊處 林國仲
前言
最近幾年由於各式新興應用服務及行動裝置崛起，台糖官網整體呈現也需與時俱進。因此在106年2月由秘書處重新規畫全球資訊網開發建置案，預計達成下列目標：
1. 以顧客導向的主題呈現。
2. 塑造年輕化的視覺印象。
3. 採用響應式網頁設計（Responsive Web Design，簡稱RWD）。
4. 現有功能優化。
經過多次的專案會議討論，由資訊處和秘書處共同承接開發工作，秘書處負責整體版面設計和內容架構彙整，資訊處負責前後台系統規劃與程式設計。由於本專案增加甚多新技術，勢必得花費時間學習，如此一來將會增加專案時程，但本處仍然決定上線日期訂為107年5月1日。所幸開發過程種種的艱苦總算努力熬過，讓我們能如期上線，完成上級交付之任務。
需求收集/程式開發
本次專案包含台糖官網中英文版、八大事業部(精農事業部另有英文版)、高雄分公司、台糖通訊、企業永續發展網中英文版，以及台糖工會共計16個網站。為了建立適合台糖多樣化服務的網站，首先必須收集並確認各單位需求，了解網站上需求。在收集資料階段主要由秘書處彙整，過程中會同網站開發人員與各單位詳細討論。期間業務單位提出需求及介面功能必須由開發同仁評估，因本次專案採用RWD設計，須考量整個資訊頁面在行動裝置上是否合適，過程中雙方的意見碰撞在所難免，但也因此能激發出更好的想法並解決問題。
有了初步網站架構需求後，在版面設計上即可構思符合台糖官網的介面。構思期間也邀請外部行銷顧問劉老師提供專業意見，從一般民眾的角度來看台糖官網，可以何種面貌來提供大眾瀏覽。
除了針對原有功能優化外，也參考其他外部網站評估加入那些新功能，例如本次改版加入社群媒體轉發服務、友善列印、引用Google相關服務(包含全站搜尋、Youtube影片、Gmap、Google Analysis)、開放資料分享(包含RSS訂閱、json格式轉換)、大事記以時間軸呈現、新聞資訊一稿多向發布、電子書頁面…等。
成果展示
開發小組為了設計出適合RWD化的官網版面，主要依循下列設計準則：
• 適當留白
• 適當放大
• 色彩運用
• 區塊平衡
• 微互動
首頁版面(圖1)所示。在區塊及文字之間的留白或間隔加大，以利閱讀；選單文字及內頁標題放大，凸顯與內文的差別。在色彩運用上，採用柔和對比色或相近色，主體顏色不過多，避免版面過於花俏。另外為了便於RWD設計，版面配置以區塊為主，可隨瀏覽裝置螢幕大小自動縮放。區塊設計講究平衡性，使民眾瀏覽時閱讀感更加平順。
在商品介紹(圖2)和主題景點版面，預設顯示時部分區塊採用jQuery語法中的手風琴(accordion)效果隱藏次要資訊，例如進階搜尋、商品成份...等，使版面維持清爽。另外值得一提的是大事記，一般企業網站的大事記皆以表格或大量文字敘述，本次改版採用具RWD特性的時間軸方式呈現，電腦版面(圖3)和平版或手機版面(圖4)所示。最後增加的新亮點是微互動效果，利如滑鼠移過某區塊會有底色變換、非可視畫面延遲載入圖片、捲軸滑動時主選單置頂且視窗右下方漸層出現回頂端的小按鈕、手機版頁面點擊漢堡式選單或搜尋鈕時會有小動畫呈現、...等，透過這些微互動提升瀏覽者體驗。
未來展望
台糖新官網已經上線一段時間了，對使用者來說或許不夠完美，但資訊處與秘書處仍持續針對內容進行優化，就是為了給予瀏覽的民眾一個更好的體驗。目前資訊處正針對官網進行無障礙網頁優化，讓不同領域的民眾可更友善的使用台糖官網，更能行銷自家品牌，創造雙贏的互動交流平台，即是本次改版最大的願景。
