馬照英

一、引 言

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

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

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

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

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

中國(guó)專利電子申請(qǐng)網(wǎng)站存在的主要問(wèn)題：

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

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

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

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

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

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

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

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

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

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

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

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

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

（1）增加“電子申請(qǐng)簡(jiǎn)介”欄目。用精煉的語(yǔ)言總體介紹離線電子申請(qǐng)和在線電子申請(qǐng)的概念，使申請(qǐng)人對(duì)專利電子申請(qǐng)兩種申請(qǐng)方式有一個(gè)清楚的了解。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

圖3 中國(guó)專利電子申請(qǐng)網(wǎng)站登錄入口——在線電子申請(qǐng)賬號(hào)登錄

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

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

當(dāng)前中國(guó)專利電子申請(qǐng)網(wǎng)站風(fēng)格比較單一，風(fēng)格管理可以針對(duì)首頁(yè)和每個(gè)欄目進(jìn)行整體定制，通過(guò)選擇頁(yè)面的框架確定頁(yè)面的現(xiàn)實(shí)整體風(fēng)格，通過(guò)“設(shè)定頭文件”選擇頁(yè)面的頭部風(fēng)格和欄目顯示風(fēng)格。改版后的中國(guó)專利電子申請(qǐng)網(wǎng)站充分考慮了用戶的需求：（1）把最吸引用戶的內(nèi)容放在最突出的位置或者在板塊分布上占優(yōu)勢(shì)位置，如“使用電子申請(qǐng)客戶端CPC申請(qǐng)專利流程”和“登錄在線業(yè)務(wù)辦理平臺(tái)申請(qǐng)專利流程”放在網(wǎng)站首頁(yè)的核心位置，“電子申請(qǐng)簡(jiǎn)介”放置在“導(dǎo)航菜單”欄目下面，登錄入口浮動(dòng)在“電子申請(qǐng)簡(jiǎn)介”欄目上面，以引起用戶的注意等。（2）欄目設(shè)置上盡量刪除重復(fù)或與主題相關(guān)度不大的欄目，如“表格下載”。（3）盡量將網(wǎng)站最有價(jià)值的內(nèi)容列在欄目上，如將最常見(jiàn)的問(wèn)題列在“常見(jiàn)問(wèn)題解答”欄目下面。（4）盡量從用戶角度來(lái)編排欄目，如增加“教學(xué)視頻”，并將“幫助文檔”“教學(xué)視頻”放置在導(dǎo)航菜單欄上。另外，如果有必要設(shè)置的板塊，板塊內(nèi)容必須緊密圍繞主題，編排要合理，各板塊不但要有相對(duì)獨(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)色彩不超過(guò)三種，基本是藍(lán)色、黃/橙色、黑/灰/白色三大系列色，標(biāo)準(zhǔn)色充分體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，給用戶整體統(tǒng)一的感覺(jué)。本文中，改版后的中國(guó)專利電子申請(qǐng)網(wǎng)站的背景色彩依舊選擇藍(lán)色。

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

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

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

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

四、結(jié)束語(yǔ)

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