PAGE TOP

All in One的網頁設計!煥然一新的再生能源資訊平台

E-PAPER電子報 NO.480    2020.12.25

因應中央政府提升再生能源發電量的能源政策,臺中市政府經發局投入資源設置 【臺中市再生能源資訊平台 】,目的是透過遴選的營運商協助民眾設置太陽光電及諮詢,鼓勵企業和民眾加入再生能源的行列。此平台運作已有段時間,近期因宣傳策略的調整,我們在網站首頁做了布局的優化更新,並搭配視覺圖像的分流引導,讓各類使用者在操作上更有效率。

分眾入口網導向

起初因能源政策需強力推動宣傳,需清楚呈現所有功能,還要將其他專區服務的連結彙整在這個大平台,成為整合臺中市所有再生能源相關資訊的數位媒介等幾項訴求。在理解需求後,將原既有平台(圖1)的所有功能按鈕化,首頁做一頁式的呈現讓使用者依據需求做點選。

 圖1 舊版臺中市再生能源資訊平台,運用清楚的按鈕達到直覺式的功能選擇

網站上線過程中,原本的框架陸續新增了新的政策宣傳需求,隨著資訊量的增加,讓首頁的重點變得分散不明確。今年此延續案的網頁改版保留平台原有功能,另外將功能項目依使用者所屬的身份類別做分類,再依據身分別投以對應的資訊(圖2)。因為人在社會化的過程中都會有一種自我歸類的特質,這樣的規劃可以讓使用者在平台操作過程中得到正確且需要的資訊,以達目的性的訊息傳遞。

 圖2 新版網站首頁規劃將使用者身份分類並用運用不同顏色與插圖區別
拉近使用者之間的距離

有時一張圖勝過鉅細靡遺的文字敘述,文字並不是不重要,而是當一個概念或是情境需要清楚溝通時,特別是像生硬或是較嚴肅的政策宣導(圖3) ,透過具象圖像化元素及文案配置,讓使用者將議題轉為正向,清晰易懂更能吸引閱讀。透過注重平衡、強調重點,使畫面變的更引人注目,讓使用者更有動機去理解所要傳達的訊息。

 圖3 用電大戶滿足義務的四大途徑
網頁介面須隨需求與目的規劃

當設計師理解網頁架構後,根據需求與資訊內容設計視覺畫面的安排與布局,所以需求確認對設計師是非常重要的環節,每個需求都會衍伸出不同的操作模式,透過系統化的資訊視覺化與風格搭配,相輔相成才能造就一個兼具實用性和創新的網頁平台。

 圖4 新版臺中市再生能源資訊平台