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

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

▲上海國稅首頁

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

名稱欄目：政府網(wǎng)站用戶體驗(yàn)設(shè)計(jì)
URL鏈接：http://redsoil1982.com.cn/news34/159484.html

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

廣告

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