TWI360107B - Display method of graphical user interface for han - Google Patents

Description

1360107 fc,D η曰修炎/史緇迄 九、發明說明： 【發明所屬之技術領域】 本發明大體上關於消費性電子，及更特別地，關於用在 手持式計算裝置中之圖形使用者介面。 【先前技術】 在圖形使用者介面（GUI)上顯示的層級選單，如，下拉選 單及雙曲線樹，在習知上可用以顯示及存取計算裝置上之 應用程式及檔案。《而，該選單主要設計為用於桌面電腦 系統，且不會因含較小螢幕之電子裝置而最佳化。 因此，需要用於含較小螢幕之電子裝置的選單格式，其 可提供導航及壓縮兩者之方便性。 【發明内容】 本發明可提供—種手持式計算裝置之圖形使用者介面的 顯示方法，包括顯示-放射狀選單，纟包括複數個以圓環 排列H選單項目。顯示—列表格式選單，其中 表格式選單與該放射狀選單相 人 啊邱，豬田處理盗配置該圖 形使用者介面，因而該複數個第—層選單項目_ — 者會令複數個第-厚遽凿τ5 ( 弟一層選早項目取代圓環排列的第—岸 項目，該複數個第二層選單 _ 曰3-早 平項目興第—層選單項目；I：日 關，且當該複數個第二層選單項目取代以圓環: 數個第一層選單項目時，彳 々該複 第二層選單項目。Μ格式選早至少包括該複數個 本發明亦提供一種手持式計算裝置，用以 裝置上之-顯示營幕上展示圖形使用者介 計算 于得式計算 0685-A40682-TWF1 1360107 /矽專7月修正/更丘/補皂 裝置包括—第一裴置，第一裝置用以顯示一放射狀選單， 其中放射狀選單包括複數個以圓環排列之第一層選單 目。複數個第一層選單項目中之所選一者會令複數個第二 層選單項目取代以圓環排列之複數個第一層選單項目，複 數個第二層選單項目與一第一層選單項目相關。一第二裝 ，’第二裝置用以顯示—列表格式選單，其中列表格式選 單與放射狀選單相鄰，且當該複數個第二層選單項目取代 以圓環排列的該複數個第一層選單項目時，列表格式選單 至少包括該複數個第二層選單項目；以及—輸入裝置，配 置成傳达-使用者輸入至一處理器，用以濁覽放射狀選 【實施方式】 圖1是示範性手持式計算裝置100(例，個人數位助理 (PDA), ’遊戲|置，或行動電話）的符號頂部圖，該裝置中 之圖形使用者介面（GUI)上可實作—放射狀選單（詳如下文 所述）。手持式計算裝置100包括一適宜使用者的手所握之 =J形狀的外單110。裝設在外罩110内的處理器及相關之 •路(未不)可執行與軟體應用程式組相關的指♦。外罩110 :掩護的顯示榮幕120會呈現⑽，經其可顯示圖像及文件 :用者。手持式計算裝置100亦可包括其他習知的特徵， 二、：清楚而由圖1略去’如，預接收記憶卡或桿的擴充 9以附加周邊裝置或其他電子裝置的介面，等。吾人 ，雖然本發明會關於手持式裝置而据述，然放㈣ k早可立即實作在包括GUI的任何計算裝置中。 對處理器的使用者輸人可藉由至少—使用者控制之操作 0685-A40682-TWF1 1360107 — 一‘叫哪組丄，敦觸控 式顯不營秦1 2 0。例如，Jg μ„私 類比輸入裝置〗30可使用機械地偏 斜至中央位置之習用雙軸搖桿的 神拖枰的形式。或者.，類比輸入裝 置130的功用亦可使用八向數位開關而達成。 本發明的放射狀選單介面可扃 、 、平；丨囟了在文中關於示範性實作而描 述，該貝作允坪使用者由福動個·/曰— 稷数個了取仔的應用程式中選擇 —應用程式。大體上，放射壯；n留入 双对狀璉早介面包括一含獨特放選 單之組，其可邏輯上以階；彳έΒ诚 I白層式組織，因而選擇一第一層放 射狀選單之一會令一第二層放鼾壯π „。 θ 尽風射狀延早取代第一層選單項 目循序地帛一層選單包括複數個第二層選單項目，其 舆所廷之f I运單項目相關。雖然會以示範性實作而描 述二選單層’吾人應了解可再加上另—選單層。可提供階

層中任_層的選單項目 OT 卞π a μ 7另一選早層顯不，而開啟一特 定檔案，或令一特定應用程式執行。 圖2繪示在手持式計算裝置1〇〇(圖1}之顯示榮幕叫圖” 上所呈現的示範性第一（或頂）層放射狀選單期。第_層選 單200包括-組以圓環排列之第—層選單項目2〇2至26。在 某些實施例中’-第-中央目標218可設定在圓環排列之第 -層選單項目202至216内，較佳在其中心。雖繪示了八個 選早項目’仍應了冑，在本發明之範圍内可使用較多或較 少數目的選單項目。 在所示範例中，選單項目（2〇2，2〇6 , 21〇及2M)中之四 者會和動，及剩餘的四個選單項目（2〇4 , 2〇8 , 212及Us) 是空的。文中所用的，移動的選單項目是表現往另—選單 0685-A40682-TWF1 Ι36Ό107 層，檔案，應用程式，等的鏈路。移動之選單項目202，206， 及214各包括文件及/或圖形圖符以表現鏈路。在本範例 中，該鏈路是下列應用程式類型··遊戲（2〇2)，資訊工具 (206)，多媒體（210)，及連線（214)。第一中央目標218亦/包 括文件及/或圖形圖符以表現使用者操作。在圖2中，第一 中央目標218顯示(例如)列表形式中之選單的圖冑，其用以 表現切換第一層選單200至習用列表格式的操作。 第-層選單2GG中的數個選單項目可以數樣不同方式移 動。例如’在某些實施例中，第_層選單2⑽可根據製造商 所心疋之預設組態而設置。在較佳實施例中，制者會藉 由重組，增加，消除，或取代第一層選單項目而改變第一 層選早200的、组態。例如，可使用拖髮或複製/貼上之動作 或經對話框而執行該操作。如前述，第-層選單200中之選 車項目可表現（例如）另—選單層，—檔案，如，则，試算 表文苗處理或應用程式（如，遊戲程式，媒體播放器， 或網頁瀏覽器）。 在選擇表現-第二層選單之第一層選單項目（例，本範^ 中的資訊王具選單項目2()6)時，第二層選單會在顯示㈤ 12〇(圖1)上產生及顯示。第二層選單包括複數個與所選第_ 層選單項目相關之第二層選單項目，及第二層選單項目, 取代％繞中央目標而以圓環排列的第一層選單項目。圖 繪示回應資訊工具選單項目2Q6(圖2)之選擇而顯示的第： 層選單300之範例。因&，第二層選單綱包括複數個以^ 環排列的第二層選單項目3〇2至316。此處，帛二中央目* 0685-A40682-TWF1 1360107 318亦可置於圓環排列之第二層選單項目3〇2至3i6内。第二 中央目標318會與第一中央目標218相同，或如圖示般不 同。在圖3中，f二中央目標318具有升高一層之符號，且 可藉由使用選擇而選擇回到第一層選單2〇〇(圖2)的使用者 操作。 在圖3所示之範例中，所有第二層選單項目會移動。如同 使用第一層選單2〇〇(圖2)般，第二層選單項目各⑽如），預 執订列衣之選單項目306可包括文件及/或圖形圖符以表現 所dfi工具類型中的應用程式。同樣地’當選擇(例如) 遊戲玲單項目2G2(1I 2)時所顯示的第二層放射狀選單會包 括組第—層選單項目，其各具有文件及/或圖形圖符以表 見特疋的遊戲應用程式。如上述，第二層放射狀選單不 須完全移動，亦不須限於應用程式。例如，當可存在】:個 遊戲應用程式時’使用者可配置第二層放射狀選單為具有 第二層選單項目中之六者’其專屬六個喜好遊戲，而令第 二層選單項目中-者維持空白，及可令第八個第二層選單 項目成為第三層放射狀選單以用於更多遊戲，其可與剩餘 的六個遊戲應用程式一起移動。 、 适早項目之選擇可以數個不同方式完成。再次參照圖1， 在乾例中，選單項目可藉由在放射狀選單處使用類比輸 入裝置130導航而選擇，直至所需之選單項目突出。此刻參 照圖2’ A 了繪示的原因，假設遊戲選單項目2G2開始突/， 及使用者希望選擇資訊卫具之選單項目咖。由此，類比輪 入裝置1 30(圖”可以向下及向上方向(對應至資訊工具之選

0685-A40682-TWFI •10· 1360107 細專？筠r曰修正/更五/箱良 單項目206的位置，其血遊齡 '、避戲之選早項目202的位置相對）推 進。該動作會造成資訊工具之選單項目2〇6突出。接著，突 出的選單項目會藉由使用者釋放類比輪入裝置13〇(其允許 類比輸入裝置m回到中央靜止位置)或藉由執行一等效動 作（如，藉由壓下數位開關140之—者（圖1})而選擇。 在某些實作中，數位閉4 n + 破位開關140亦可用以在放射狀選 200，300周圍導航。s少一叙你叫b日 卞 一’數位開關丨40亦會具有選單特定 或内谷感應函式。例如一齡^ 數位開關丨4〇之壓下會造成頂岸 放射狀選單200的顯示。，亦，在某些實施例中，選單項目; 藉由在顯示螢幕12〇上的希望要 選擇。 巧望之選早項目上絲近輕〒而 吾人應了解’ 一游標(如’在⑽周圍經傳統電腦系统中 之滑鼠的使用而控制的滑鼠游標）亦可實作在本發明 持計鼻裝置100中。在該實施例中，游標可經则而控制， 例如’藉由操作類比輸入裝置130。亦在某些實施例中一 游標通過或靠近選單項目時，該選單項目會突出。^ 吾人應注意，類比輸入裝置130可優異地允許使用者 且直覺地導航至放射狀選單中任何希望的選單項目 發明的實作中，U丄妯s ^ 在本 導航W疋可以在選單項目所界定之 選擇順時鐘哎诮柱於士 A = 6 圓*處 Θ心心向而實行（取決於使用者推進類 之方向K即，圓環地相鄰之選單項目可沿著' :鐘，時鐘徑路而突出’及使用者不經中央目標“ 航）。在該實施例中，因為類比輸入裝置㈣會回到中 止位置，故經中央目標移動之企圖會隨著最後突出之選單

0685-A40682-TWFI i36〇l〇7 /冲吞? ϋ|ΓΒ修正/更五/補鬼 項目的選擇而表示。在該實施例中，鍵結至中央目標的所 選使用者操作可藉由另-輪入裝置（如，壓下一特定數位開 關14〇或在顯示螢幕12〇上輪出）而達成。 在某些實施例中，每當手持式計算農置1〇〇導通時’頂層 放射狀選單200即可自動顯示。手持式計算裝置⑽亦可配 置因叩輸入裝置（如，一數位開關i 4〇)亦可用以觸發頂 層放射狀選單細為導通及截止。在某些實施例中，亦可藉 由在顯示螢幕12〇上之GUI的特定圖符上"而完成。其他 情況亦可令頂層放射狀選單2〇〇顯示。該情況包括令一記憶 卡置入手持计异裝置】〇〇的擴充槽内，及令手持 100連接至另—舛曾肚罢 y ,, 计-裳置，例如’根據無線通信協定。吾人 應了解在某些範例令，該情況會令第二層放射狀選單· 取代第一層放射狀選單2〇〇而_ 肤早而顧不。吾人亦應了解，當放射 m、不柃’某些情況會令特定選單項目成為選取。 鹿在某些實施例中’繞著放射狀選單的導航可藉由觸覺回 應而完成。在手持式裝置中，如，手持式計算裝置 :)或用於電動遊戲系統的遊戲控制器’可設置 (， 該項技術者所習知，如作。該致動器為熟習 白知，如，動力回饋。 斤丁手持式計算裝置400的示意性表現圖 射狀選單之導瓶期間，觸覺回岸之實作丰^圖綠不放 彻包括—外罩…==作，式計算裝置 13〇 ”螢幕ϊ2〇，及—類比輪入裝置 υ υ如圚1所示。 衣且 理器402會在n 卜罩】】〇内而運作-操作系统的處 胃在顯不榮幕m上顯示一放射狀選軍介單。處理 0685-A40682-TWFi /從專” r曰傪正K餚龙 -亦會由(例)類比輸入裝置接收使 回應而突A適宜的選罩項…， 及向其 時，處理'、目。例如’當連續選單項目突出 產生气動Γ2會發送信號至轉合至外罩⑽的致動器彻以 D動或類似效果’其可藉由持有 的使用者所感受。 t^KE4〇〇 :某些貫施例中’觸覺回饋的強度，持 取決於選單項g 、目本體。例如，對呈現遊戲應用程式的選單 導般與對呈現資訊工具的選單項目之導航可藉由不 =型的觸覺回饋而完成。在某些範例中，對某選單項目 航不會產生觸覺回饋，而對其他之導航則會。亦在某 t範例中，選單項目選 '、 、悍j猎由觸覺回饋而完成。同樣 …，ee a操作之選擇可藉由觸f回饋而完成。如上，完 、選單項目攻使用者操作之選擇的觸覺回饋可根據選單項 目的類型而改變。例如’汽車遊戲之選擇可藉由如同引擎 發動的顫動而完成。 亦應/主意，聲音亦可完成經放射狀選單的導航及選單項 目與使'者操作的選擇。在上述汽車遊戲之選擇的範例 中亦可藉由几車引擎發動的聲音完成選擇。卩，除了在 導航選單層時突出選單項目或中央目標以外，亦可實施其 他視覺效果。例如’當使用者經選單項目而導航時，各選 單項目可變色’變大’或產生動作。在某些實施例中，與 突出之選單項目相鄰的選單項目亦會放大或不同樣地產生 效果’然會較突出的選單項目之程度要輕微。其他視覺扭 曲及效果亦易於實施在⑽以跟隨在繞著放射狀選單介面 0685-A40682-TWF1 13 的使用者導航之後。 、亦應了解，元成選單之導航的觸覺回饋不限於手持 =裝置如，丁持式計算裝置，亦不限於放射狀選 τ·例如，遊戲裝置可包括一控制器，其包括一處理器， 及手才寸八裝置，其包括一輸入裝置及一致動器。遊戲裝 置可顯不本發明之放射狀選單在顯示器上或電視顯示器 上：控制器中的處理器可配置成由輸入裝置接收使用者輪 ,以導航放射狀選單及發送信號至致動器以提供上述之觸 覺回饋。同樣地，選單不須是放射狀選單。因A，可配置 文中所叙手持式計算裝置⑽（圖i)，其具有習用之選單 (如’拉下選單)，因而可藉由觸覺回饋而完成習用選單的導 、回顧圖3 ’可注意到’放射狀選單中的項目(如，應用程 式）可額外地顯示在顯示螢幕12G(圖1)之區域中的列表格式 2〇中該顯不螢幕12〇之區域與顯示放射狀選單⑽之區域 相鄰。例如，音 ' ”應用程式的列表會包括某些應用輕 式’其不藉由對應之第二層放射狀選單3〇〇(例，備忘錄)中 的選單項目表現。奋 見充稭由使用者加上該應用程式至第二層 __單3〇〇(亦可移動空白的選單項目，或作為現存二 選早項目的代替品），以使用拖戈操作或類似動作而滿足使 用者的喜好。 文中本發明會參照其特定實施例而描述，然熟習該 =技術者應了解’本”不限於此。上述之本發明的種種 才徵及觀點可獨特地或聯合地使用。再者，在本說明書之 0685-A40682-TWFi -14- U0UW7 lc〇 侮正/吏旬鶼先 、泛精砷及範圍内’可在文中未提及的任 應用程式中利用本發明。因此， ^量之環境及 而不是限吾人應了解，文中二=式皆 特別表示廊Λ理鈕A 的專有名詞「包括, 【圖式簡=明】技術^以。 圖1是根據本發明實施例之示範性 號頂部圖。 f式叶鼻裝置的符 :顯示在根據本發明實施例之手 螢幕上所呈現的示範性第—層放射狀選單。m之顯示 J 3顯示在根據本發明實施例之手持： ®秦上所呈現的示範性第二層放射狀選單。、置之顯示 圖4是手持式計算裝置的示意性表早L 動器以提供根據本發明實施例—置包括-致 '見叫讀。. 【主要元件符號說明】 100 手持式計算裝 110 外罩 120 顯示螢幕 130 類比輪入裝置 140 數位開關 200 第一層放射狀選單 202至216 選單項目 218 第一中央目標 300 第·一層放射狀選單 302至316 選單項目 0685-A40682-TWF1 1360107 318 400 402 404 /π月&曰修正/更正/请充 第二中央目標 手持式計算裝置 處理器 致動器 0685-A40682-TWF1 -16-

Claims (1)

1360107

修正本 申請專利範圍： 一種 式計算裝置之圖形使用者介面的顯示方 法，包括： 顯示一放射狀選單，其包括複數個 之第一層選單項目； 以一圓環排列 顯示一列表格式選單，其中該列表格式 放射狀選單相鄰； 選單與該 藉由-處理器配置該圖形使用者介面，因而該複 數個第一層選單項目中 土 、T之所選一者會令複數個第二 廣選早項目取代以圓環排刻夕兮、自去^ _衣辨列之該複數個第一層選單 項目，該複數個第二層選嚴适曰伽 禮避早項目與一第一層選單項 目相關，且當該複數個筮一爲 „ 1固第一層選早項目取代以圓環 排列的該複數個第—層撰置g JU 層選早項目時，該列表格式選 單至少包括該複數個第二層選單項目。 如申請專利範圍第1項之手捭彳 心于符式计异裝置之圖形使 用者介面的顯示方法，立 走其中該放射狀選單尚包括— 置於該圓環排列内之中央目標。 如申請專利範圍第2項之手牲彳斗瞀壯 α〈于得式计异裝置之圖形使 用者；I面的顯示方法，其中 ^rr通τ央目標包括文件或 一圖符，用以表現一使用者操作。 4.如申請專利範圍第3項之手样十斗瞀壯m , a <于得式计异裝置之圖形使 用者介面的顯示方法，直φ兮 电具中該使用者操作包括以該 列表格式之選單取代該放射狀選單。 2. 3. 0685-A40682TWF1 1 5 專利範㈣3項之手持式計算裝置之圖形使 1的顯示方法’其_該使用者操作包括 該第一層選單項目。 6.2 4專利範圍第1項之手持式計算裝置之圖形使 面的顯示方法’其中該複數個第一層選單項 係根據-預設之組態而移動。 7·:::專利範圍第1項之手持式計算裝置之圖形使 目 ㈣示方法，其中該複數個第-層選單項 目可根據-使用者喜好而移動。 層選早項 .如申请專利範圍第7項之手持式計算裝置之圖形 用者介面的顯示方法圖化使 者介面以允許選單項曰、 “己置該圖形使用 單之間切換。項目於㈣表格式與該放射狀選 9·如中請㈣範㈣i項之手持式 用者介面的顯示方法^ 裝置之圖形使 _ , ^ 法，其中該複數個第一層選單涵 :中至少-者包括文件或一圓符，項 選單層之連絡。 現彺另一 之手持式計算裝置之圖形使 用者“的顯示方法，其，該複 二吏 目中至少一去今化士，， 早項 者包括文件或一圖符， 用程式之連絡。 顯現至一應 H· 一種手H計算裝置，用以在 之一顯示螢幕上展-I 手持式计算裝置上 螢幕上展不圖形使用者介面，該手持式計 0685-A40682TWFJ 1360107 fCC 算裝置包括： 一第一裝置，該第一裝置用以顯示一放射狀選 單，其中該放射狀選單包括複數個以一圓環排列之 第一層選單項目，該複數個第一層選單項目中之所 選一者會令複數個第二層選單項目取代以該圓環排 列之該複數個第一層選單項目，該複數個第二層選 單項目與一第一層選單項目相關； 一第二裝置，該第二裝置用以顯示一列表格式選 單’其中該列表格式選單與該放射狀選單相鄰，且 當該複數個第二層ϋ單項目取代以圓環排列的該複 數個第-層選單項目_，該列表格式選單至少包括 該複數個第二層選單項目；以及 一輸入裝置，其配置成僖 ^ 战得达—使用者輸入至一處 理器，用以瀏覽該放射狀選單。 12. 13. 14. .如申請專利範圍第1丨項之年 手持式計算裝置，其中該 手持式計算裝置係手持式裝置。 如申請專利範圍第U項之丰 抵 义手持式計算裝置，尚包括 致動器以產生一觸覺回館 頌’更進一步配置該虛理 器以發送信號至該致動器， iPiB# 用以在當導航該放射狀 選早時’產生該觸覺回饋。 如申請專利範圍第1丨項之 輸入裝置係類比輸入裝置，、式計算裝置，其’該 機械地偏斜至一中央位置。丨包括-雙軸搖桿’其 0685-A40682TWF1 3 1360107 /C(?_ K月丨e曰修正/更昶充 15.如申請專利範圍第14項之手持式計算裝置，其中一 第一或第二選單項目之選擇係藉由令搖桿回至中央 位置而完成。‘ 4 0685-A40682TWF1 136010

案號093112081 100年8月10日 修正頁

補充

S 1360107

年义月|0曰 修正 補充

Ο