一種界面優(yōu)化方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及Π設(shè)計(jì)及計(jì)算機(jī)和人機(jī)交互領(lǐng)域，特別涉及一種使界面的設(shè)計(jì)更加人性化和舒適度的界面優(yōu)化方法。
【背景技術(shù)】
[0002]隨著互聯(lián)網(wǎng)的普及通信技術(shù)的高速發(fā)展，人們的生活和工作也都發(fā)生了很大的變化。在日常的生活和社會(huì)活動(dòng)中人們?cè)絹碓揭蕾嚮ヂ?lián)網(wǎng)技術(shù)。在這種高速增長(zhǎng)的互聯(lián)網(wǎng)實(shí)用需求的背景下，互聯(lián)網(wǎng)及與之相關(guān)的應(yīng)用技術(shù)也不斷的提高。虛擬現(xiàn)實(shí)技術(shù)和WEB移動(dòng)計(jì)算機(jī)技術(shù)也都運(yùn)用到我們的日常生活中。
[0003]在人們對(duì)互聯(lián)網(wǎng)產(chǎn)品的依賴度和使用頻率在幾何式增長(zhǎng)中，人們也對(duì)互聯(lián)網(wǎng)產(chǎn)品有了更多更新更廣的需要求，特別是互聯(lián)網(wǎng)產(chǎn)品的操作便利性，產(chǎn)品的便捷性和視覺感受、易用度等用戶提體驗(yàn)有了更加具體和復(fù)雜的個(gè)性化的要求。在這種情況下也給予了我們作為互聯(lián)網(wǎng)技術(shù)和產(chǎn)品的提供者，更多的挑戰(zhàn)，需要我們更細(xì)化的分析用戶需求和綜合社會(huì)、自然、等多方面的因素，更深更細(xì)致的了解客戶挖掘客戶潛在的需求，才能提升用戶的滿意度，提升用戶體驗(yàn)。
[0004]用戶體驗(yàn)設(shè)計(jì)過程是一個(gè)很復(fù)雜的過程。這里面包括Π設(shè)計(jì)師，交互設(shè)計(jì)師，信息架構(gòu)師和技術(shù)開發(fā)人員等方面的人員共同努力的結(jié)果。我們將通過對(duì)界面設(shè)計(jì)的展示的深入的分析和一些基于用戶體驗(yàn)分析的結(jié)論基礎(chǔ)上的界面設(shè)計(jì)的調(diào)整，來更好的服務(wù)于網(wǎng)站的設(shè)計(jì)，優(yōu)化用戶體驗(yàn)，提高轉(zhuǎn)化率。

【發(fā)明內(nèi)容】

[0005]本發(fā)明提供一種界面優(yōu)化方法，通過對(duì)界面中各元素和各種展現(xiàn)方式進(jìn)行有效分析，提升用戶體驗(yàn)，使用戶快速高效的找到有效、準(zhǔn)確的信息，通過對(duì)界面設(shè)計(jì)的優(yōu)化，讓用戶更加清晰明白功能操作，并將作品本身的信息更加順暢的傳遞給用戶。
[0006]為了達(dá)到上述目的本發(fā)明一種界面優(yōu)化方法，包括以下步驟:
A:明確定位和用戶群有針對(duì)的進(jìn)行設(shè)計(jì)，通過對(duì)圖片運(yùn)用的分類提升美感和閱讀質(zhì)量;
B:針對(duì)導(dǎo)航的分類和研宄來指導(dǎo)導(dǎo)航在設(shè)計(jì)中的運(yùn)用；
C:增加用戶登陸的多樣性，簡(jiǎn)化操作和注冊(cè)信息填寫；
D:針對(duì)交易付款的模塊的設(shè)計(jì)提升用戶轉(zhuǎn)化率；
E:優(yōu)先采用網(wǎng)站真實(shí)用戶反饋和權(quán)威的信息；
F:通過顏色和模塊及大小的區(qū)分使模塊劃分清晰；
G:通過對(duì)流程介紹等文字圖形化提升用戶理解度。
[0007]在其中一個(gè)實(shí)施例中，所述步驟A:明確定位和用戶群有針對(duì)的進(jìn)行設(shè)計(jì)，通過對(duì)圖片運(yùn)用的分類提升美感和閱讀質(zhì)量，所述圖片運(yùn)用的分類包括內(nèi)容展示型、功能性、裝飾型。
[0008]在其中一個(gè)實(shí)施例中，所述步驟A:明確定位和用戶群有針對(duì)的進(jìn)行設(shè)計(jì)，通過對(duì)圖片運(yùn)用的分類提升美感和閱讀質(zhì)量，所述提升美感和閱讀質(zhì)量包括運(yùn)用色彩表現(xiàn)聽覺、觸覺、味覺、嗅覺。
[0009]在其中一個(gè)實(shí)施例中，所述步驟B:針對(duì)導(dǎo)航的分類和研宄來指導(dǎo)導(dǎo)航在設(shè)計(jì)中的運(yùn)用，所述導(dǎo)航的分類包括分步導(dǎo)航、分頁導(dǎo)航、面包肩導(dǎo)航、樹狀導(dǎo)航、網(wǎng)站地圖導(dǎo)航、Tab式導(dǎo)航、垂直菜單導(dǎo)航、動(dòng)態(tài)菜單導(dǎo)航、下拉框?qū)Ш?、?biāo)簽云導(dǎo)航。
[0010]在其中一個(gè)實(shí)施例中，所述步驟C:增加用戶登陸的多樣性，簡(jiǎn)化操作和注冊(cè)信息填寫，所述用戶登錄的多樣性包括即時(shí)通訊賬號(hào)直接登錄、微博賬號(hào)直接登錄、社交網(wǎng)站賬號(hào)直接登錄、郵箱賬號(hào)直接登錄。
[0011]在其中一個(gè)實(shí)施例中，所述步驟D:針對(duì)交易付款的模塊的設(shè)計(jì)提升用戶轉(zhuǎn)化率，所述交易付款模塊包括電子銀行自動(dòng)付款、電子銀行人工幫助付款、貨到付款、郵寄付款。
[0012]在其中一個(gè)實(shí)施例中，所述步驟E:優(yōu)先采用網(wǎng)站真實(shí)用戶反饋和權(quán)威的信息，所述權(quán)威信息包括國內(nèi)權(quán)威認(rèn)證標(biāo)示符、國外權(quán)威認(rèn)證標(biāo)示符、國際組織權(quán)威認(rèn)證標(biāo)示符。
[0013]在其中一個(gè)實(shí)施例中，所述步驟F:通過顏色和模塊及大小的區(qū)分使模塊劃分清晰，所述模塊劃分包括可點(diǎn)擊元素劃分、可選擇元素劃分、普通文字劃分。
[0014]在其中一個(gè)實(shí)施例中，所述步驟G:通過對(duì)流程介紹等文字圖形化提升用戶理解度，所述元素圖形化包括文字圖形化、圖表藝術(shù)化。
[0015]通過上述方法，本發(fā)明一種界面優(yōu)化方法實(shí)現(xiàn)了以下有益效果:
1、提尚用戶體驗(yàn)；
2、增加用戶轉(zhuǎn)化率。
【附圖說明】
[0016]圖1本發(fā)明工作流程圖。
[0017]圖2本發(fā)明色彩在logo設(shè)計(jì)上的運(yùn)用圖。
[0018]圖3本發(fā)明色彩在網(wǎng)頁中的運(yùn)用圖(暖色調(diào)的面包店網(wǎng)站)。
[0019]圖4本發(fā)明色彩在網(wǎng)頁中的運(yùn)用圖(冷色調(diào)的科技企業(yè)站)。
[0020]圖5本發(fā)明分步導(dǎo)航圖。
[0021]圖6本發(fā)明分頁導(dǎo)航。
[0022]圖7本發(fā)明面包肩導(dǎo)航圖。
[0023]圖8本發(fā)明樹狀導(dǎo)航圖。
[0024]圖9本發(fā)明網(wǎng)站地圖導(dǎo)航圖。
[0025]圖10本發(fā)明Tab式導(dǎo)航圖。
[0026]圖11本發(fā)明垂直菜單導(dǎo)航圖。
[0027]圖12本發(fā)明動(dòng)態(tài)菜單導(dǎo)航圖(浮動(dòng)菜單)。
[0028]圖13本發(fā)明下拉框?qū)Ш綀D。
[0029]圖14本發(fā)明標(biāo)簽云導(dǎo)航圖。
[0030]圖15本發(fā)明登陸框示意圖。
[0031]圖16本發(fā)明二維碼登陸示意圖。
[0032]圖17本發(fā)明付款方式示意圖。
[0033]圖18本發(fā)明認(rèn)證標(biāo)志示意圖。
[0034]圖19本發(fā)明權(quán)威媒體示意圖。
[0035]圖20本發(fā)明網(wǎng)頁界面示意圖。
[0036]圖21本發(fā)明訂貨流程示意圖。
[0037]圖22本發(fā)明置換流程示意圖。
[0038]圖23本發(fā)明用戶體驗(yàn)層次分析示意圖。
【具體實(shí)施方式】
[0039]下面結(jié)合說明書附圖對(duì)本發(fā)明的【具體實(shí)施方式】進(jìn)行說明。
[0040]圖1為本發(fā)明工作流程圖，本發(fā)明一種界面優(yōu)化方法以下步驟:
A:明確定位和用戶群有針對(duì)的進(jìn)行設(shè)計(jì)，通過對(duì)圖片運(yùn)用的分類提升美感和閱讀質(zhì)量;
B:針對(duì)導(dǎo)航的分類和研宄來指導(dǎo)導(dǎo)航在設(shè)計(jì)中的運(yùn)用；
C:增加用戶登陸的多樣性，簡(jiǎn)化操作和注冊(cè)信息填寫；
D:針對(duì)交易付款的模塊的設(shè)計(jì)提升用戶轉(zhuǎn)化率；
E:優(yōu)先采用網(wǎng)站真實(shí)用戶反饋和權(quán)威的信息；
F:通過顏色和模塊及大小的區(qū)分使模塊劃分清晰；
G:通過對(duì)流程介紹等文字圖形化提升用戶理解度。
[0041]所述步驟A:明確定位和用戶群有針對(duì)的進(jìn)行設(shè)計(jì)，通過對(duì)圖片運(yùn)用的分類提升美感和閱讀質(zhì)量，所述圖片運(yùn)用的分類包括內(nèi)容展示型、功能性、裝飾型。
[0042]所述步驟A:明確定位和用戶群有針對(duì)的進(jìn)行設(shè)計(jì)，通過對(duì)圖片運(yùn)用的分類提升美感和閱讀質(zhì)量，所述提升美感和閱讀質(zhì)量包括運(yùn)用色彩表現(xiàn)聽覺、觸覺、味覺、嗅覺。
[0043]所述步驟B:針對(duì)導(dǎo)航的分類和研宄來指導(dǎo)導(dǎo)航在設(shè)計(jì)中的運(yùn)用，所述導(dǎo)航的分類包括分步導(dǎo)航、分頁導(dǎo)航、面包肩導(dǎo)航、樹狀導(dǎo)航、網(wǎng)站地圖導(dǎo)航、Tab式導(dǎo)航、垂直菜單導(dǎo)航、動(dòng)態(tài)菜單導(dǎo)航、下拉框?qū)Ш?、?biāo)簽云導(dǎo)航。
[0044]所述步驟C:增加用戶登陸的多樣性，簡(jiǎn)化操作和注冊(cè)信息填寫，所述用戶登錄的多樣性包括即時(shí)通訊賬號(hào)直接登錄、微博賬號(hào)直接登錄、社交網(wǎng)站賬號(hào)直接登錄、郵箱賬號(hào)直接登錄。
[0045]所述步驟D:針對(duì)交易付款的模塊的設(shè)計(jì)提升用戶轉(zhuǎn)化率，所述交易付款模塊包括電子銀行自動(dòng)付款、電子銀行人工幫助付款、貨到付款、郵寄付款。
[0046]所述步驟E:優(yōu)先采用網(wǎng)站真實(shí)用戶反饋和權(quán)威的信息，所述權(quán)威信息包括國內(nèi)權(quán)威認(rèn)證標(biāo)示符、國外權(quán)威認(rèn)證標(biāo)示符、國際組織權(quán)威認(rèn)證標(biāo)示符。
[0047]所述步驟F:通過顏色和模塊及大小的區(qū)分使模塊劃分清晰，所述模塊劃分包括可點(diǎn)擊元素劃分、可選擇元素劃分、普通文字劃分。
[0048]所述步驟G:通過對(duì)流程介紹等文字圖形化提升用戶理解度，所述元素圖形化包括文字圖形化、圖表藝術(shù)化。
[0049]在設(shè)計(jì)之前應(yīng)該先明確網(wǎng)站的定位和主要的用戶群，再根據(jù)用戶的喜好，行業(yè)的特征來設(shè)計(jì)制作界面。界面的設(shè)計(jì)的整體感覺是決定用戶是否繼續(xù)瀏覽的關(guān)鍵。而界面中的圖片應(yīng)用也可以根據(jù)圖片的內(nèi)容分可以分為:內(nèi)容展示型(如:新聞產(chǎn)品圖)功能型(標(biāo)識(shí)導(dǎo)航，按鈕)裝飾行(網(wǎng)頁背景)幾大類，我們根據(jù)設(shè)計(jì)的需要有針對(duì)性的進(jìn)行選擇實(shí)用。
[0050]另外需要注意的是圖片的處理，如果是新聞圖片和內(nèi)容展示圖片一定要清晰明確，如果是背景圖一定要注意色調(diào)和弱化對(duì)比度及清晰度，不要喧賓奪主。
[0051]還有需要重視的就是色彩在于界面設(shè)計(jì)中的運(yùn)用，要注意色彩本身帶給我們的情緒感受的區(qū)別，有針對(duì)性的根據(jù)界面和產(chǎn)品的定位及特性選擇運(yùn)用。如圖2本發(fā)明色