中國專利電子申請網站的改版優化設計

馬照英

一、引 言

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

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

圖1 中國專利電子申請網

二、中國專利電子申請網站當前存在的問題

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

中國專利電子申請網站存在的主要問題：

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

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

（3）通知公告、電子申請簡介、法律法規、幫助文檔等欄目下的內容有交叉，如：電子申請簡介和幫助文檔欄目中都有教學視頻，通知公告和法律法規欄目中都有業務通知等，新聞動態欄目和通知公告欄目都有升級通知等。

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

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

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

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

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

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

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

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

三、中國專利電子申請網站的改版設計

（一）網站欄目規劃設計

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

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

（3）增加設置“法律規范”欄目，并為其設置“法律法規”和“相關規范”兩個二級子欄目。

（4）“法律法規”欄目介紹關于電子申請有關事項的業務通知和規定；“相關規范”欄目介紹電子申請相關數據標準規范。

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

（6）增加設置“教學視頻”欄目，將常用的指導視頻清楚直接地展現的首頁上。介紹申請人常用的電子申請客戶端CPC業務操作演示、在線業務辦理平臺操作演示等。

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

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

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

表1 電子申請網欄目設置

（二）網站頁面布局設計

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

1.網站導航菜單

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

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

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

2.登錄入口的設計

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

圖2 中國專利電子申請網站登錄入口——離線電子申請登錄

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

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

3.網站風格管理

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

4.網站背景色調

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

5.網站的圖標

圖標不僅起到分割版面，點綴畫面，強調秩序的作用，也具有重要的功能性，是UI設計中不可或缺的細節要素。改版后的中國專利電子申請網站UI設計中，我們依舊保留用戶已經習慣的圖標，因為使用通用圖標會讓用戶更容易接受，也更容易讓用戶對界面產生親切感。

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

圖5 改版后的中國專利電子申請網站界面

四、結束語

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