TWI351638B - Touch-based tab navigation method and related devi - Google Patents

Description

1351638 九、發明說明： 【發明所屬之技術領域】 本發明係揭露-種可攜式電子裝置的介關覽方法 ，尤指一 種用於具有觸控式控制介面的可攜式電子裝置之職方法。 【先前技術】 著可攜式電子裝置的市場逐漸發展，可攜式電子裝置所具 • 備的功能也與之遽增，且在可攜式電子裝置所設置之使用者介面 上進行劉覽以存取這些功能的需求也隨之而來。上述的使用者介 面中’又以圖像化使用者介面仲叩⑽⑴卿触汗似^^的實 施最能夠為使用者帶來直接且直觀的操作等好處。 "月參閱第1圖，其圖示先前技術中顯示有三個標籤式瀏覽系 統的不意圖5。螢幕10係顯示二等分大小之二標籤12與14，以 供使用者選擇。螢幕20係顯示三等分大小之三標籤22、24、與 # 26，以供使用者選擇。螢幕30係顯示有五等分大小之五標籤％、 34、36、38、40 ’以供使用者選擇。藉由第！圖所示之標籤式瀏 覽系統，使用者不但可以明顯的看見目前所開啟的標籤，也可以 看見其他目前未被開啟但可供使用之標籤。 6月參閱第2圖，其為先前技術中另一種用於標籤式劉覽系統 之螢幕50的示意圖。螢幕5〇係顯示有標籤52、54、％、％、的、 62、及64。標籤62係為目前被開啟之標籤，而標籤52、54、56、 1351638 58、60、及64目前並未被開啟。對應於標藏Q之一選單的亦被 顯示出來’並_標籤62所對應的功能來顯示使用者可選取的不 同功能選項。 5月參閱第3圖，其為先前技術中三個文字盒70、80、及90的 示意圖。文字盒70係具有固定大小的寬度與高度，且不具備有任 可拖良軸(sercllbai·)。文字盒8〇具有固定的寬度與可變的高度， 並八有拖良軸82,其中拖良軸82係具有方向圖標科與％，以 將拖伽2往上或往下拖_。文字盒9G具有可變的寬度與高度， 並具有贼軸91與95,射方向圖㈣與93_來將拖突軸 91往上或往下拖4 ’且方向圖標如與町係用來將拖矣轴％往 左或往右拖曳。 ，雖然上述各圖中所揭露之標籤式劉覽系統皆提供了使用者相 =的猶，但是這些賴·統錢訂料為使用者 帶來相當的錢，且麵於使_人數⑽理(Pe_alDigital Assistant ’ PDA)或智慧型手機(Smart ph〇ne)所設置之觸控營幕的使 用者而4並不谷易上手。因此，制者會需要制上簡便且直 觀的觸控制懸統，以便藉由小型的觸控輪人裝置來快速的在 使用者介面上進行瀏覽。 【發明内容】 因此本心明之主要目的係為提供一種觸控式標藏劉覽方法 心爛示的表單 根據本發明之—脊 置上之使用者介面劉覽二==-種在可攜式數位資訊裝 標鐵集合；接收-使用細法。該方法包含顯示一第一 位晋.'"線性方向所依序分布之複數個標籤的 ·幕上沿賴祕方向所⑽分布之複數 tT變後的位置，顯示—第二賴集合。該[標鐵集合 干二亥可攜式數位資訊裝置所設置之-顯 方向依序分布，且該第-標籤集合所包含之該 :二標:係為一主標籤集合所包含之複數個標籤的子集合。該 觸控輸入係為該錢者觸顧可攜式數錄訊裝置上所設置之一 觸控區並在賴控區上沿著平行於魏性方向之—方向移動手指 所觸發。該第二標難合所包含之複數個標籤係為魅標鐵集合 所包含之該複數個標籤的子集合。 根據本發明之另-實施例，係揭露有—種可攜式數位資訊裝 置，用來接收-使时_發之觸控輸人，以顧可攜式數位資 訊裝置所設置之-使用者介面上㈣不同的標籤。該可攜式數位 資訊裝置係包含-顯示螢幕、—觸控區、及—處理器。該顯示榮 幕係用來顯示沿著-線性方向分布之—第—標鐵集合所包含之複 數個標籤。雜-賴集合所包含之織數健鐵料—主標藏 1351638 π &所包含之複數個標鐵之子集合。該觸控區係用來接收一使用 • 者觸碰該觸控區並將該使用者之手指在該觸控區上沿著與該線性 . 方向平行之一方向移動所觸發之觸控輸入。該處理器係用來由該 使用者接收該觸控輸入、根據所接收之該觸控輸入來改變沿著該 線性方向排列之複數個標籤的位置、及根據被改變之該複數個標 籤的位置來控制該顯示螢幕顯示一第二標籤集合。該第二標籤集 合所包含之複數個標籤係為該主標籤集合所包含之複數個標籤的 ^ 子集合。 藉此，使用者可以利用觸控輸入之特性，在觸控區產生線性 方向之移動來方便瀏覽標籤，本發明不僅充份利用到觸控輸入之 特性，更提供使用者較方便的瀏覽方式。 【實施方式】 請參閱第4圖，其為本發明所提供之一可攜式數位資訊裝置 • 100的功能方塊圖。可攜式數位資訊裝置100包含一顯示螢幕 102、一觸控區104、一處理器106、控制按鈕108、及一記憶體 110。觸控區104可被安裝於該可攜式數位資訊裝置1〇〇之上並與 顯示瑩幕102分離之處。當顯示螢幕1〇2係以觸控營幕實施時， 觸控區104亦可為顯示螢幕1〇2之一部份。觸控區_係用來接 收使用者藉由其手指對可攜式數位資訊裝置1〇〇所輸入的控制操 作等心7在本發明之一其他實施例中，使用者亦可使用觸控费 幕專用的指示筆_us)來對感應區1〇4輸入指令。處理器係 用來控制可攜式數位資訊裝置謂的操作，並用來根據感應區104 或控制按鈕108的輸入來控制顯示螢幕102上所顯示的圖像。記 隐體110係用來儲存可攜式數位資訊裝置1⑻的使用者資料與應 用程式。 、"月參閱第5圖，其為根據本發明之一較佳實施例所揭露之可 攜式數位資訊裝置廳的上視圖(Top View)。可攜式數位資訊裝置 卿包含-歧II2，且顯示螢幕1〇2、感應區1〇4、與控制按鈕 1〇8係安裝於外殼112之上。顯示螢幕1〇2之一部份細示有一劉 覽區12〇。/劉覽區12〇係用來用於可攜式數位資訊裝置觸的使用 者介面上不關群。在本翻之—較佳實施射，劉覽區 120係顯示有複數個以圖像表示之賊，—縣標示賊122係以 強調標示(h_gh⑽方絲糾使时目前難的選單項目。 "^丹乐8圚。第6圖至第8圖係圖示 當劉覽區12G上的不同標鐵被選取標示標籤！22所選取時，顯示 榮幕1〇2所對應顯示之内容。不巧的是，由於現行裝置中所使用 的功能種類與數量輯續增加中，在有限的顯示面積下， 120無法^有之所絲籤。·，使用者必須捲動 視窗’才能夠看到顯示勞幕102上目前未顯示出來的桿 舉例來說，藉由第6圖至第8財所圖示出的螢幕對位方向= 籤佈置方式，賴者可藉由賴_ 12q往左 動: 方式來看到目前顯示螢幕上未顯示出的其他標籤。由 1351638 知’本發明係提供了-種卿的觸控_覽系统，以讓使 以快連的在丨職區12〇所具有的標鐵，進行劉覽。 =參_9_第_。第9圖與第ω圖細糊覽區12〇 斑第ιοίφ已顯不區&132與一未顯示區段nG、134。在第9圖 =0圖中’已顯示區段132係包含_ i則前可顯示之所 妹織’並位於劉覽區120戶斤包含之所有標藏的中央部分。在第9 圖中’第-未顯段13G係包含位於⑽示區段132的左側之 餘，且第二未顯示區段134係包含位於已顯示區段132的右側 之標戴。_ ’在第1G时’第—未顯示區段13G係包含位於已 頁不區& 132下方之標籤，且第二未顯示區段134係包含位於已 顯示區段132上方之標籤。因此，這些標籤可以水平方向或垂直 方向分布，或是顯示於顯示螢幕102上之任意位置。 本發明係提供四種方式，以在觀區12G上之標籤之間進行 瀏覽。在第一種方式中，當顯示螢幕1〇2係為一觸控螢幕，可攜 式數位資訊裝置1〇〇的使用者可以僅藉由其手指或一指示筆的輔 助去觸碰顯示螢幕1〇2上之圖像，其中該圖像係對應於目前位於 /蜜J覽區120上已顯示區段132之一標籤。在第二種方式中，控制 按鈕108上之一方向鍵係用來在瀏覽區12〇上之不同標籤間進行 W覽，其中劇覽區120所包含之標飯係存在於已顯示區段η〗與 未顯不區段130、134。 在第一種方式中，係假設顯示螢幕102以觸控螢幕來實施。 使用者可將手贿過觸㈣幕並移動至想要賴標，以拖 取;^不標籤122之標籤至包含上述圖標之—圖標序列上的 任心位置。當使用者拖良標籤時，概區120之已顯示區段132 所包含的各圖财相與標拖$方向城之另—方向進行位 移因此’當使用者之手指觸碰到顯示螢幕102之邊界時，使用 、手心也會同時指到上述之圖標序列所包含之最後一個圖標 同里β使用者的手指指到顯示螢幕1〇2之中央時，使用者 的手指也會同時指到上述之圖標相所包含之中間 圖標。如此一 /，使用者可以輕易_覽寬度大小較顯示螢幕⑴2之可視面積 倍的圖‘序列。除此以外，當使用者以任意方向在該圖標 賴時，該賴將會隨時移動至最近關標位置，以 = 者可以更容易的鎖定圖標之位置。 :::ΞΕΗ:=::= 代表俨· ^鐵β使用者之手指擦過觸控區104時， 用者手指的位置。如之前所述， 的距離相=置改變量倾使財在觸控區1⑽上移動手指 1351638 除了在顯示營幕102或觸控區104上以對胁使用者手 =，在視覺上表現移動各賴的圓標之動作以外，簡控^衝 或震動脈衝4方式表現_控_亦可用於指示使用者在劇覽區 120之已顯示區段132上劇覽某一圖標到另—任意圖標之移動狀 況。觸控_的制可幫助使財在不看麵示錄脱的狀況 下在瀏覽區120上瀏覽任意標籤。 總結而言，本發明係提供使用者藉由圖像使用者介面劉覽不 同之標籤的便利方式，並讓使用者可以快速的存取目前不在顯示 螢幕之顯示範圍_其他標籤，且讓使用者能充份_到觸控輪 入之特f生。再者’使用者無法藉由肌肉記憶在不看著顯示榮幕的 狀;兄憑藉感覺來選取相的標籤之現象，也可藉由提供觸覺回饋 或聲音_的方絲獲得解決，轉使用者知道各標籤在顯示螢 幕上的位移量。 以上所述僅為本發明之較佳實施例，凡依本發明申請專利範 圍所做之均等變化與修飾’皆應屬本發明之涵蓋範圍。 【圖式簡單說明】 第1圖圖示先前技術中顯示有三個標籤式瀏覽系統的示意圖。 第2圖為先前技術中另一種用於標籤式瀏覽系統之螢幕的示意圖。 第3圖為先前技術中三個文字盒的示意圖。 第4圖為本發明所提供之一可攜式數位資訊裝置的功能方塊圖。 12 1351638 第5圖為根據本發明之一較佳實施例所揭露之可攜式數位資訊裝 置的上視圖。 第6圖、第7圖、與第8圖係圖示當瀏覽區上的不同標籤被選取 標示標籤所選取時，顯示螢幕所對應顯示之内容。 第9圖與第10圖係圖示瀏覽區所具有之一已顯示區段與二未顯示 區段。 【主要元件符號說明】 100 可攜式數位資訊裝置 102 顯示螢幕 104 觸控區 106 處理器 108 控制按鈕 110 記憶體 112 外殼 120 瀏覽區 122 選取標示標籤 130 、 134 未顯不區段 132 已顯示區段 5 示意圖 10、20、30、50 螢幕 12、14、22、24、26、32、34、標籤 36'38'40'52 >54'56'58 ' 13 1351638 60、62 70、80、90 82 ' 91 ' 95 84、86、92、93、96、97 文字盒 拖曳軸 方向圖標

14

Claims (1)

1. 十、申請專利範固： """ ----- 1· 種在可攜式數位資訊裝置上之使用者介面瀏覽（Navi 二同標籤(Tab)的方法，包含： ’·’、頁不u第一標籤集合，該第-標籤集合所包含之複數個標籤係 / 口著該可攜式數位資訊裝置所設置之一顯示螢幕上的— 方向依序分布’且該第一標籤集合所包含之該複數個 才不籤係為一主標籤集合所包含之複數個標籤的子集合； 接收使用者所觸發之觸控輸入，其中該觸控輸入係為該使用 者觸碰該可攜式數位資訊裝置上所設置之一觸控區 (t〇Udi-Sensitive嶋)並在該觸控區上沿著平行於該線性方 向之一方向移動手指所觸發； 根據該觸控輸入，改變在該顯示螢幕上沿著該線性方向所依序 分布之複數個標籤的位置；及 根據在該顯示螢幕上沿著該線性方向所依序分布之複數個標 籤被改變後的位置’顯示一第二標鐵集合，其中該第二標 籤集合所包含之魏域籤料社賴集合所包含之 該複數個標籤的子集合。 如請求項1所述之方法’其中該觸控區係為該可攜式數位資 訊裝置之一外级上所设置之一觸控裝置。 如請求項2所述之方法’其㈣觸控區係為分離於該可攜式 數位資訊裝置上之該顯示螢幕。 印 1351638 100年7月4日修正替換百 4. 如清求項1所述之方法，其中該可駐數位資訊裝置上之該 顯不營幕係為-觸控絲，且賴控祕為闕控螢幕之— 部份。 求項4所述之方法，其中該觸控區係為該觸控營幕之— 邛伤，且該複數個標籤係顯示於該觸控螢幕上。 如。月求項1所述之方法，其巾每—標籤係以視覺化圖像實施^ 7·如喷求項1所述之方法’其中被顯示標籤的位置改變量係與 該使用者之手指在該觸控區上之位移量相關。 ” 8.，睛求所述之方法，其帽於該主標籤集合且不屬於該 第-標戴集合之複數個標籤係於在該顯示螢幕上改變該複數 個標籤之位置之後被顯示。 9·如請求項1所述之方法，另包含： 根據該使用者之手指在該觸控區上的位移所對應之 的位置改變，提供觸控回饋(hapticfeedback)予該使时。 H).如請求項i所述之方法，其中該複數個標藏 位資訊裝置之該齡螢幕上财平方向或垂直杨=狀 16 1351638 /' 1 . 4·' sr J0〇年7月4日修正替換百 y 如5月未項1所述之方法，其中該複數個標籤 . 使用者之手指在該觸控區上移動之-相反方向移動。 * 12. -種可携式數位資訊裝置，用來接收一使用者所觸發之觸控 輸入’以在該可攜式數位資訊裝置所設置之一使用者介面上 劉覽不同_籤，該可攜絲位資訊裝置係包含· -顯示瑩幕，絲顯示沿著—線性方向分布之—第—標鐵集合 所包含之複數個標藏，該第一標籤集合所包含之該複數個 標籤係為一主標籤集合所包含之複數個標籤之子集合； -觸控區’用來接收-使用者觸碰該觸控區並將該使用者之手 指在該觸控區上沿著與該線性方向平行之一方向移動所 觸發之觸控輸入；及 -處理器’用來由該使用者接收該觸控輸入、根據所接枚之該 觸控輸入來崎沿著該線性方向制之複數個標鐵的位 置、及根據被改變之該複數個標籤的位置來控制該顯示螢 幕顯示一第二標籤集合，其中該第二標籤集合所包含之複 數個標籤係為該主標籤集合所包含之複數個標籤的子集 合。 13. 如δ月求項12所述之可攜式數位資訊裝置，其中該觸控區係為 該可攜式數似喊置之-外殼上·置之—觸控裝置。 ^ 14·如請求項13所述之可攜式數位資訊裝置，其中該觸控區係分 17 1351638 離於該可攜式數位資訊裝置之該顯示榮幕。 15. 16. 如請求項12所述之可攜式數位資訊裝置， 八T孩顯示螢篡位 為一觸控螢幕，且該觸控區係為該觸控螢幕之一邹八 ’、 如請求項15所述之可攜式數位資訊裝置，其中誃 。/、 該觸控榮幕之-部分，且該複數個標籤係 17. 如請求項12所述之可攜式數位資訊裝置，其中每 視覺化圖像實施。 •標籤係以 18. 19. 20. 如請求項丨2所述之可攜式數位#_置，其中該處理器係根 據該使用者之手指在賴控區上的位移來賴觸示之、 個標籤的位置。 ’…、複 如請求項12所述之可攜式數位資訊裂置’其中該處理器係命 令該顯示f幕在改_複數個標籤之位置後，顯示屬於該/ 標籤集合且不屬於該第一標籤集合之複數個標籤。 如凊求項12所述之可攜式數位資訊裝置，另包含： -振動開閉電路器(Vibmtor)，用來根據該複數個標藏之位置每 一次的改變來提供觸控回饋予該使用者。 21.如睛求項I2所述之可攜式數位資訊裝置，其中該複數個標籤 丄 22· 賴侧式__，財該處理器係沿 ==:指在該觸控區上移動之—相反方向移動該複 23. -種在可攜式數位:_置上之制者介面 不同標籤（Tab)的方法，包含·· ) 顯示一第-標麵合，該第—標難合所包含之複數個標藏係 者該可觀紐魏健職置之—顯村幕上的一 序分布，且該第—賴集合所包含之該複數個 ‘戴係為-主標缝合所包含之複數個顧的子集合； 接收-輸人，射該輸人係為於—方向㈣單元上沿著平^於 該線性方向之一方向所觸發； 根據該輸人’改變在示螢幕上沿著該線財向所依序分布 之複數個標籤的位置；及 根據在該顯示營幕上沿著該線性方向所依序分布之複數卿 ^改變後的位置’顯示—第二標鐵集合，其中該第二掉 戴市合所包含之複數個標籤係為該主標籤集合所包含之 該複數個標籤的子集合。 制按 24_如請求項23所述之方法，其中該方向控制單元係為一控 紐。 19 1351638 I 100年7月4日修正替換頁 如。月求項23所述之村，射每—賴細視覺㈣像實施。 A 2求項23所述之方法，其中屬於該主標籤集合且不屬於該 第一標鐵集合之複數個標籤係於在該顯示螢幕上改變該複數 個標籤之位置之後被顯示。 27. 28. 如請求項23所述之方法，其中該複數個標籤之位置係依據該 輸入於妨向㈣單仏沿著平行⑽雜方向之該方 動之一相反方向移動。 Η 、圖式： 20