跳到主要內容區塊

機關網站使用者介面(UI)與體驗(UX)案例分析_彰化縣政府

網站現況

彰化縣政府網站目前功能多元、資訊豐富,色調搶眼。

網站目標使用者分析

1. 地方居民與在地企業
工商、結婚登記或補助申請等業務資訊查詢及申辦。
2. 外縣市訪客、遊客
遊憩需求為主,如地區景點遊憩資源、季節活動、交通資訊等。
3. 縣市政府管考人員、議員及立委
施政績效與報告等資料查詢。

彰化縣政府網站使用者分析

網站問題分析

問題1-搶眼的主色比例較高,容易視覺疲勞
目前使用的紫色較為明亮刺眼,易使人在使用網站時產生視覺疲勞。
問題2-網站資料複雜,分類不清
資訊較多,且以文字為主,使用者較難找到需求的單位或業務資訊

導入目標與策略

彰化縣政府網站主要在於提供民眾多元即時的服務,並能傳達相關活動訊息、與民同樂。提高網站的易用性及易讀性,並能透過網站為縣府形象加分。

導入目標

•提升彰化縣政府之易用性、優使性。
•讓使⽤者能夠更快速且直覺得完成任務或取得資訊。
•提升民眾對於縣府網站的好感度。
•塑造溫馨親切的縣府品牌形象。

導入策略

使用者經驗面相
•將民眾常用的功能以圖示icon分類,放在主內容區塊的第一層,方便民眾查找需求業務。
•活動資訊以標籤分類,依最新刊登時間排序,讓民眾能同時看到各類活動的最新訊息。

使用者介面面相
•整體色調以溫暖親切的意象為主。
•飽和度高的色調局部點綴,帶出視覺重點。
•背景以漸層引導使用者的視覺方向。

導入手法

為提升彰化縣政府現有網站的易用性與易讀性,讓使用者在瀏覽網站時有更舒適的體驗。依據彰化縣政府現有網站進⾏使用者介面設計調整,提升民眾對於縣府網站的好感度,塑造溫馨親切的縣政府形象。

視覺風格導入目標

一、採用卡片式設計
二、親切柔性的圓角設計應用
三、導入品牌意識

視覺風格導入解析

一、採用卡片式設計:
現行網站資訊較多,且以文字為主,使用者較難找到需求的單位或業務資訊,在使用者介面調整採以簡潔現代的卡片式設計,多欄位的排版使網站更容易閱讀。
二、親切柔性的圓角設計應用:
網頁區塊使用圓角矩形的卡片式設計,方正加上圓角的矩形,塑造縣府專業、誠懇、親切的形象。
三、導入品牌意識:
網站經營需有清楚的品牌意識與形象營造目標,透過以縣府LOGO色系為基調的色彩計畫,建立縣府企業識別意象,加深目標對象對於此網站之印象。

色彩計畫

網站色彩可大幅度增強使用者對於網站閱覽的印象,色彩意象更能詮釋傳達品牌的精神與論點,建議以縣府LOGO色系基調出發,並延伸出暖色系漸層,營造溫馨親切之網站形象,也可避免視覺疲勞。
文字以無彩色的黑、灰階、白來搭配,亦可平衡整體網站色系。

文字規範

網站的文字更為清晰與簡潔,建議整體使用無襯線的黑體字,加強標題粗體字的粗度,並依據現有網站之文字大小微調:
1.內文-14px
2.選單-16px
3.icon標題-18px
4.一般標題-20px
5.各區段大標題-24px
為了提升網站閱讀性,讓使用者瀏覽文字時更加舒適,更符合人的閱讀習慣,文字段落的行距建議訂定於1.2-1.4倍之間,段落的前後盡量避免標點符號與落單的字。

導入成果