政府網(wǎng)站用戶體驗設(shè)計

2022-05-27    分類: 用戶體驗

現(xiàn)在上海網(wǎng)站設(shè)計的小編就為大家以稅務(wù)門戶網(wǎng)站為例全方位的闡述政府的網(wǎng)站的用戶體驗的設(shè)計,在稅務(wù)門戶網(wǎng)站的logo和顏色上,我們會根據(jù)國家稅務(wù)總局2010年105號文件中的要求:采用新式稅服帽徽和“中國稅務(wù)”組合圖案作為網(wǎng)站logo,網(wǎng)站標識色使用鈷藍色為主色調(diào)(色號為#1a56a8)

版式設(shè)計在設(shè)計決定了瀏覽者對網(wǎng)頁的第一印象,連接著如何充分發(fā)揮每個元素的角色功能的重要使命。

政府網(wǎng)站用戶體驗設(shè)計

▲上海國稅首頁

政府網(wǎng)站用戶體驗設(shè)計

▲2015改版前的吉林國稅首頁

從上面兩個例子我們可以看到兩個類似于其他門戶首頁,缺乏特色和亮點。

在上面的兩個首頁的設(shè)計中很多的咨詢信息削弱納稅人涉稅常用系統(tǒng)。圖像和文本之間的界面設(shè)計布局不符合用戶瀏覽習(xí)慣,區(qū)分不明顯,每一列的高度在2頁屏幕一半以上。顏色上的顏色更重要的是,不考慮顏色的統(tǒng)一。這些問題將使納稅人登錄頁面后很短的一段時間內(nèi)不知道如何開始,很難得到需要知道的信息。

為用戶構(gòu)建簡單、可靠、適用性強的網(wǎng)上稅務(wù)局,我們不斷探索和創(chuàng)新的設(shè)計。

山東省國家稅務(wù)局

政府網(wǎng)站用戶體驗設(shè)計

▲山東省國家稅務(wù)局

山東省國家稅務(wù)局是大漢科技在2014年4月份設(shè)計的頁面。該頁面在整體設(shè)計風(fēng)格上開始跟進國際與國內(nèi)的設(shè)計趨勢,采用了目前最流行的扁平化的設(shè)計風(fēng)格。

在首頁的整體設(shè)計、理性的缺失。削弱之前的稅類信息門戶的信息,使納稅人進入主頁后可以快速找到您所需要的服務(wù),到下一個訪問路徑。與先前的稅收門戶相比,更容易操作,滿足人們追求簡單起見。在頁面的橫向維度主要分為三個方面。

1、導(dǎo)航區(qū)域:

導(dǎo)航設(shè)計存在著科學(xué),無論是在您的web頁面還包含藝術(shù),在導(dǎo)航界面設(shè)計,我們采用稅務(wù)標識顏色鈷藍色,鈷藍色調(diào)偏深容易專注于用戶的視覺,易于使用和搜索。藍色也象征著莊嚴和科學(xué)技術(shù)。在交互設(shè)計中,當鼠標移動到相應(yīng)的欄目的主要信息的形式將顯示以下拉;用戶可以理解第一個面板涉稅服務(wù)項目和信息。

政府網(wǎng)站用戶體驗設(shè)計

2、推送類區(qū)域:

在導(dǎo)航下面,以下我們將納稅人服務(wù)意識較高的熱推和信息。推動它改變從傳統(tǒng)4:3圖像符合人類視覺瀏覽16:9的尺寸。功能設(shè)計采用切換卡的形式,保存頁面的空間,也使頁面看起來更簡潔和美麗的。

政府網(wǎng)站用戶體驗設(shè)計

3、傳統(tǒng)功能區(qū):

在傳統(tǒng)功能設(shè)計,我們通過合理的方式刪除簡化以前的稅收服務(wù),互動門戶網(wǎng)站信息披露,參與堆棧從上到下,橫幅設(shè)計形式。在設(shè)計中上述欄目在首頁上均勻分布,通過檢索,手風(fēng)琴拉互動,和壓扁圖標,在保證功能的前提下,還實現(xiàn)了視覺上的和諧。

政府網(wǎng)站用戶體驗設(shè)計

江蘇省國家稅務(wù)局

政府網(wǎng)站用戶體驗設(shè)計

▲江蘇省國家稅務(wù)局

江蘇省國家稅務(wù)局是大漢科技在2014年10月設(shè)計的首頁,我們從頁面的整體上可以看出扁平化的設(shè)計風(fēng)格已經(jīng)成為政府門戶網(wǎng)站設(shè)計的主流風(fēng)格。

我們有合同在界面設(shè)計的設(shè)計進一步加強稅務(wù)機關(guān)在稅收工作:“始于納稅人需求,基于納稅人滿意度,最終納稅人遵守服務(wù)理念”。頁面的總高度從過去2屏幕,減少到超過一個屏幕,主要內(nèi)容和信息都在一個屏幕上。

在首頁的功能設(shè)計分層組織,納稅人的需求在豎直維度分為:信息推送服務(wù)、公共區(qū)域,區(qū)域與稅收相關(guān)的信息,并與稅收相關(guān)的服務(wù)區(qū)域。

從左向右,在第一個區(qū)域的設(shè)計,我們使用了灰色背景和文本按鈕的組合,區(qū)分從其他功能區(qū)域,與過去相比,簡單的文本消息,按鈕是容易識別人,點擊。

政府網(wǎng)站用戶體驗設(shè)計

在第二區(qū)域資訊類信息,在字體上,和以往的“宋體”相比,使用了目前流行的“微軟雅黑”字體,雅黑字體的字心看起來顯得更為飽滿,在同樣的字號下,雅黑的單字面積看起來更大,更容易識別,在中英文的搭配中非常的和諧,閱讀起來也更清晰、舒適。

政府網(wǎng)站用戶體驗設(shè)計

在第三區(qū)域的涉稅服務(wù)中,以藍色為背景的塊狀圖標在視覺上看起來更加具有“分量”,可以迅速吸引納稅人的視覺。我們將主要稅收相關(guān)功能頁面右側(cè),符合我們在計算機操作,使用鼠標點擊右邊。稅收相關(guān)咨詢的形式新穎的自動問答,改善納稅人之間的熱線和交互。

政府網(wǎng)站用戶體驗設(shè)計

吉林省省國家稅務(wù)局

政府網(wǎng)站用戶體驗設(shè)計

▲吉林省國家稅務(wù)局

第三個案例是2015年5月我們的主頁設(shè)計為吉林省的國家稅務(wù)局,在15年的設(shè)計借鑒浙江政務(wù)服務(wù)的施工方法,稅收服務(wù)理念更近一步。我們把所有的內(nèi)容設(shè)計在屏幕的高度。減少用戶在著陸點顯得雜亂無章,不知道如何開始。近年來JS腳本語言在不同的內(nèi)核是廣泛使用在web瀏覽器。與過去相比,修訂后的首頁界面設(shè)計的基礎(chǔ)上,通過我們及時隱藏和巧妙的移動交互設(shè)計介紹。

在首頁的導(dǎo)航的設(shè)計中我們在傳統(tǒng)的橫向維度導(dǎo)航上新加入了縱向維度導(dǎo)航,納稅人可以根據(jù)他們不同的需求,選擇使用不同的功能。

打開頁面后,從左到右的首頁是一個頁面瀏覽量在左邊最引人注目的納稅人設(shè)計縱向維度的導(dǎo)航,導(dǎo)航主要用于為納稅人不熟悉稅收門戶,有四個不同的顏色,平均分布的垂直矩形按鈕。在按鈕的設(shè)計,造型很友好,色調(diào)統(tǒng)一。

交互設(shè)計采用鼠標移動左邊菜單上的隱藏孩子級欄目以圖標和文本的形式顯示。納稅人可以選擇根據(jù)自己的要求:我要稅,我想查詢,我要維權(quán)、我要提問中的具體服務(wù)事項。反映了該地區(qū)的功能性質(zhì),在鼠標上的觸摸按鈕設(shè)計還使用更好的讓用戶感覺親切友好的文案提示選擇。

鼠標移動后的顯示區(qū)域也采用矩形為背景,小標題圖標設(shè)計改變線性圖標在視覺上更加優(yōu)雅。在一個白色背景透明,古老的藍色圖標和暗灰色文本似乎更清楚用戶識別。

政府網(wǎng)站用戶體驗設(shè)計

如果我們打開主頁瀏覽后從上到下將看到橫幅的下部橫向維度的導(dǎo)航,導(dǎo)航主要稅收門戶將設(shè)立程序。為用戶熟悉政府門戶網(wǎng)站設(shè)計的。

由于水平維度在子頁面導(dǎo)航還有幫助,指導(dǎo)用戶在瀏覽網(wǎng)站的過程中不會丟失,并且可以輕松地返回到主頁和其他相關(guān)內(nèi)容頁面。界面設(shè)計使用黑暗的背景、圖標的形式結(jié)合文字突出。

橫向維度導(dǎo)航在交設(shè)計上借鑒和改造以往政府門戶網(wǎng)站首頁下拉框的設(shè)計思路。在鼠標移入對應(yīng)的欄目時會以下拉框的形式在首頁里展示頻道頁里的部分重要功能。

本次設(shè)計不同于傳統(tǒng)下拉框的設(shè)計是,在下拉框顯示時縱向維度導(dǎo)航會向左平移,顏色改變?yōu)楹谏?,提示用戶該功能禁用。其目的是考慮到多維度的訪問途徑可能會讓用戶無從下手,多通道的訪問會讓網(wǎng)站成為“迷宮”。

政府網(wǎng)站用戶體驗設(shè)計

如果我們打開主頁瀏覽后從右到左,右邊會看到由動態(tài)圖標和復(fù)制最新更新按鈕,該地區(qū)主要為經(jīng)常登錄門戶網(wǎng)站想了解稅收和動態(tài),了解最新的政策提供的用戶訪問通道。

為了能讓用戶在關(guān)注過橫向、縱向維度導(dǎo)航后依然能關(guān)注到該區(qū)域,在圖標的設(shè)計上放棄了之前的塊狀圖標與線性圖標,轉(zhuǎn)而采用動態(tài)圖標,在動態(tài)圖標的設(shè)計上采用藍色和與其互補顏色橙色,用一冷一暖的顏色模擬物體閃爍效果,提示用戶可以點擊。

在交互設(shè)計上,鼠標點擊后,該隱藏區(qū)域會以拉門形式展開。該區(qū)域?qū)挾仁褂命S金比例劃分,在常用分辨率下大約占頁面可視區(qū)寬度的0.618。

政府網(wǎng)站用戶體驗設(shè)計

最后,納稅門戶作為納稅人的窗口,還需要考慮到政府形象的外在展示和稅收宣傳工作的直接方式。為了體現(xiàn)設(shè)計的本質(zhì),在這次修訂的背景下,辦稅服務(wù)廳和掌稅材料主要選擇后,有兩個因素,整體形象突出便民辦稅的主題,以情動人。方便納稅人及時了解圖片大意。復(fù)制的設(shè)計也不同于網(wǎng)站的字體,優(yōu)雅別致的書法風(fēng)格的巨大勢頭。

簡潔的界面、友好的交互,讓優(yōu)秀的用戶的體驗,現(xiàn)更進一步。

政府網(wǎng)站用戶體驗設(shè)計

通過上面的3個案例,我們可以看到,設(shè)計師在網(wǎng)頁的設(shè)計上會不斷創(chuàng)新,探索設(shè)計政府門戶的新理念,利用簡單的界面和友好的互動,讓優(yōu)秀的用戶體驗不斷向前邁進。

創(chuàng)新互聯(lián)小編總結(jié)說同時,結(jié)合各地不同用戶的需求,深入研究,借鑒國內(nèi)外網(wǎng)站的設(shè)計,從實際出發(fā),打造有特色的政府門戶品牌。

名稱欄目:政府網(wǎng)站用戶體驗設(shè)計
URL鏈接:http://www.bm7419.com/news34/159484.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有用戶體驗

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)