交互設(shè)計(jì)專業(yè)圖形用戶界面專利文獻(xiàn)綜述

徐江寧 浙江安防職業(yè)技術(shù)學(xué)院

2014年專利法中將圖形用戶界面作為保護(hù)對(duì)象，同年我國(guó)關(guān)于GUI的外觀設(shè)計(jì)專利申請(qǐng)量就超過了5000件，以后的每年申請(qǐng)量都在持續(xù)增加，可見申請(qǐng)人對(duì)于圖形用戶界面的保護(hù)意識(shí)非常之高，也同樣表明GUI的商業(yè)價(jià)值巨大。

交互設(shè)計(jì)作為一門綜合性的學(xué)科和新興學(xué)科。國(guó)外開設(shè)交互設(shè)計(jì)專業(yè)的有卡內(nèi)梅隆大學(xué)藝術(shù)學(xué)院、麻省理工學(xué)院、加州藝術(shù)學(xué)院、佐治亞理工學(xué)院、帕森設(shè)計(jì)學(xué)院、藝術(shù)中心設(shè)計(jì)學(xué)院、紐約藝術(shù)設(shè)計(jì)學(xué)院、英國(guó)皇家藝術(shù)學(xué)院、倫敦傳媒學(xué)院、布內(nèi)爾大學(xué)等。國(guó)內(nèi)開設(shè)交互設(shè)計(jì)專業(yè)比較有特點(diǎn)的有同濟(jì)大學(xué)、清華大學(xué)、南京藝術(shù)學(xué)院、江南大學(xué)等。隨著科技發(fā)展，交互設(shè)計(jì)及界面設(shè)計(jì)專業(yè)也形成了比較火熱的專業(yè)，國(guó)內(nèi)許多院校也都設(shè)立了交互設(shè)計(jì)專業(yè)，交互設(shè)計(jì)專業(yè)的設(shè)置及教學(xué)都還是在不斷的摸索階段，交互設(shè)計(jì)專業(yè)人才培養(yǎng)還是與社會(huì)需求存在著一定的差距。對(duì)于傳統(tǒng)的設(shè)計(jì)來說，交互設(shè)計(jì)綜合了產(chǎn)品設(shè)計(jì)、界面設(shè)計(jì)、人機(jī)交互、創(chuàng)意思維等，它是一門綜合性比較強(qiáng)的學(xué)科。圖形用戶界面設(shè)計(jì)(GUI)也是交互設(shè)計(jì)專業(yè)下做的比較多的設(shè)計(jì)實(shí)踐?！耙霃闹袊?guó)制造轉(zhuǎn)變?yōu)橹袊?guó)創(chuàng)造，需要在交互設(shè)計(jì)、用戶體驗(yàn)及人機(jī)交互設(shè)計(jì)等方面有長(zhǎng)足的進(jìn)步”中國(guó)歐盟可用性研究中心主任劉正捷教授說[3]。交互設(shè)計(jì)，近些年來一直最為互聯(lián)網(wǎng)公司的熱點(diǎn)，各個(gè)高校也相互開設(shè)了交互設(shè)計(jì)專業(yè)，交互設(shè)計(jì)專業(yè)設(shè)計(jì)的門類比較綜合，從課程設(shè)置上有界面設(shè)計(jì)(也就是圖形用戶界面)、交互設(shè)計(jì)、產(chǎn)品設(shè)計(jì)、設(shè)計(jì)心理學(xué)、視覺傳達(dá)設(shè)計(jì)、服務(wù)設(shè)計(jì)、信息架構(gòu)、用戶體驗(yàn)、聲音設(shè)計(jì)等等。其中圖形用戶界面設(shè)計(jì)是作為表現(xiàn)層呈現(xiàn)在用戶的面前。[4]交互設(shè)計(jì)或者說是體驗(yàn)設(shè)計(jì)的核心問題就是如何設(shè)計(jì)具有復(fù)雜行為的交互系統(tǒng)。通過交互或者體驗(yàn)設(shè)計(jì)影響人們對(duì)于產(chǎn)品的體驗(yàn)。在《交互設(shè)計(jì)精髓 About Face》書中Alan Cooper將用戶體驗(yàn)設(shè)計(jì)(交互設(shè)計(jì)是以用戶為中心的體驗(yàn))歸納為形式、行為和內(nèi)容，交互設(shè)計(jì)師關(guān)注人們的行為設(shè)計(jì)[5]，也關(guān)注行為如何與形式和內(nèi)容產(chǎn)生關(guān)系。近年來，科技的不斷發(fā)展以及交互設(shè)計(jì)學(xué)科的發(fā)展，界面設(shè)計(jì)在也在不斷演變，界面設(shè)計(jì)不再受載體的限制，用戶體驗(yàn)也賦予了界面設(shè)計(jì)更人性化的體驗(yàn)，這一切飽含著設(shè)計(jì)者們對(duì)創(chuàng)新的艱辛付出，通過專利法保護(hù)好界面設(shè)計(jì)的知識(shí)產(chǎn)權(quán)，也是對(duì)交互設(shè)計(jì)專業(yè)的認(rèn)可，交互設(shè)計(jì)專業(yè)在未來也是一門非常重要的學(xué)科。[6]

本篇獻(xiàn)綜述主要以圖形用戶界面 (GUI)的發(fā)展歷程，并結(jié)合國(guó)內(nèi)外公司在國(guó)內(nèi)交互設(shè)計(jì)專利的保護(hù)，來看交互設(shè)計(jì)專業(yè)的發(fā)展。

一、我國(guó)《專利審查指南》圖形用戶界面專利部分發(fā)展歷程綜述

GUI(Graphic User Interface Design，圖形用戶界面[7])就是我們常說的界面設(shè)計(jì)、圖形用戶界面或UI設(shè)計(jì)等。而通過參考了專利局的審查指南，審查圖形用戶界面專利時(shí)候要注意：所申請(qǐng)的專利要有人與機(jī)器之間的交互功能并且能夠通過設(shè)計(jì)實(shí)現(xiàn)一定的功能的圖形用戶界面的產(chǎn)品才構(gòu)成GUI專利權(quán)的客體，才能被法律所保護(hù)。

外觀、實(shí)用新型及發(fā)明專利[8]中與交互設(shè)計(jì)專業(yè)相關(guān)的專利如下所列。1)外觀設(shè)計(jì)：圖形用戶界面申請(qǐng)外觀設(shè)計(jì)。2)實(shí)用新型：圖形用戶界面無結(jié)構(gòu)和連接關(guān)系的改變，不能申請(qǐng)實(shí)用新型專利。3)發(fā)明專利：不具備實(shí)現(xiàn)人機(jī)交互和產(chǎn)品功能的裝飾性圖形界面，不能申請(qǐng)發(fā)明專利的可能；如果圖形元素是具有產(chǎn)品，比如滑動(dòng)解鎖的虛擬按鍵圖形，以及指示按鍵滑動(dòng)到不同位置代表不同功能的圖形。通過將這些圖形跟交互設(shè)計(jì)實(shí)現(xiàn)功能相結(jié)合，是可以申報(bào)發(fā)明專利的。

(一)《專利審查指南》第68號(hào)局令關(guān)于圖形用戶界面(GUI)指南修改部分綜述

專利審查指南中的產(chǎn)品外觀專利保護(hù)客體是將產(chǎn)品在通電后所顯示的圖形用戶界面[9]。通過產(chǎn)品外觀專利保護(hù)界面設(shè)計(jì)知識(shí)產(chǎn)權(quán)，是交互設(shè)計(jì)在專利層面有了保障，也說明界面交互設(shè)計(jì)的重要性，這也是交互設(shè)計(jì)實(shí)際應(yīng)用在圖形用戶界面的轉(zhuǎn)折點(diǎn)。

修改部分主要內(nèi)容如下：

1.產(chǎn)品在外觀設(shè)計(jì)中如有包含圖形用戶界面設(shè)計(jì)，在提交整體產(chǎn)品外觀設(shè)計(jì)視圖時(shí)做了更加細(xì)致的要求。對(duì)于動(dòng)態(tài)圖案的圖形用戶界面，在申請(qǐng)專利的時(shí)候，需要提交包括產(chǎn)品外觀及包含界面狀態(tài)的整體外觀設(shè)計(jì)視圖。作為專利申請(qǐng)所提交的動(dòng)態(tài)界面中，需提交動(dòng)態(tài)圖形中關(guān)鍵幀的產(chǎn)品外觀，關(guān)鍵的視圖能表現(xiàn)圖案的變化趨勢(shì)。

2.提交申請(qǐng)文件的時(shí)候，需要說明其界面設(shè)計(jì)的所具有的作用，在產(chǎn)品中位置，并對(duì)界面設(shè)計(jì)在人與機(jī)器中交互方式及圖形用戶界面狀態(tài)變化做必要說明。

3.圖形用戶界面中如果界面設(shè)計(jì)沒有人機(jī)交互或者不能實(shí)現(xiàn)產(chǎn)品相關(guān)功能的以及游戲界面不能作為專利申請(qǐng)。

4.產(chǎn)品外觀設(shè)計(jì)中具有實(shí)現(xiàn)人機(jī)功能的界面設(shè)計(jì)，如果產(chǎn)品設(shè)計(jì)對(duì)用戶體驗(yàn)友好的設(shè)計(jì)，界面設(shè)計(jì)提升產(chǎn)品外觀設(shè)計(jì)整體體驗(yàn)的，可做申請(qǐng)圖形用戶界面。

(二)《專利審查指南修改草案(征求意見稿)》綜述

2017年為了使現(xiàn)有審查規(guī)則符合圖形用戶界面的產(chǎn)品外觀設(shè)計(jì)的發(fā)展趨勢(shì)，同時(shí)使現(xiàn)有審查規(guī)則更具可操作性，便于審查員和申請(qǐng)人使用，《專利審查指南修改草案(征求意見稿)》[10]，修改將圖形用戶界面的產(chǎn)品外觀設(shè)計(jì)審查規(guī)則中有關(guān)產(chǎn)品名稱、視圖提交和簡(jiǎn)要說明的部分進(jìn)行的調(diào)整位置，對(duì)提交的產(chǎn)品名稱、設(shè)計(jì)圖片或照片進(jìn)一步細(xì)化要求，同時(shí)簡(jiǎn)化提交視圖。

以下為2014年68號(hào)局令中對(duì)指南進(jìn)行修改的內(nèi)容的綜述。

1.圖形用戶界面專利申請(qǐng)時(shí)候需要根據(jù)要求提交包括產(chǎn)品外觀設(shè)計(jì)及其所包含的界面設(shè)計(jì)。作為圖形用戶界面專利如果界面設(shè)計(jì)為交互設(shè)計(jì)流程所完成功能的，提交產(chǎn)品整體外觀設(shè)計(jì)圖的時(shí)候需附上以表交互狀態(tài)的界面設(shè)計(jì)。其他流程或狀態(tài)可選擇部分主要流程界面，以表現(xiàn)交互功能。

2.簡(jiǎn)要說明內(nèi)容需要做具體化說明。在提交產(chǎn)品外觀設(shè)計(jì)專利申請(qǐng)文件中，如有需要需簡(jiǎn)要說明所做產(chǎn)品界面設(shè)計(jì)實(shí)現(xiàn)什么功能，界面設(shè)計(jì)在產(chǎn)品設(shè)計(jì)中什么位置，圖形用戶界面設(shè)計(jì)通過什么樣的交互體驗(yàn)設(shè)計(jì)以實(shí)現(xiàn)的產(chǎn)品功能。在提交圖形用戶界面的時(shí)候需要留意產(chǎn)品外觀設(shè)計(jì)專利的主體部分主要以圖形用戶界面為主，產(chǎn)品外觀主要是通過界面設(shè)計(jì)的載體實(shí)現(xiàn)某種功能。

3.產(chǎn)品名稱部分新增：專利名稱需應(yīng)對(duì)其所具有的功能及用途作必要的說明。

4.外觀設(shè)計(jì)圖片或照片部分新增：包括圖形用戶界面的產(chǎn)品外觀設(shè)計(jì)應(yīng)當(dāng)滿足本部分第三章第4.2節(jié)的規(guī)定。設(shè)計(jì)要點(diǎn)僅在于圖形用戶界面的，可以提交圖形用戶界面所涉及面的一幅正投影產(chǎn)品表現(xiàn)視圖。圖形用戶界面為動(dòng)態(tài)圖案的，申請(qǐng)人應(yīng)當(dāng)至少提交一個(gè)狀態(tài)的圖形用戶界面所涉及面的正投影產(chǎn)品視圖作為主視圖；其余狀態(tài)可僅提交圖形用戶界面關(guān)鍵幀的視圖作為變化狀態(tài)圖，所提交的視圖應(yīng)能唯一確定動(dòng)態(tài)圖案中動(dòng)畫完整的變化趨勢(shì)。對(duì)于投影設(shè)備類圖形用戶界面的產(chǎn)品外觀設(shè)計(jì)而言，應(yīng)當(dāng)提交清楚的投影設(shè)備的視圖和圖形用戶界面的視圖。

5.簡(jiǎn)要說明部分新增：包括圖形用戶界面的產(chǎn)品外觀設(shè)計(jì)應(yīng)在簡(jiǎn)要說明中清楚說明圖形用戶界面的用途，并與產(chǎn)品名稱中體現(xiàn)的用途相對(duì)應(yīng)。必要時(shí)可說明圖形用戶界面在產(chǎn)品中的區(qū)域、人機(jī)交互方式以及變化狀態(tài)等。

將圖形用戶界面外觀專利納入到專利保護(hù)是必要的，與國(guó)際相關(guān)圖形用戶界面(GUI)法律同步，國(guó)家也對(duì)圖形用戶界面相關(guān)法律有了明確的規(guī)定。規(guī)定上理解：具備實(shí)現(xiàn)人機(jī)交互和產(chǎn)品功能有關(guān)這兩個(gè)條件的圖形用戶界面是可以被授予專利權(quán)，并受保護(hù)的[11]。圖形用戶界面(GUI)規(guī)定的出臺(tái)，從有到無的過程中，也讓看到科技發(fā)展對(duì)專利保護(hù)的影響，剛出來的規(guī)定到符合業(yè)界的要求，還有許多需要完善，以面對(duì)未來諸如VR，聲音交互等更多交互及界面的專利。

二、圖形用戶界面的保護(hù)的內(nèi)涵——交互設(shè)計(jì)思維

通過參考了專利局的審查指南，審查實(shí)踐和專利審查員的培訓(xùn)材料這些文獻(xiàn)綜述得出以下觀點(diǎn)。

圖形用戶界面專利把互設(shè)計(jì)思維與實(shí)際運(yùn)用的做了詳細(xì)說明，用戶體驗(yàn)與思維表現(xiàn)載體上保護(hù)了新型互聯(lián)網(wǎng)+思維，交互設(shè)計(jì)是人與人，人與物，物與人之間的互動(dòng)，圖形用戶界面專利從我國(guó)《專利申請(qǐng)指南》中也看到對(duì)交互設(shè)計(jì)專業(yè)及交互設(shè)計(jì)思維的保護(hù)：具有人與機(jī)器之間的互動(dòng)，這種互動(dòng)是為了實(shí)現(xiàn)某種產(chǎn)品的功能。這讓界面設(shè)計(jì)只是不僅作為展示交互設(shè)計(jì)的載體。交互設(shè)計(jì)專利從客體上看是含有GUI的產(chǎn)品，是一種特殊的外觀設(shè)計(jì)，形狀、圖形或者其組合及顏色的組合作為設(shè)計(jì)的要素，與交互設(shè)計(jì)結(jié)合才可以作為圖形用戶界面專利的保護(hù)客體。在《專利審查指南》中圖形用戶界面保護(hù)的客體是帶有與人機(jī)交互和實(shí)現(xiàn)產(chǎn)品功能有關(guān)的圖形用戶界面的完整產(chǎn)品。其中人機(jī)交互是指人與機(jī)器之間通過一定的交互方式(如點(diǎn)擊、觸摸、滑動(dòng)、顯示等)完成信息(指令、反饋、狀態(tài)等)傳遞的過程。而實(shí)現(xiàn)產(chǎn)品功能包括實(shí)現(xiàn)產(chǎn)品自身功能和借助應(yīng)用程序?qū)崿F(xiàn)的功能，但不包括鏈接網(wǎng)站網(wǎng)頁(yè)[12]。

以上兩個(gè)條件即人機(jī)交互和實(shí)現(xiàn)產(chǎn)品功能同時(shí)存在圖形用戶界面的產(chǎn)品才構(gòu)成GUI專利權(quán)的客體。同時(shí)GUI外觀設(shè)計(jì)保護(hù)了交互過程的視覺效果。事實(shí)上，GUI專利權(quán)的客體提到的人機(jī)交互還可能涉及實(shí)現(xiàn)所述功能的技術(shù)方案，這種技術(shù)方案用發(fā)明專利來保護(hù)。

圖形用戶界面是實(shí)現(xiàn)產(chǎn)品功能的表現(xiàn)層，從我國(guó)圖形用戶界面專利申請(qǐng)指南開看，產(chǎn)品外觀設(shè)計(jì)與圖形用戶界面是密不可分的，通過交互設(shè)計(jì)鏈接兩者，實(shí)現(xiàn)產(chǎn)品的功能[13]。交互設(shè)計(jì)通過用戶體驗(yàn)與交互產(chǎn)品系統(tǒng)之間的互動(dòng)，它是人與機(jī)之間各種形式語(yǔ)言和動(dòng)作的雙向信息交換，如何更好地將命令、數(shù)據(jù)等信息在提高人機(jī)交互的用戶體驗(yàn)方面具有重大意義[14]。交互設(shè)計(jì)也關(guān)注用戶的體驗(yàn)，好的設(shè)計(jì)不僅僅是圖形用戶界面做的漂亮，好設(shè)計(jì)還關(guān)注用戶的情感，體驗(yàn)及流程。通過好的體驗(yàn)將體驗(yàn)思維深化為好的產(chǎn)品。這就是交互設(shè)計(jì)思維。

三、圖形用戶界面(GUI)知識(shí)產(chǎn)權(quán)專利應(yīng)用

公司也對(duì)專利有了新的認(rèn)識(shí)，像蘋果、三星、華為、騰訊等科技公司，也在不斷的投入更多的資源在專利的保護(hù)上面[15]?！盎ヂ?lián)網(wǎng)+思維”是由騰訊提出來的，互聯(lián)網(wǎng)+公司的表現(xiàn)層是以APP圖形用戶界面作為載體的，界面設(shè)計(jì)作為產(chǎn)品各個(gè)實(shí)體設(shè)計(jì)的一部分，急需知識(shí)產(chǎn)權(quán)的保護(hù)，提出未來公司發(fā)展布局在圖形用戶界面上保護(hù)的規(guī)劃也是各個(gè)互聯(lián)網(wǎng)公司作為發(fā)展的一部分，這些互聯(lián)網(wǎng)產(chǎn)品通過人機(jī)交互實(shí)現(xiàn)各自的產(chǎn)品功能。[16]

下面以騰訊公司的“手機(jī)紅包”的圖形用戶界面專利為思路，以交互設(shè)計(jì)思維的角度及專利保護(hù)的角度來看一下產(chǎn)品外觀專利中圖形用戶界面專利的保護(hù)思路及應(yīng)用場(chǎng)景。

界面設(shè)計(jì)專利作為知識(shí)產(chǎn)權(quán)保護(hù)的一部分，高質(zhì)量的交互體驗(yàn)和界面設(shè)計(jì)和互聯(lián)網(wǎng)思維下，通過交互設(shè)計(jì)思維將現(xiàn)實(shí)生活中的一些體驗(yàn)轉(zhuǎn)化為界面設(shè)計(jì)的形式，通過手機(jī)app實(shí)現(xiàn)這些功能的創(chuàng)新，是一種思維的創(chuàng)新，也是對(duì)交互設(shè)計(jì)體驗(yàn)的從新定義。這些體驗(yàn)設(shè)計(jì)或者說是交互設(shè)計(jì)對(duì)設(shè)計(jì)師或公司來說是創(chuàng)新的資產(chǎn)[17]。近些年，企業(yè)積極將創(chuàng)新與產(chǎn)品設(shè)計(jì)相結(jié)合，加速將技術(shù)創(chuàng)新應(yīng)用于顯示生活中，騰訊設(shè)計(jì)的手機(jī)紅包專利，即為在創(chuàng)新上的實(shí)際應(yīng)用。對(duì)設(shè)計(jì)專業(yè)交互設(shè)計(jì)學(xué)生有一定的啟發(fā)意義，通過引導(dǎo)創(chuàng)新，增加人們有對(duì)知識(shí)產(chǎn)權(quán)的保護(hù)意識(shí)。[18]

騰訊把手機(jī)紅包以“用于手機(jī)的圖形用戶界面”(專利號(hào)：ZL201530430757.X) 申請(qǐng)外觀設(shè)計(jì)專利，同時(shí)獲得中國(guó)外觀設(shè)計(jì)金獎(jiǎng)。成為了互聯(lián)網(wǎng)行業(yè)獲得的首個(gè)外觀設(shè)計(jì)金獎(jiǎng)，也是GUI外觀設(shè)計(jì)專利首次獲得中國(guó)外觀設(shè)計(jì)金獎(jiǎng)[19]。

騰訊手機(jī)紅包來源于交互體驗(yàn)的分析：廣州有發(fā)利(紅包)的習(xí)俗，騰訊的領(lǐng)導(dǎo)在初八回來的時(shí)候會(huì)給員工親手派發(fā)紅包，但是親手發(fā)紅包需要拍很長(zhǎng)的隊(duì)伍。從手機(jī)紅包作為圖形用戶界面的轉(zhuǎn)換，設(shè)計(jì)的思維在這里起到了非常重要作用，交互設(shè)計(jì)思維也是基于場(chǎng)景的轉(zhuǎn)化，設(shè)計(jì)源于生活，通過交互設(shè)計(jì)及用戶體驗(yàn)讓產(chǎn)品有了更好的體驗(yàn)，手機(jī)紅包的設(shè)計(jì)概念就是基于生活場(chǎng)景的，通過手機(jī)這個(gè)實(shí)體，讓紅包換發(fā)出新的生機(jī)，這也是一種文化的傳承。[20]騰訊公司的設(shè)計(jì)師們?cè)?015年專利申請(qǐng)后也獲得中國(guó)外觀設(shè)計(jì)金獎(jiǎng)。交互設(shè)計(jì)思維在商業(yè)上的應(yīng)用非常廣泛，同類別產(chǎn)品特異性急需保護(hù)。

四、總結(jié)

交互設(shè)計(jì)思維在產(chǎn)品設(shè)計(jì)及界面設(shè)計(jì)的體驗(yàn)，讓交互設(shè)計(jì)作為了公司重要的資產(chǎn)，圖形界面設(shè)計(jì)思維的轉(zhuǎn)變，讓交互設(shè)計(jì)在設(shè)計(jì)中發(fā)揮了重要的戰(zhàn)略定位。商業(yè)上成功，界面設(shè)計(jì)作為互聯(lián)網(wǎng)產(chǎn)品的載體，圖形用戶界面設(shè)計(jì)成為互聯(lián)網(wǎng)產(chǎn)品的一部分，也面臨被抄襲的問題，我國(guó)圖形用戶界面的法律保護(hù)也不斷的與時(shí)俱進(jìn)，如何通過圖形用戶界面GUI專利保護(hù)，讓專利為新興行業(yè)保價(jià)護(hù)航。如何識(shí)別并應(yīng)對(duì)這些發(fā)展障礙，成為值得在理論上及公司發(fā)展定位也應(yīng)該給予足夠的關(guān)注[21]。本文結(jié)合法律法規(guī)、案例分析與交互設(shè)計(jì)這三個(gè)不同的角度進(jìn)行分析，為交互設(shè)計(jì)專業(yè)發(fā)展及交互設(shè)計(jì)專利申請(qǐng)所需具備的條件及流程方法進(jìn)行梳理。通過《專利申請(qǐng)指南》的發(fā)展及各個(gè)公司在圖形外觀專利上的布局來看，交互設(shè)計(jì)作為一門新興的學(xué)科在專利的成果表現(xiàn)上來看，對(duì)交互設(shè)計(jì)專業(yè)的未來也是非常期待的。