圖形化使用者介面 (GUI) 大解析專利部 副理 / 張政偉 (Max)2014/09/25, NTU Garage

2

大 綱• Who we are ？

• What is GUI ？

• Why GUI becomes a issue ？

• To take examples for GUI ！

• How to protect my GUI ？

3

4

We want to change the world!

5

6

7

《軟硬整合趨勢研討會》 2013 年 4 月

8

《銀髮族智慧產品開發與設計研討會》 2014 年 5 月

9

2014 年 10 月即將舉辦

10

What is GUI ?

11

人機介面

12

CUI(Character user interface, 字元使用者介面 )

ADM-3A (1975)

13

GUI(Graphical user interface, 圖形化使用者介面 )

Xerox Star (1981)

14

Macintosh (1984)

Windows 3.1 (1992)

15

16

Why GUI becomes a issue ？

17

What You See Is What You Get!

18

( 資料來源：資策會 FIND ， 2014/06)

平均下載 APP 數為 22.5 個

19

20

21

22

2011/04

USD627790 

23

圖形化使用者介面的目的？

24

「使用者的感覺很重要，太複雜就容易遭到淘汰！」

25

更佳的使用者體驗

圖形化使用者介面的目的？

更直觀的呈現方式 更簡短的步驟流程

26

To take examples for GUI ！

27

更佳的使用者體驗

更直觀的呈現方式 更簡短的步驟流程更直觀的呈現方式

28

第 USD599372 號 GUI for a display screen of

a communications terminal

2006 年 03 月 07 日 by Google Inc.

29

第 USD695756 號 Display screen with graphical user

interface

2013 年 01 月 31 日 by Nike, Inc.

30

第 USD675640 號 Display screen with animated user

interface

2012 年 07 月 17 日 by Nike, Inc.

31

更佳的使用者體驗

更直觀的呈現方式 更簡短的步驟流程更簡短的步驟流程

32

標籤

33

第 TW201426499 號 標籤按鈕管理的方法及系統

2013 年 03 月 18 日 by 阿里巴巴集團服務有限公司

透過聚焦區拾取落入其中的標籤

按鈕的資訊，避免了標籤按鈕的

點擊，提高了標籤按鈕選擇的準

確性和方便程度。

34

35

第 US8281244 號 User interface for media

playback

2009 年 06 月 11 日 by Apple Inc.

對應播放進程，調整圖像的大小及位置

36

第 US8423911 號 Device, method, and graphical user interface for

managing folders

2010 年 09 月 22 日 by Apple Inc.

37

38

第 US20130307801 號 Method and apparatus of controlling user interface using

touch screen

2013 年 05 月 21 日 by Samsung Electronics Co. Ltd.

39

第 US20130307801 號 Method and apparatus of controlling user interface using

touch screen

2013 年 05 月 21 日 by Samsung Electronics Co. Ltd.

40

( 資料來源： http://www.mailboxapp.com/)

41

How to protect my GUI ？

更直觀的呈現方式 更簡短的步驟流程

外觀 功能性

設計專利 發明專利

42

~1980

1990

2000~

太陽底下的任何人為事物Anything Under the sun that made by man

軟體不得申請專利

具備創新的實用功能，且綁定特定機器或裝置

具備創新的實用功能，能實施在一般機器或裝置

開放 GUI 與 Icon 可申請設計專利1996

43

開放 GUI 與 Icon 可申請設計專利修正電腦軟體之可專利性的標準

適度開放 GUI 可申請設計專利2014

2013

44

功能？外觀？

45

第 US8286103 號 Unlocking a device by performing gestures on an unlock image

2011 年 08 月 05 日 by Apple Inc.

第 USD675639 號 Display screen or portion thereof with a graphical user interface

2011 年 09 月 19 日 by Apple Inc.

46

功能！

外觀？

47

第 TW201423553 號 配置行動通訊裝置之主畫面的行動通訊裝置、非暫態電腦可讀媒介與其適用方法

2013 年 10 月 07 日 by 宏達國際電子股份有限公司

48

第 D162335 號 顯示面板之圖形化使用者介面

2013 年 05 月 17 日 by 台灣日立股份有限公司

49

第 D162575 號 顯示面板的圖形化使用者介面之部分

2013 年 06 月 14 日 by FACEBOOK, INC.

50

寬鬆 嚴格

51

• 不授予外觀設計專利權的情形：

關於外觀設計的保護客體

產品通電後顯示的圖案，與人機互動無關，或者與實現產品功能無關的產品顯示裝置所顯示的圖案。

例如：手機顯示屏上顯示的圖案、軟件介面等。

• 需與人機互動有關。

• 需與實現產品功能有關。

52

53

54

55

56

57

• 增加「就圖形用戶介面的產品外觀設計而言，應當提交整體產品外觀設計視圖。」

關於申請文件的產品視圖

58

專利號 ：第 D160848 號

專利名稱 ：顯示螢幕之圖形化使用者介面

公告日 ： 2014 年 04 月 21 日

專利權人 ：美商蘋果公司

台灣的設計專利

59

專利號 ：第 D707,249 號

專利名稱 ： Portable display device

with an animated graphical user

interface

公告日 ： 2014 年 06 月 17 日

專利權人 ： Seiko Epson Corporation

美國的設計專利

60

主視圖 後視圖 左視圖 右視圖

俯視圖

仰視圖

61

Apple 的 iPhone Samsung 的 Galaxy

62

第 CN302949310 號 帶圖形用戶介面的手機

2014 年 05 月 01 日 by 北京奇虎科技有限公司

63

64

第 CN302949235 號 帶圖形用戶介面的手機

2014 年 05 月 08 日 by 北京奇藝世紀科技有限公司

65

66

Besides patent…

67

圖形商標

68

商標？ 專利？

69

更佳的使用者體驗

更直觀的呈現方式 更簡短的步驟流程

須保護的重點！

GUI

設計專利圖形或動態商標

發明專利新型專利

70

Try to design better GUI ！But keep IPRs in mind ！

71

謝謝聆聽THANK YOU FOR YOUR ATTENTION如有任何疑問或需要，歡迎不吝來電或來信Tel: (02)2959-6686

E-mail: Max@proguide.com.tw

專業 ． 誠信 ． 用心