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

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

▲上海國(guó)稅首頁(yè)

▲2015改版前的吉林國(guó)稅首頁(yè)

從上面兩個(gè)例子我們可以看到兩個(gè)類(lèi)似于其他門(mén)戶(hù)首頁(yè),缺乏特色和亮點(diǎn)。

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

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

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

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

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

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

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

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

2、推送類(lèi)區(qū)域：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

鼠標(biāo)移動(dòng)后的顯示區(qū)域也采用矩形為背景,小標(biāo)題圖標(biāo)設(shè)計(jì)改變線(xiàn)性圖標(biāo)在視覺(jué)上更加優(yōu)雅。在一個(gè)白色背景透明,古老的藍(lán)色圖標(biāo)和暗灰色文本似乎更清楚用戶(hù)識(shí)別。

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

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

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

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

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

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

在交互設(shè)計(jì)上，鼠標(biāo)點(diǎn)擊后，該隱藏區(qū)域會(huì)以拉門(mén)形式展開(kāi)。該區(qū)域?qū)挾仁褂命S金比例劃分，在常用分辨率下大約占頁(yè)面可視區(qū)寬度的0.618。

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

簡(jiǎn)潔的界面、友好的交互，讓優(yōu)秀的用戶(hù)的體驗(yàn)，現(xiàn)更進(jìn)一步。

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

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

分享文章：政府網(wǎng)站用戶(hù)體驗(yàn)設(shè)計(jì)
當(dāng)前路徑：http://redsoil1982.com.cn/news/159484.html

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

廣告

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