2022-05-27 分類: 用戶體驗(yàn)
現(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ù)局是大漢科技在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ù)局是大漢科技在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)咨詢的形式新穎的自動問答,改善納稅人之間的熱線和交互。
第三個(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://jinyejixie.com/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)
猜你還喜歡下面的內(nèi)容