中国专利电子申请网站的改版优化设计

马照英

一、引 言

中国专利电子申请网站是社会公众了解专利电子申请的主要途径，电子申请网站的网址是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 改版后的中国专利电子申请网站界面

四、结束语

中国专利电子申请网站建设的目的，是向社会公众和申请人推广和使用专利电子申请。智能化审查系统上线后，中国专利电子申请网站几乎没有变化，只是增加了在线业务交互平台的入口，本文从电子申请用户的角度，全面梳理了该网站存在的问题，提出该网站优化建议，并采用相关软件设计实现了该网站。