政府網(wǎng)站界面設(shè)計(jì)思路淺談
作者:韓穎
政府網(wǎng)站是面向社會(huì)各界發(fā)布政務(wù)信息、提供網(wǎng)上辦事服務(wù)、反映社情民意的綜合性網(wǎng)站,也是透視政府工作和了解城市全貌的窗口。網(wǎng)站界面作為政府的“門面”,可以帶給瀏覽者最直觀的感受,同時(shí)也從一個(gè)側(cè)面反映政府形象。當(dāng)前,建設(shè)服務(wù)型政府網(wǎng)站要體現(xiàn)“以人為本”的服務(wù)理念,因此網(wǎng)站設(shè)計(jì)不管從界面風(fēng)格、色彩搭配還是媒體技術(shù)的應(yīng)用等等,都要以用戶為中心作為出發(fā)點(diǎn)。下面我從以下幾點(diǎn)談?wù)務(wù)W(wǎng)站的設(shè)計(jì)思路:
政府網(wǎng)站是面向社會(huì)各界發(fā)布政務(wù)信息、提供網(wǎng)上辦事服務(wù)、反映社情民意的綜合性網(wǎng)站,也是透視政府工作和了解城市全貌的窗口。網(wǎng)站界面作為政府的“門面”,可以帶給瀏覽者最直觀的感受,同時(shí)也從一個(gè)側(cè)面反映政府形象。當(dāng)前,建設(shè)服務(wù)型政府網(wǎng)站要體現(xiàn)“以人為本”的服務(wù)理念,因此網(wǎng)站設(shè)計(jì)不管從界面風(fēng)格、色彩搭配還是媒體技術(shù)的應(yīng)用等等,都要以用戶為中心作為出發(fā)點(diǎn)。下面我從以下幾點(diǎn)談?wù)務(wù)W(wǎng)站的設(shè)計(jì)思路:
一、 增強(qiáng)用戶體驗(yàn)設(shè)計(jì)
政府網(wǎng)站的用戶體驗(yàn)(User Experience,簡(jiǎn)稱UE)是指用戶訪問政府網(wǎng)站的過程中所產(chǎn)生的純主觀的心理感受。目前我國(guó)部分政府網(wǎng)站還存在受眾少、用戶關(guān)注度不高的情況,網(wǎng)站建設(shè)多是以充分實(shí)現(xiàn)三大功能(信息公開、網(wǎng)上辦事、公眾互動(dòng))為目標(biāo),而沒有把提高用戶體驗(yàn)擺到重要位置。隨著計(jì)算機(jī)技術(shù)和互聯(lián)網(wǎng)的發(fā)展,只有更加人性化的設(shè)計(jì)才能贏得受眾,才能逐步提升政府網(wǎng)站的影響力和宣傳力,因此設(shè)計(jì)要從傳統(tǒng)的用戶界面(interface)向用戶體驗(yàn)(experience)轉(zhuǎn)變。
二、 明確網(wǎng)站設(shè)計(jì)風(fēng)格
政府網(wǎng)站的界面設(shè)計(jì)要注意簡(jiǎn)潔大方、清新美觀、特色鮮明。當(dāng)前,一些政府門戶網(wǎng)站個(gè)性不足,不能體現(xiàn)當(dāng)?shù)靥厣?,模式化現(xiàn)象嚴(yán)重。
為設(shè)計(jì)具有風(fēng)格特色的政府網(wǎng)站,更好的體現(xiàn)網(wǎng)站定位,展現(xiàn)政府的親和力和表現(xiàn)力,因此在設(shè)計(jì)過程中要緊緊抓住本地區(qū)的歷史沿革、地域文化、民族特色等個(gè)性特點(diǎn),選取標(biāo)志性的圖片、象征意義的色彩,并運(yùn)用相關(guān)技術(shù)手段進(jìn)行藝術(shù)加工,設(shè)計(jì)出一套整體形象,久而久之,就成為形成當(dāng)?shù)靥厣?/div>
如:北京市政務(wù)門戶網(wǎng)站整體界面風(fēng)格是現(xiàn)代中不失莊重,設(shè)計(jì)簡(jiǎn)潔美觀。多處采用北京特色元素,如墨跡圖章logo、故宮角樓以及北海公園等,充分體現(xiàn)了北京兼具有深厚的歷史文化底蘊(yùn)與充滿活力的現(xiàn)代科技?xì)庀⒌娘L(fēng)格特點(diǎn)。
三、 準(zhǔn)確運(yùn)用色彩搭配
在網(wǎng)頁(yè)中,準(zhǔn)確運(yùn)用色彩搭配也是非常重要的。它不僅可以使訪問者產(chǎn)生最直觀的視覺感受,也能同時(shí)拉近網(wǎng)站與訪問者的距離,提高訪問者理解的準(zhǔn)確度。
政府門戶網(wǎng)站網(wǎng)頁(yè)的色彩色調(diào)設(shè)計(jì)要盡量做到穩(wěn)重、大氣、協(xié)調(diào)。首先,確定主色調(diào)。主色調(diào)是頁(yè)面的主要色彩傾向。當(dāng)前,政府門戶網(wǎng)站網(wǎng)頁(yè)主色調(diào)以紅色和藍(lán)色居多,也有依照地方特色,根據(jù)顏色設(shè)置獨(dú)特的網(wǎng)頁(yè)色彩。其次,明確配色方案。合理運(yùn)用色彩規(guī)律,以主色調(diào)為中心,利用色彩的明度、純度、色相三要素的變化和主色調(diào)一起構(gòu)成網(wǎng)頁(yè)整體和諧統(tǒng)一的色彩關(guān)系。同時(shí)注意網(wǎng)頁(yè)配色方案中色彩種類最好不要超過四種。
如:杭州是我國(guó)重點(diǎn)的風(fēng)景旅游城市和歷史文化名城,頁(yè)面設(shè)計(jì)以藍(lán)綠色調(diào)構(gòu)成,紅色字起到突出的作用,網(wǎng)站整體充分體現(xiàn)了“上有天堂、下有蘇杭”山清水秀的感覺,讓人流連忘返。
四、 合理布局網(wǎng)站界面
政府網(wǎng)站頁(yè)面上元素主要由文字、色彩、動(dòng)畫、聲音、腳本等構(gòu)成。界面布局排版就是要有機(jī)地組織這些要素,充分清晰地表現(xiàn)出網(wǎng)站主題和信息架構(gòu),給用戶良好的操作界面和視覺效果。在界面布局中需要考慮以下問題:
政府網(wǎng)站多采用以信息公開、在線辦事、公眾參與三大功能定位為劃分原則,設(shè)計(jì)3欄式布局方式,結(jié)構(gòu)清晰,便于用戶使用和查找相關(guān)信息。根據(jù)用戶瀏覽習(xí)慣,首先觀察網(wǎng)頁(yè)的左上部和上面部分,之后再往下閱讀,再閱讀右側(cè)內(nèi)容,呈現(xiàn)“F”型。因此,在欄目布局上也應(yīng)將重要內(nèi)容集中在這些關(guān)鍵區(qū)域,獲得更多關(guān)注。
從頁(yè)面寬度看,基于800×600分辨率的寬度設(shè)計(jì)網(wǎng)頁(yè)已經(jīng)過時(shí),目前以1024×768分辨率的設(shè)計(jì)居多。也可以采用自適應(yīng)屏幕寬度設(shè)計(jì),在各種分辨率條件下都能取得較好的效果。從頁(yè)面長(zhǎng)度來(lái)看,我國(guó)政府門戶網(wǎng)站首頁(yè)絕大部分采用多頁(yè)式結(jié)構(gòu)。使主頁(yè)內(nèi)容顯得豐富的同時(shí)要避免頁(yè)面超過三屏,顯得過分冗長(zhǎng)。單頁(yè)式首頁(yè)一般為導(dǎo)航型門戶網(wǎng)站采用,該頁(yè)面注意導(dǎo)航系統(tǒng)的設(shè)計(jì),將三大功能定位整合在一個(gè)頁(yè)面上,通過頁(yè)簽切換來(lái)實(shí)現(xiàn)各欄目展現(xiàn),力求周全便捷,避免給用戶進(jìn)一步獲取信息帶來(lái)困難。
對(duì)政府門戶網(wǎng)站而言,文字字體與字型的選擇也相當(dāng)重要。字體應(yīng)使用兼容的或系統(tǒng)默認(rèn)的缺省字體,如黑體、宋體、仿宋及隸書等,如果確實(shí)需要其它非常用字體,可將字體圖形化后作為圖片插入網(wǎng)頁(yè)中使用。同時(shí)還應(yīng)注意留白處理,為突出不同字體的形態(tài)特征和區(qū)分段落,留出相應(yīng)的空白,空白處理對(duì)于提高視覺效果有極重要的影響,使分類集中。另外,合理的文字色彩設(shè)置,能夠吸引瀏覽者的注意,使文字更加突出醒目,還應(yīng)注意使整個(gè)頁(yè)面色彩和諧統(tǒng)一。
除以上外,網(wǎng)頁(yè)中文字、標(biāo)題、圖片等會(huì)在頁(yè)面上組合形成各種線條和形狀。正確地處理和搭配好這些線條和形狀,也可增強(qiáng)頁(yè)面的藝術(shù)魅力。
五、 靈活應(yīng)用多媒體技術(shù)
政府網(wǎng)站設(shè)計(jì)由最初平面、靜態(tài)的網(wǎng)頁(yè)到動(dòng)態(tài)、交互的,媒體技術(shù)的應(yīng)用與進(jìn)步極大地豐富了網(wǎng)頁(yè)的表現(xiàn)力。
Flash動(dòng)畫技術(shù)的應(yīng)用,給政府網(wǎng)站注入了活力,具有較強(qiáng)的親和力和吸引力。Flash多用在網(wǎng)站頭部banner的輪換圖片或者網(wǎng)站中需要突出的專題及宣傳標(biāo)語(yǔ)等,既能強(qiáng)化視覺效果又起到活潑版面的作用,同時(shí)也應(yīng)注意畫面變換不要過于強(qiáng)烈及跳躍性過大,以免與整體界面不協(xié)調(diào)或是因動(dòng)畫數(shù)量過多,影響頁(yè)面打開速度,降低用戶在網(wǎng)頁(yè)的停留時(shí)間。
聲音的運(yùn)用在政府網(wǎng)站較少,場(chǎng)景式服務(wù)導(dǎo)航中常會(huì)有引導(dǎo)性及相關(guān)介紹性的聲音片段,設(shè)計(jì)同時(shí)應(yīng)注意插入音樂的大小,避免音頻文件過大,影響載入速度。
綜上所述,以需求為導(dǎo)向,以用戶為核心,大膽創(chuàng)新,勇于探索,界面設(shè)計(jì)中要充分體現(xiàn)“以人為本”的服務(wù)思想。
隨著互聯(lián)網(wǎng)Web 2.0技術(shù)和豐富創(chuàng)意的發(fā)展,勢(shì)必會(huì)給政府網(wǎng)站帶來(lái)新的活力。Web2.0強(qiáng)調(diào)的是用戶體驗(yàn)和集體參與,個(gè)性化的服務(wù)應(yīng)用到政府網(wǎng)站中,變“名片型”網(wǎng)站為“服務(wù)型”網(wǎng)站,完善功能,在欄目設(shè)計(jì)的同時(shí)也應(yīng)注意到后期維護(hù)及工作效率的提高,是政府網(wǎng)站建設(shè)的當(dāng)務(wù)之急。
責(zé)任編輯:桑丘
來(lái)源:
中國(guó)軟件評(píng)測(cè)中心


相關(guān)推薦




