現(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)站標(biāo)識色使用鈷藍色為主色調(diào)(色號為#1a56a8)
版式設(shè)計在設(shè)計決定了瀏覽者對網(wǎng)頁的第一印象，連接著如何充分發(fā)揮每個元素的角色功能的重要使命。
▲上海國稅首頁
▲2015改版前的吉林國稅首頁
從上面兩個例子我們可以看到兩個類似于其他門戶首頁,缺乏特色和亮點。
在上面的兩個首頁的設(shè)計中很多的咨詢信息削弱納稅人涉稅常用系統(tǒng)。圖像和文本之間的界面設(shè)計布局不符合用戶瀏覽習(xí)慣,區(qū)分不明顯,每一列的高度在2頁屏幕一半以上。顏色上的顏色更重要的是,不考慮顏色的統(tǒng)一。這些問題將使納稅人登錄頁面后很短的一段時間內(nèi)不知道如何開始,很難得到需要知道的信息。
為用戶構(gòu)建簡單、可靠、適用性強的網(wǎng)上稅務(wù)局,我們不斷探索和創(chuà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ù)標(biāo)識顏色鈷藍色,鈷藍色調(diào)偏深容易專注于用戶的視覺,易于使用和搜索。藍色也象征著莊嚴(yán)和科學(xué)技術(shù)。在交互設(shè)計中,當(dāng)鼠標(biāo)移動到相應(yīng)的欄目的主要信息的形式將顯示以下拉;用戶可以理解第一個面板涉稅服務(wù)項目和信息。
2、推送類區(qū)域：
在導(dǎo)航下面，以下我們將納稅人服務(wù)意識較高的熱推和信息。推動它改變從傳統(tǒng)4:3圖像符合人類視覺瀏覽16:9的尺寸。功能設(shè)計采用切換卡的形式,保存頁面的空間,也使頁面看起來更簡潔和美麗的。
3、傳統(tǒng)功能區(qū)：
在傳統(tǒng)功能設(shè)計,我們通過合理的方式刪除簡化以前的稅收服務(wù),互動門戶網(wǎng)站信息披露,參與堆棧從上到下,橫幅設(shè)計形式。在設(shè)計中上述欄目在首頁上均勻分布,通過檢索,手風(fēng)琴拉互動,和壓扁圖標(biāo),在保證功能的前提下,還實現(xiàn)了視覺上的和諧。
▲江蘇省國家稅務(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ū)域,與過去相比,簡單的文本消息,按鈕是容易識別人,點擊。
在第二區(qū)域資訊類信息，在字體上，和以往的“宋體”相比，使用了目前流行的“微軟雅黑”字體，雅黑字體的字心看起來顯得更為飽滿，在同樣的字號下，雅黑的單字面積看起來更大，更容易識別，在中英文的搭配中非常的和諧，閱讀起來也更清晰、舒適。
在第三區(qū)域的涉稅服務(wù)中，以藍色為背景的塊狀圖標(biāo)在視覺上看起來更加具有“分量”，可以迅速吸引納稅人的視覺。我們將主要稅收相關(guān)功能頁面右側(cè),符合我們在計算機操作,使用鼠標(biāo)點擊右邊。稅收相關(guān)咨詢的形式新穎的自動問答,改善納稅人之間的熱線和交互。
第三個案例是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è)計采用鼠標(biāo)移動左邊菜單上的隱藏孩子級欄目以圖標(biāo)和文本的形式顯示。納稅人可以選擇根據(jù)自己的要求:我要稅,我想查詢,我要維權(quán)、我要提問中的具體服務(wù)事項。反映了該地區(qū)的功能性質(zhì),在鼠標(biāo)上的觸摸按鈕設(shè)計還使用更好的讓用戶感覺親切友好的文案提示選擇。
鼠標(biāo)移動后的顯示區(qū)域也采用矩形為背景,小標(biāo)題圖標(biāo)設(shè)計改變線性圖標(biāo)在視覺上更加優(yōu)雅。在一個白色背景透明,古老的藍色圖標(biāo)和暗灰色文本似乎更清楚用戶識別。
如果我們打開主頁瀏覽后從上到下將看到橫幅的下部橫向維度的導(dǎo)航,導(dǎo)航主要稅收門戶將設(shè)立程序。為用戶熟悉政府門戶網(wǎng)站設(shè)計的。
由于水平維度在子頁面導(dǎo)航還有幫助,指導(dǎo)用戶在瀏覽網(wǎng)站的過程中不會丟失,并且可以輕松地返回到主頁和其他相關(guān)內(nèi)容頁面。界面設(shè)計使用黑暗的背景、圖標(biāo)的形式結(jié)合文字突出。
橫向維度導(dǎo)航在交設(shè)計上借鑒和改造以往政府門戶網(wǎng)站首頁下拉框的設(shè)計思路。在鼠標(biāo)移入對應(yīng)的欄目時會以下拉框的形式在首頁里展示頻道頁里的部分重要功能。
本次設(shè)計不同于傳統(tǒng)下拉框的設(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è)計上放棄了之前的塊狀圖標(biāo)與線性圖標(biāo)，轉(zhuǎn)而采用動態(tài)圖標(biāo)，在動態(tài)圖標(biāo)的設(shè)計上采用藍色和與其互補顏色橙色，用一冷一暖的顏色模擬物體閃爍效果，提示用戶可以點擊。
在交互設(shè)計上，鼠標(biāo)點擊后，該隱藏區(qū)域會以拉門形式展開。該區(qū)域?qū)挾仁褂命S金比例劃分，在常用分辨率下大約占頁面可視區(qū)寬度的0.618。
最后，納稅門戶作為納稅人的窗口，還需要考慮到政府形象的外在展示和稅收宣傳工作的直接方式。為了體現(xiàn)設(shè)計的本質(zhì)，在這次修訂的背景下，辦稅服務(wù)廳和掌稅材料主要選擇后，有兩個因素，整體形象突出便民辦稅的主題，以情動人。方便納稅人及時了解圖片大意。復(fù)制的設(shè)計也不同于網(wǎng)站的字體，優(yōu)雅別致的書法風(fēng)格的巨大勢頭。
簡潔的界面、友好的交互，讓優(yōu)秀的用戶的體驗，現(xiàn)更進一步。
通過上面的3個案例，我們可以看到，設(shè)計師在網(wǎng)頁的設(shè)計上會不斷創(chuàng)新，探索設(shè)計政府門戶的新理念，利用簡單的界面和友好的互動，讓優(yōu)秀的用戶體驗不斷向前邁進。
海淘科技小編總結(jié)說同時，結(jié)合各地不同用戶的需求，深入研究，借鑒國內(nèi)外網(wǎng)站的設(shè)計，從實際出發(fā)，打造有特色的政府門戶品牌。想要了解更多的關(guān)于網(wǎng)站設(shè)計基礎(chǔ)知識可點擊此鏈接
