中國專利電子申請網(wǎng)站的改版優(yōu)化設(shè)計

馬照英

一、引 言

中國專利電子申請網(wǎng)站是社會公眾了解專利電子申請的主要途徑，電子申請網(wǎng)站的網(wǎng)址是http：//www.cponline.gov.cn，包括網(wǎng)站首頁和用戶登錄界面兩個部分。在網(wǎng)站首頁上，包括用戶登錄入口、新聞動態(tài)、通知公告欄、電子申請使用流程欄、法律法規(guī)、相關(guān)規(guī)范、常用表格、工具下載、在線咨詢等16個欄目。申請人或社會公眾可以訪問中國專利電子申請網(wǎng)站，通過在線業(yè)務(wù)辦理平臺在線申請專利；查看電子申請相關(guān)的法律法規(guī)、通知公告，了解專利電子申請的最新進(jìn)展；瀏覽電子申請的教學(xué)視頻和使用流程介紹，學(xué)習(xí)電子申請的使用方法；下載表格和業(yè)務(wù)規(guī)范，辦理電子申請相關(guān)業(yè)務(wù)；下載客戶端程序和相關(guān)軟件，使用或者更新電子申請程序；訪問在線咨詢平臺，在線向咨詢?nèi)藛T提問或者和電子申請用戶相互交流。

中國專利電子申請網(wǎng)的使用對象分為兩類：一類是還未接觸過專利電子申請的普通社會公眾，他們打算了解并使用專利電子申請；另外一類是已經(jīng)正在使用電子申請方式申請專利的申請人或?qū)＠頇C(jī)構(gòu)。第一類用戶瀏覽完中國專利電子申請網(wǎng)站，還是不清楚怎么進(jìn)行專利電子申請，無法完成專利電子申請的三個基本準(zhǔn)備操作：注冊電子申請用戶、下載安裝客戶端（或下載并安裝在線業(yè)務(wù)平臺控件）、下載數(shù)字證書。而另一類用戶，比如選擇離線電子申請方式（使用電子申請客戶端）申請專利，他們想做一些輔助業(yè)務(wù)，如數(shù)字證書導(dǎo)入導(dǎo)出、證書重簽后進(jìn)行證書權(quán)限的轉(zhuǎn)移操作、電子通知書進(jìn)行重復(fù)下載、請求紙件通知書等，即使在客服人員的指導(dǎo)下，他們都要花費(fèi)很長時間才能找到相應(yīng)的鏈接，說明當(dāng)前網(wǎng)站中重要且常用的內(nèi)容沒有布局在網(wǎng)站界面的顯著位置，造成當(dāng)前電子申請網(wǎng)站用戶體驗度較差，電子申請網(wǎng)站的改版優(yōu)化迫在眉睫。當(dāng)前中國專利電子申請網(wǎng)站界面如圖1所示。

圖1 中國專利電子申請網(wǎng)

二、中國專利電子申請網(wǎng)站當(dāng)前存在的問題

中國專利電子申請網(wǎng)從2010年正式運(yùn)營至今約7年時間，除了2011年進(jìn)行過某些項目優(yōu)化，幾乎沒有改動過，欄目風(fēng)格單一。2016年10月22日中國專利受理及初步審查系統(tǒng)上線，電子申請網(wǎng)站新增了電子申請在線業(yè)務(wù)辦理平臺，離線電子申請（CPC）和在線電子請（在線業(yè)務(wù)辦理平臺）的內(nèi)容交叉在一起，給申請人的使用造成很大困擾。

中國專利電子申請網(wǎng)站存在的主要問題：

（1）電子申請用戶在使用電子申請網(wǎng)站的時候，對于一些網(wǎng)站功能不能正確理解其含義，導(dǎo)致一些誤操作。如電子申請在線業(yè)務(wù)辦理平臺上線后，電子申請網(wǎng)站基本沒變，只是增加了一個交互式申請平臺的申請入口，但是該入口和離線電子申請（CPC客戶端）的對外服務(wù)網(wǎng)站入口放在一起，而且交互式申請平臺又分為賬號登錄和證書登錄，缺少人性化提示，給申請人的使用造成很大困擾。

（2）通知公告中發(fā)布的內(nèi)容比較雜，包括：系統(tǒng)維護(hù)通知、系統(tǒng)升級通知、業(yè)務(wù)通知、電子申請用戶常見問題解答、用戶使用手冊等，且只是按發(fā)布時間順序堆放在一起，發(fā)布的信息不能排版，也沒有進(jìn)行分類，申請人或社會公眾不易方便查找到相關(guān)內(nèi)容。

（3）通知公告、電子申請簡介、法律法規(guī)、幫助文檔等欄目下的內(nèi)容有交叉，如：電子申請簡介和幫助文檔欄目中都有教學(xué)視頻，通知公告和法律法規(guī)欄目中都有業(yè)務(wù)通知等，新聞動態(tài)欄目和通知公告欄目都有升級通知等。

（4）欄目設(shè)置有重疊、交叉，或欄目名稱意義不明確，如：左側(cè)的表格下載和右側(cè)的常用表格欄目重復(fù)；再如，“電子申請使用流程”“使用指導(dǎo)”等名稱意義不明確。

（5）欄目風(fēng)格比較單一，包括常規(guī)的新聞動態(tài)、通知公告、常用表格、工具下載等。網(wǎng)站布局比較簡單，只是把這幾個欄目內(nèi)容放到了首頁，遠(yuǎn)遠(yuǎn)不能滿足申請人或社會公眾的需求。除保留幾個常見的必要欄目外，可以考慮增加幾個網(wǎng)站欄目，如：教學(xué)視頻、在線服務(wù)等。

（6）電子申請網(wǎng)站上的功能模塊排列順序未做細(xì)致的調(diào)查分析，一些相對較重要和使用頻率較高的功能模塊在不顯著的網(wǎng)頁位置，阻礙了用戶快速獲取信息。比如，“注冊”“忘記密碼”“使用指導(dǎo)”的字體較小，且放置在不明顯的位置， 申請人或社會公眾不易發(fā)現(xiàn)。再者，功能模塊排列不合理：登錄交互式申請平臺和登錄對外服務(wù)要求的使用環(huán)境不同，把交互式申請平臺的環(huán)境要求：“支持IE（8/9/10）、office2003/2007”和“控件下載”“使用指導(dǎo)”放置在登錄入口下面，給申請人或社會公眾造成困擾。

（7）電子申請網(wǎng)站上的很多信息沒有及時更新，給用戶造成很多誤導(dǎo)，如注冊流程、下載客戶端流程等。

（8）電子申請網(wǎng)站發(fā)布的文檔內(nèi)容有交叉，如“使用指導(dǎo)”是針對在線平臺的插件安裝及證書安裝教程，用戶登錄“在線平臺”需要按照使用指導(dǎo)完成四步操作；而用戶登錄“對外服務(wù)”只需要操作“使用指導(dǎo)”的第一步設(shè)置信任站點(diǎn)，用戶往往不清楚這一點(diǎn)。

（9）網(wǎng)站導(dǎo)航不明確，缺少有效指引。在日常咨詢中，每天約有2～3個問題是關(guān)于電子申請注冊材料/重簽數(shù)字證書材料/變更注冊信息材料的郵寄地址，以及下載數(shù)字證書、數(shù)字證書導(dǎo)入導(dǎo)出、數(shù)字證書權(quán)限轉(zhuǎn)移的，這些內(nèi)容分布在電子申請網(wǎng)站的首頁或二級頁面上，用戶不易發(fā)現(xiàn)。

（10）沒有體現(xiàn)局統(tǒng)一門戶特色，針對在線服務(wù)窗口，應(yīng)整合在線各類服務(wù)和提供信息資源導(dǎo)航，滿足申請人或社會公眾需求，如專利事務(wù)服務(wù)系統(tǒng)、中國及多國專利審查信息查詢、PCT電子申請網(wǎng)。雖然電子申請網(wǎng)站設(shè)有在線咨詢平臺，但對外咨詢、答疑服務(wù)功能薄弱，不能實現(xiàn)遠(yuǎn)程咨詢等。

（11）缺乏官方微博、官方微信等新媒體主流共享方式，電子申請推廣應(yīng)用需要開拓傳播新渠道。

三、中國專利電子申請網(wǎng)站的改版設(shè)計

（一）網(wǎng)站欄目規(guī)劃設(shè)計

（1）增加“電子申請簡介”欄目。用精煉的語言總體介紹離線電子申請和在線電子申請的概念，使申請人對專利電子申請兩種申請方式有一個清楚的了解。

（2）保留“通知公告”欄目，并為其設(shè)置二級子欄目，分別為：離線電子申請、在線電子申請、費(fèi)用相關(guān)。且采用滾動方式顯示通知、公告。該欄目介紹近期的電子申請系統(tǒng)維護(hù)通知、電子申請客戶端CPC升級通知、關(guān)于費(fèi)用的通知等。

（3）增加設(shè)置“法律規(guī)范”欄目，并為其設(shè)置“法律法規(guī)”和“相關(guān)規(guī)范”兩個二級子欄目。

（4）“法律法規(guī)”欄目介紹關(guān)于電子申請有關(guān)事項的業(yè)務(wù)通知和規(guī)定；“相關(guān)規(guī)范”欄目介紹電子申請相關(guān)數(shù)據(jù)標(biāo)準(zhǔn)規(guī)范。

（5）保留“幫助文檔”欄目，并為其設(shè)置二級子欄目：離線電子申請、在線電子申請、費(fèi)用相關(guān)。且將常用的“幫助文檔”欄目放置在菜單欄上比較顯著的位置。介紹電子申請相關(guān)培訓(xùn)講義、用戶使用手冊、網(wǎng)上繳費(fèi)操作手冊等。

（6）增加設(shè)置“教學(xué)視頻”欄目，將常用的指導(dǎo)視頻清楚直接地展現(xiàn)的首頁上。介紹申請人常用的電子申請客戶端CPC業(yè)務(wù)操作演示、在線業(yè)務(wù)辦理平臺操作演示等。

（7）保留“常見問題”欄目，并優(yōu)化“常見問題”欄目的內(nèi)容，將每天最常見的咨詢問題直接展現(xiàn)在首頁上。將隱藏在二級或三級欄目的具體文檔中的常見問題提取出來放置在該欄目下面，如電子申請注冊材料/重簽數(shù)字證書材料/變更注冊信息手續(xù)，以及下載數(shù)字證書、數(shù)字證書導(dǎo)入導(dǎo)出、數(shù)字證書權(quán)限轉(zhuǎn)移操作等。

（8）增加設(shè)置“在線服務(wù)”欄目，提供專利事務(wù)服務(wù)系統(tǒng)、中國及多國專利審查信息查詢、PCT電子申請網(wǎng)，整合各類在線服務(wù)和提供信息資源導(dǎo)航，申請人不需要跨網(wǎng)站尋求所需服務(wù)，滿足申請人或社會公眾需求。

（9）保留“在線交流”欄目。當(dāng)前電子申請系統(tǒng)咨詢采用的是非實時的BBS形式，為申請人提供常見問題的在線咨詢服務(wù)。

表1 電子申請網(wǎng)欄目設(shè)置

（二）網(wǎng)站頁面布局設(shè)計

網(wǎng)頁布局設(shè)計是指在有限的空間內(nèi)，合理安排組成網(wǎng)頁各種元素的位置，使頁面美觀，達(dá)到最好的視覺效果和藝術(shù)效果，把網(wǎng)頁要表達(dá)的信息有效傳遞給瀏覽者。網(wǎng)頁布局必須以網(wǎng)站主題和頁面內(nèi)容為依據(jù)，以準(zhǔn)確、有效地表達(dá)信息為目標(biāo)，達(dá)到形式與內(nèi)容的統(tǒng)一。一個完整的網(wǎng)站包含網(wǎng)站整體的布局、網(wǎng)站背景色調(diào)、網(wǎng)站LOGO、導(dǎo)航條、圖文鏈接、子網(wǎng)頁等內(nèi)容。

1.網(wǎng)站導(dǎo)航菜單

導(dǎo)航菜單是一種重要的超級鏈接，在網(wǎng)站中起非常重要的作用，為用戶在網(wǎng)站中快速瀏覽各類重要內(nèi)容提供方便。根據(jù)導(dǎo)航欄菜單放置位置可劃分為橫排導(dǎo)航欄菜單和豎排導(dǎo)航欄菜單，可按頁面總體布局要求設(shè)置不同排列方式的導(dǎo)航菜單，改版后的中國專利電子申請網(wǎng)站首頁面中，根據(jù)布局安排，最上面一欄為Banner欄，放置國家知識產(chǎn)權(quán)局LOGO等；緊接一欄為導(dǎo)航菜單欄，共兩級菜單：一級菜單為橫排導(dǎo)航菜單，二級菜單采用豎排放置形式；后面區(qū)域為網(wǎng)頁展示的其它內(nèi)容。

為了突顯導(dǎo)航菜單與眾不同，增加網(wǎng)頁的生動活潑性，為其適當(dāng)加上效果，如當(dāng)鼠標(biāo)移到相關(guān)菜單項時，相關(guān)菜單底色變化（如變成）或字體變大、或突出顯示等，達(dá)到美化網(wǎng)頁的效果。

導(dǎo)航菜單攔包括：首頁、通知公告、法律規(guī)范、在線交流、教學(xué)視頻、幫助文檔、常用表格。

2.登錄入口的設(shè)計

重新設(shè)計登錄入口（如圖2、圖3、圖4），使申請人清楚辨別離線電子申請和在線電子申請的登錄方式及登錄條件，當(dāng)鼠標(biāo)放置在“離線電子申請”時，提示“使用CPC客戶端用戶選擇此方式登錄”；當(dāng)鼠標(biāo)放置在“在線電子申請”時，提示：“使用在線交互式平臺用戶選擇此種方式登錄”。由于兩種登錄方式對瀏覽器的設(shè)置要求不同，所以當(dāng)申請人選擇不同的登陸方式時，系統(tǒng)環(huán)境要求和使用指導(dǎo)要分別顯示在登錄入口下面。

圖2 中國專利電子申請網(wǎng)站登錄入口——離線電子申請登錄

圖3 中國專利電子申請網(wǎng)站登錄入口——在線電子申請賬號登錄

圖4 中國專利電子申請網(wǎng)站登錄入口——在線電子申請證書登錄

3.網(wǎng)站風(fēng)格管理

當(dāng)前中國專利電子申請網(wǎng)站風(fēng)格比較單一，風(fēng)格管理可以針對首頁和每個欄目進(jìn)行整體定制，通過選擇頁面的框架確定頁面的現(xiàn)實整體風(fēng)格，通過“設(shè)定頭文件”選擇頁面的頭部風(fēng)格和欄目顯示風(fēng)格。改版后的中國專利電子申請網(wǎng)站充分考慮了用戶的需求：（1）把最吸引用戶的內(nèi)容放在最突出的位置或者在板塊分布上占優(yōu)勢位置，如“使用電子申請客戶端CPC申請專利流程”和“登錄在線業(yè)務(wù)辦理平臺申請專利流程”放在網(wǎng)站首頁的核心位置，“電子申請簡介”放置在“導(dǎo)航菜單”欄目下面，登錄入口浮動在“電子申請簡介”欄目上面，以引起用戶的注意等。（2）欄目設(shè)置上盡量刪除重復(fù)或與主題相關(guān)度不大的欄目，如“表格下載”。（3）盡量將網(wǎng)站最有價值的內(nèi)容列在欄目上，如將最常見的問題列在“常見問題解答”欄目下面。（4）盡量從用戶角度來編排欄目，如增加“教學(xué)視頻”，并將“幫助文檔”“教學(xué)視頻”放置在導(dǎo)航菜單欄上。另外，如果有必要設(shè)置的板塊，板塊內(nèi)容必須緊密圍繞主題，編排要合理，各板塊不但要有相對獨(dú)立性，還要有相互關(guān)聯(lián)性。

4.網(wǎng)站背景色調(diào)

網(wǎng)站不同的色彩搭配產(chǎn)生不同的效果。一般網(wǎng)站的標(biāo)志、標(biāo)題、主菜單和主版塊一般使用標(biāo)準(zhǔn)色彩，網(wǎng)站的標(biāo)準(zhǔn)色彩不超過三種，基本是藍(lán)色、黃/橙色、黑/灰/白色三大系列色，標(biāo)準(zhǔn)色充分體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，給用戶整體統(tǒng)一的感覺。本文中，改版后的中國專利電子申請網(wǎng)站的背景色彩依舊選擇藍(lán)色。

5.網(wǎng)站的圖標(biāo)

圖標(biāo)不僅起到分割版面，點(diǎn)綴畫面，強(qiáng)調(diào)秩序的作用，也具有重要的功能性，是UI設(shè)計中不可或缺的細(xì)節(jié)要素。改版后的中國專利電子申請網(wǎng)站UI設(shè)計中，我們依舊保留用戶已經(jīng)習(xí)慣的圖標(biāo)，因為使用通用圖標(biāo)會讓用戶更容易接受，也更容易讓用戶對界面產(chǎn)生親切感。

中國專利電子申請網(wǎng)站采用HTML5+CSS3+Dreamwear編寫，①劉瑞新.網(wǎng)頁設(shè)計與制作教程HTML+CSS+ JavaScript［M］.北京：機(jī)械工業(yè)出版社，2013.改版后的網(wǎng)站界面如下圖5所示。

圖5 改版后的中國專利電子申請網(wǎng)站界面

四、結(jié)束語

中國專利電子申請網(wǎng)站建設(shè)的目的，是向社會公眾和申請人推廣和使用專利電子申請。智能化審查系統(tǒng)上線后，中國專利電子申請網(wǎng)站幾乎沒有變化，只是增加了在線業(yè)務(wù)交互平臺的入口，本文從電子申請用戶的角度，全面梳理了該網(wǎng)站存在的問題，提出該網(wǎng)站優(yōu)化建議，并采用相關(guān)軟件設(shè)計實現(xiàn)了該網(wǎng)站。