JP7532568B2 - User interface for manipulating user interface objects - Google Patents

Description

Translated fromJapanese

［関連出願の相互参照］
この出願は、「ＣＲＯＷＮ ＩＮＰＵＴ ＦＯＲ Ａ ＷＥＡＲＡＢＬＥ ＥＬＥＣＴＲＯＮＩＣ ＤＥＶＩＣＥ」と題する２０１３年９月３日出願の米国特許仮出願第６１／８７３，３５６号、「ＵＳＥＲ ＩＮＴＥＲＦＡＣＥ ＯＢＪＥＣＴ ＭＡＮＩＰＵＬＡＴＩＯＮＳ ＩＮ Ａ ＵＳＥＲ ＩＮＴＥＲＦＡＣＥ」と題する２０１３年９月３日出願の米国特許仮出願第６１／８７３，３５９号、「ＵＳＥＲ ＩＮＴＥＲＦＡＣＥ ＦＯＲ ＭＡＮＩＰＵＬＡＴＩＮＧ ＵＳＥＲ ＩＮＴＥＲＦＡＣＥ ＯＢＪＥＣＴＳ」と題する２０１３年９月３日出願の米国特許仮出願第６１／９５９，８５１号、「ＵＳＥＲ ＩＮＴＥＲＦＡＣＥ ＦＯＲ ＭＡＮＩＰＵＬＡＴＩＮＧ ＵＳＥＲ ＩＮＴＥＲＦＡＣＥ ＯＢＪＥＣＴＳ ＷＩＴＨ ＭＡＧＮＥＴＩＣ ＰＲＯＰＥＲＴＩＥＳ」と題する２０１３年９月３日出願の米国特許仮出願第６１／８７３，３６０号、及び「ＵＳＥＲ ＩＮＴＥＲＦＡＣＥ ＦＯＲ ＭＡＮＩＰＵＬＡＴＩＮＧ ＵＳＥＲ ＩＮＴＥＲＦＡＣＥ ＯＢＪＥＣＴＳ ＷＩＴＨ ＭＡＧＮＥＴＩＣ ＰＲＯＰＥＲＴＩＥＳ」と題する２０１４年９月３日出願の米国特許非仮出願第１４／４７６，６５７号の優先権を主張する。これらの出願の内容は、全ての目的でその全体の参照により本明細書に組み込まれる。 CROSS-REFERENCE TO RELATED APPLICATIONS
This application is related to U.S. Provisional Patent Application No. 61/873,356, filed September 3, 2013, entitled "CROWN INPUT FOR A WEARABLE ELECTRONIC DEVICE," U.S. Provisional Patent Application No. 61/873,359, filed September 3, 2013, entitled "USER INTERFACE OBJECT MANIPULATIONS IN A USER INTERFACE," and U.S. Provisional Patent Application No. 61/959,851, filed September 3, 2013, entitled "USER INTERFACE FOR MANIPULATING USER INTERFACE OBJECTS." This application claims priority to U.S. Provisional Patent Application No. 61/873,360, filed Sep. 3, 2013, entitled "MANIPULATING USER INTERFACE OBJECTS WITH MAGNETIC PROPERTIES," and U.S. Nonprovisional Patent Application No. 14/476,657, filed Sep. 3, 2014, entitled "USER INTERFACE FOR MANIPULATING USER INTERFACE OBJECTS WITH MAGNETIC PROPERTIES," the contents of which are incorporated herein by reference in their entirety for all purposes.

この出願は、Ｎｉｃｈｏｌａｓ Ｚａｍｂｅｔｔｉ等を発明者とし、本出願と同時に２０１４年９月３日に出願された、「ＣＲＯＷＮ ＩＮＰＵＴ ＦＯＲ Ａ ＷＥＡＲＡＢＬＥ ＥＬＥＣＴＲＯＮＩＣ ＤＥＶＩＣＥ」と題する同時係属出願である米国特許非仮出願、Ｎｉｃｈｏｌａｓ Ｚａｍｂｅｔｔｉ等を発明者とし、本出願と同時に２０１４年９月３日に出願された、「ＵＳＥＲ ＩＮＴＥＲＦＡＣＥ ＯＢＪＥＣＴ ＭＡＮＩＰＵＬＡＴＩＯＮＳ ＩＮ Ａ ＵＳＥＲ ＩＮＴＥＲＦＡＣＥ」と題する米国特許非仮出願、及び、「Ｄｅｖｉｃｅ，Ｍｅｔｈｏｄ，ａｎｄ Ｇｒａｐｈｉｃａｌ Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ ｆｏｒ Ｍａｎｉｐｕｌａｔｉｎｇ Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ Ｏｂｊｅｃｔｓ ｗｉｔｈ Ｖｉｓｕａｌ ａｎｄ／ｏｒ Ｈａｐｔｉｃ Ｆｅｅｄｂａｃｋ」と題する２０１２年１２月２９日出願の米国特許仮出願第６１／７４７，２７８号に関係付けられる。これらの出願の内容は、全ての目的でその全体の参照により本明細書に組み込まれる。This application is a jointly-pending U.S. non-provisional patent application entitled "CROWN INPUT FOR A WEARABLE ELECTRONIC DEVICE" filed on September 3, 2014, by Nicholas Zambetti et al., and a jointly-pending U.S. non-provisional patent application entitled "USER INTERFACE OBJECT MANIPULATIONS IN A USER INTERFACE" filed on September 3, 2014, by Nicholas Zambetti et al., and a jointly-pending U.S. non-provisional patent application entitled "Device, Method, and Graphical User Interface for Manipulating User Interface" filed on September 3, 2014, by Nicholas Zambetti et al. This application is related to U.S. Provisional Patent Application No. 61/747,278, filed December 29, 2012, entitled "Objects with Visual and/or Haptic Feedback," the contents of which are incorporated herein by reference in their entirety for all purposes.

［技術分野］
開示される実施形態は、概して、非限定的に電子腕時計用のユーザインターフェースを含む、電子デバイスのユーザインターフェースに関する。 [Technical field]
The disclosed embodiments relate generally to user interfaces for electronic devices, including but not limited to user interfaces for electronic watches.

最新のパーソナル電子デバイスは小型形状を有することができる。例示的なパーソナル電子デバイスは、非限定的にタブレット及びスマートフォンを含む。このようなパーソナル電子デバイスの使用は、パーソナル電子デバイスのデザインを補完する小型形状を有する、ディスプレイ画面上のユーザインターフェースオブジェクトの操作を伴う。Modern personal electronic devices can have compact form factors. Exemplary personal electronic devices include, but are not limited to, tablets and smartphones. Use of such personal electronic devices involves the manipulation of user interface objects on a display screen, which has a compact form factor that complements the design of the personal electronic device.

ユーザがパーソナル電子デバイス上で実行できる例示的な操作は、階層のナビゲート、ユーザインターフェースオブジェクトの選択、ユーザインターフェースオブジェクトの位置、サイズ、及びズームの調節、或いはユーザインターフェースの操作を含む。例示的なユーザインターフェースオブジェクトは、デジタル画像、映像、テキスト、アイコン、ボタン等の制御要素、及び他のグラフィックを含む。Exemplary operations a user may perform on a personal electronic device include navigating a hierarchy, selecting a user interface object, adjusting the position, size, and zoom of a user interface object, or otherwise manipulating a user interface. Exemplary user interface objects include digital images, videos, text, icons, control elements such as buttons, and other graphics.

小型化されたパーソナル電子デバイス上のユーザインターフェースオブジェクトを操作する既存の方法は、非効率である場合がある。更に、既存の方法は、概して、好ましいよりも低い精度を提供する。Existing methods for manipulating user interface objects on miniaturized personal electronic devices can be inefficient. Moreover, existing methods generally provide less accuracy than would be desirable.

一部の実施形態において、パーソナル電子デバイス上のユーザインターフェースをクラウンの動作に基づいてナビゲートする技術が開示される。上述されたプロセスを実行するシステム及びコンピュータ可読記憶媒体も開示される。In some embodiments, techniques are disclosed for navigating a user interface on a personal electronic device based on crown motion. Systems and computer-readable storage media for performing the above-described processes are also disclosed.

例示的なパーソナル電子デバイスを図示する。1 illustrates an exemplary personal electronic device.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェース論理構造を図示する。1 illustrates an exemplary user interface logic structure.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェース遷移を図示する。1 illustrates an exemplary user interface transition.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェース遷移を図示する。1 illustrates an exemplary user interface transition.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェース遷移を図示する。1 illustrates an exemplary user interface transition.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェース及び遷移を図示する。1 illustrates an exemplary user interface and transitions.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェース及び遷移を図示する。1 illustrates an exemplary user interface and transitions.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェース及び遷移を図示する。1 illustrates an exemplary user interface and transitions.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェース及び遷移を図示する。1 illustrates an exemplary user interface and transitions.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なプロセスを図示する。1 illustrates an exemplary process.

例示的なコンピューティングシステムを図示する。1 illustrates an exemplary computing system.

例示的なパーソナル電子デバイスを図示する。1 illustrates an exemplary personal electronic device.

例示的なパーソナル電子デバイスを図示する。1 illustrates an exemplary personal electronic device.

例示的なパーソナル電子デバイスを図示する。1 illustrates an exemplary personal electronic device.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

例示的なユーザインターフェース論理構造を図示する。1 illustrates an exemplary user interface logic structure.

例示的なユーザインターフェースを図示する。1 illustrates an exemplary user interface.

本開示及び例の以下の説明において、実践できる特定の例を例示として示す添付図面が参照される。他の例を実践できること、及び、本開示の範囲から逸脱せずに構造を変更できることが理解されるべきである。In the following description of the disclosure and examples, reference is made to the accompanying drawings which show, by way of illustration, specific examples which may be practiced. It is to be understood that other examples may be practiced and that structural changes may be made without departing from the scope of the disclosure.

図１は、例示的なパーソナル電子デバイス１００を図示する。図示された例において、デバイス１００は、本体１０２と、デバイス１００をユーザの身体に着けるストラップ１０４とを一般に含む腕時計である。すなわち、デバイス１００はウェアラブルである。本体１０２をストラップ１０４と結び付けられるようにデザインすることができる。デバイス１００は、タッチ感知ディスプレイ画面（以下タッチスクリーン）１０６及びクラウン１０８を有することができる。一部の実施形態において、デバイス１００は、１つ以上のボタン１１０、１１２、及び１１４を有することができる。一部の実施形態において、デバイス１００は、ボタン１１０、１１２、及び１１４を有しない。1 illustrates an exemplary personalelectronic device 100. In the illustrated example, thedevice 100 is a watch that typically includes abody 102 and a strap 104 that attaches thedevice 100 to a user's body. That is, thedevice 100 is wearable. Thebody 102 can be designed to be coupled with the strap 104. Thedevice 100 can have a touch-sensitive display screen (hereafter touch screen) 106 and acrown 108. In some embodiments, thedevice 100 can have one ormore buttons 110, 112, and 114. In some embodiments, thedevice 100 does not havebuttons 110, 112, and 114.

通常、腕時計のコンテキストにおける用語「クラウン」は、腕時計を巻く軸の頂部のキャップを指す。パーソナル電子デバイスのコンテキストにおいて、クラウンは、タッチ感知ディスプレイ上の仮想的なクラウンよりもむしろ電子デバイスの物理的部品であることができる。クラウン１０８を機械式にできることは、それをクラウンの物理的動作を電気信号に変換するセンサに接続できることを意味する。クラウン１０８は、２つの回転方向（例えば前後）に回転することができる。クラウン１０８をデバイス１００の本体に押し込むこと及び／又はデバイス１００から引き出すこともできる。クラウン１０８は、例えば、ユーザがクラウンにタッチしているかを検出できる静電容量式タッチ技術を用いる、タッチ感知式であることができる。また、クラウン１０８を更に１つ以上の方向に揺動させること又は本体１０２の縁部若しくは周縁の少なくとも一部に沿う通路に沿って平行移動させることができる。一部の例において、１つよりも多いクラウン１０８を用いることができる。クラウン１０８の外見は、必要ではないが、通常の腕時計のクラウンに似せることができる。本明細書に記述される例は、クラウンの回転、押込み、引出し、及び／又はタッチを参照し、それらのそれぞれは、クラウンの物理的状態を構成する。Typically, the term "crown" in the context of a wristwatch refers to the cap on the top of the axis around which the wristwatch is wound. In the context of a personal electronic device, the crown can be a physical part of the electronic device rather than a virtual crown on a touch-sensitive display. Thecrown 108 can be mechanical, meaning that it can be connected to a sensor that converts the physical movement of the crown into an electrical signal. Thecrown 108 can rotate in two rotational directions (e.g., back and forth). Thecrown 108 can also be pushed into and/or pulled out of the body of thedevice 100. Thecrown 108 can be touch-sensitive, for example, using capacitive touch technology that can detect if a user is touching the crown. Thecrown 108 can also be further swung in one or more directions or translated along a path along at least a portion of the edge or periphery of thebody 102. In some examples, more than onecrown 108 can be used. The appearance of thecrown 108 can, but need not, resemble the crown of a normal wristwatch. The examples described herein refer to rotating, pushing, pulling, and/or touching the crown, each of which constitutes a physical state of the crown.

ボタン１１０、１１２、及び１１４は、含まれる場合、それぞれ物理的ボタン又はタッチ感知式ボタンであることができる。すなわち、ボタンは、例えば、物理的ボタン又は静電容量式ボタンであり得る。更に、ベゼルを含むことができる本体１０２は、ボタンとして働く、ベゼル上の所定の領域を有し得る。When included,buttons 110, 112, and 114 can each be a physical button or a touch-sensitive button. That is, the buttons can be, for example, physical buttons or capacitive buttons. Additionally, thebody 102, which can include a bezel, can have a predefined area on the bezel that acts as a button.

タッチスクリーン１０６は、相互容量式タッチ感知、自己容量式タッチ感知、抵抗式タッチ感知、投影走査式タッチ感知等の任意の所望のタッチ感知技術を用いて実施されるタッチセンサパネルの背面又は前面に部分的に又は完全に配置された、液晶ディスプレイ（ＬＣＤ）、発光ダイオード（ＬＥＤ）ディスプレイ、有機発光ダイオード（ＯＬＥＤ）ディスプレイ等のディスプレイデバイスを含むことができる。タッチスクリーン１０６は、１つ以上の指又は他の物体を用いてタッチセンサパネルにタッチすること又はタッチセンサパネルの近くでホバリングすることよって、ユーザが各種の機能を実行することを可能にすることができる。Thetouch screen 106 may include a display device, such as a liquid crystal display (LCD), a light emitting diode (LED) display, an organic light emitting diode (OLED) display, or the like, disposed partially or completely behind or in front of a touch sensor panel implemented with any desired touch sensing technology, such as mutual capacitance touch sensing, self-capacitance touch sensing, resistive touch sensing, projection scanning touch sensing, or the like. Thetouch screen 106 may enable a user to perform various functions by touching or hovering near the touch sensor panel with one or more fingers or other objects.

一部の例において、デバイス１００は、ディスプレイに加えられた力又は圧力を検出する１つ以上の圧力センサ（不図示）を更に含むことができる。タッチスクリーン１０６に加えられた力又は圧力をデバイス１００に対する入力として用いて、選択を行う、メニューに入る若しくはメニューから出る、追加オプション／アクション等を表示させる等の任意の所望の操作を実行することができる。一部の例において、タッチスクリーン１０６に加えられている力又は圧力の量に基づいて異なる操作を実行することができる。１つ以上の圧力センサを更に用いて、タッチスクリーン１０６に力が加えられている位置を決定することができる。
１．クラウンに基づくユーザインターフェース制御 In some examples,device 100 may further include one or more pressure sensors (not shown) that detect a force or pressure applied to the display. The force or pressure applied totouch screen 106 may be used as an input todevice 100 to perform any desired operation, such as making a selection, entering or exiting a menu, displaying additional options/actions, etc. In some examples, different operations may be performed based on the amount of force or pressure applied totouch screen 106. One or more pressure sensors may further be used to determine the location where the force is being applied totouch screen 106.
1. Crown-based user interface control

図２～図７は、クラウン１０８（図１）の動作に応答する例示的なユーザインターフェースを図示する。図２は、デバイス１００により表示できる例示的な画面２００を示す。画面２００は、例えば、デバイス１００の電源が入るときに現れる又はデバイス１００のタッチスクリーンディスプレイの電源が入るとき（スリープ状態からのスリープ解除を含む）に最初に現れる、ホーム画面であることができる。アイコン２０４、２０６、及び２０８を画面２００に表示することができる。一部の実施形態において、アイコンは、デバイス１００上で動作可能なアプリケーションに対応することができ、このことは、アプリケーションをデバイス１００上にインストールできること及び／又はアプリケーションがデバイス１００上のサービスとして実行できることを意味する。アイコン上のタッチ（例えば指タップ）は、対応するアプリケーションを起動させ、このことは、アプリケーションが、デバイス１００のフォアグラウンドで動作し、タッチスクリーン１０６上に現れることを意味する。一部の実施形態において、アイコンは、テキスト文書、メディアアイテム、ウェブページ、電子メールメッセージ等に対応することができる。2-7 illustrate exemplary user interfaces responsive to the operation of the crown 108 (FIG. 1). FIG. 2 shows anexemplary screen 200 that may be displayed by thedevice 100. Thescreen 200 may be, for example, a home screen that appears when thedevice 100 is powered on or that first appears when the touchscreen display of thedevice 100 is powered on (including waking from a sleep state).Icons 204, 206, and 208 may be displayed on thescreen 200. In some embodiments, the icons may correspond to applications operable on thedevice 100, meaning that the applications may be installed on thedevice 100 and/or may run as services on thedevice 100. A touch (e.g., a finger tap) on an icon launches the corresponding application, meaning that the application runs in the foreground of thedevice 100 and appears on thetouchscreen 106. In some embodiments, the icons may correspond to text documents, media items, web pages, email messages, etc.

デバイス１００は、アイコン２０４、２０６、及び２０８を、利用可能なアイコンの大きな集合からディスプレイ画面２００上の表示のために選択することができ、これは、これらのアイコンが現時点のユーザ関連情報を有しているためである。例えば、アイコン２０４は、ユーザが着信メッセージを受信したばかりのメッセージングアプリケーションに対応することができ、アイコン２０６は、ユーザが近日中のカレンダアポイントメント項目を有するカレンダアプリケーションに対応することができる。Thedevice 100 can selecticons 204, 206, and 208 for display on thedisplay screen 200 from a large collection of available icons because these icons contain current user-relevant information. For example,icon 204 can correspond to a messaging application where the user has just received an incoming message, andicon 206 can correspond to a calendar application where the user has upcoming calendar appointment items.

図３は、画面２００（図２）が表示されている間にクラウン１０８の方向３０２の回転に応答してデバイス１００により表示できる例示的な画面３００を示す。画面３００は、例えば、利用可能なアイコンの大きな集合からユーザにより前に選択されたユーザの好みのアイコンを示すことができる。また、画面３００は、利用可能なアイコンの大きな集合からユーザのアイコンアクセス頻度に基づいてデバイス１００により選択されたアイコンを含むことができる。画面３００に表示された例示的なアイコン３０４、３０６、３０８、３１０、及び３１２は、デバイス１００上で動作可能なアプリケーションにそれぞれ対応することができる。アイコン上のタッチ（例えば指タップ）は、対応するアプリケーションを起動させる。3 illustrates anexemplary screen 300 that may be displayed bydevice 100 in response to a rotation ofcrown 108 in adirection 302 while screen 200 (FIG. 2) is displayed.Screen 300 may, for example, show user-preferred icons previously selected by the user from a larger collection of available icons.Screen 300 may also include icons selected bydevice 100 based on the user's icon access frequency from a larger collection of available icons.Exemplary icons 304, 306, 308, 310, and 312 displayed onscreen 300 may each correspond to an application operable ondevice 100. Touching (e.g., a finger tap) on an icon launches the corresponding application.

図４は、画面３００（図３）が表示されている間にクラウン１０８の方向４０２の回転に応答してデバイス１００により表示できる例示的な画面４００を示す。画面４００は、例えば、デバイス１００上で動作可能なアプリケーションの全てに対応するアイコンを示すことができる。多数のアプリケーションがデバイス１００上で動作可能であることができるため、画面４００は、多数のアイコンを含むことができる。多くのアイコンが表示されるとき、タッチスクリーン１０６内に適合できるようにアイコンを適宜にサイズ決定することができ、又は、アイコンのうちの少なくとも代表的なもの若しくは所定の割合をタッチスクリーン１０６内に視認可能に適合できるようにサイズ決定することができる。4 illustrates an exemplary screen 400 that may be displayed bydevice 100 in response to a rotation ofcrown 108 in adirection 402 while screen 300 (FIG. 3) is displayed. Screen 400 may, for example, show icons corresponding to all of the applications operable ondevice 100. Because multiple applications may be operable ondevice 100, screen 400 may include multiple icons. When multiple icons are displayed, the icons may be appropriately sized to fit withintouch screen 106, or may be sized such that at least a representative or a predetermined percentage of the icons can visibly fit withintouch screen 106.

図５は、画面４００（図４）が表示されている間にクラウン１０８の方向５０２の回転に応答してデバイス１００により表示できる例示的な画面５００を示す。画面５００は、例えば、デバイス１００上で動作可能なアプリケーションの部分集合に対応するアイコンを示すことができる。画面４００と比べて少ないアイコンが画面５００に表示されるため、画面５００に表示されるアイコン、例えばアイコン５０４は、画面４００上のアイコンの表示と比べて大きくなることができ、追加の忠実性を有することができる。例えば、画面５００上のアイコンは、テキスト及び／又はイメージの形での印を有し、その対応するアプリケーションを特定することができる。示されるように、アイコン５０４は、文字「ｃ」を用いて、対応するアプリケーションの名称が時計（ｃｌｏｃｋ）の「ｃ」で始まることを助言する。一部の実施形態において、アイコン上のタッチ（例えば指タップ）は、対応するアプリケーションを起動させる。5 illustrates anexemplary screen 500 that may be displayed bydevice 100 in response to a rotation ofcrown 108 in adirection 502 while screen 400 (FIG. 4) is displayed.Screen 500 may, for example, show icons corresponding to a subset of applications operable ondevice 100. Because fewer icons are displayed onscreen 500 compared to screen 400, icons displayed onscreen 500, such asicon 504, may be larger and have additional fidelity compared to the display of icons on screen 400. For example, an icon onscreen 500 may have indicia in the form of text and/or an image to identify its corresponding application. As shown,icon 504 uses the letter "c" to advise that the name of the corresponding application begins with "c" for clock. In some embodiments, a touch (e.g., a finger tap) on the icon launches the corresponding application.

図６は、クラウン１０８の方向６０２の回転に応答してデバイス１００により表示できる例示的な画面６００を示す。画面６００は、例えば、デバイス１００上で動作可能なアプリケーションに対応し、画面５００と比べて更に選び出された、アイコンの部分集合を示すことができる。
画面５００（図５）と比べてもより少ないアイコンが画面６００に表示されるため、表示されるアイコン（例えばアイコン６０４）は、画面２００、３００、４００、及び５００上のアイコンの表示と比べて更に拡大し、追加の忠実性を有することができる。例えば、アイコン６０４は、現在時刻を表示する時計の画像を有することができる。一部の実施形態において、アイコン上のタッチ（例えば指タップ）は、対応するアプリケーションを起動させる。 6 illustrates anexemplary screen 600 that may be displayed bydevice 100 in response to a rotation ofcrown 108 in adirection 602.Screen 600 may, for example, show a subset of icons corresponding to applications operable ondevice 100, further selected relative to screen 500.
Because fewer icons are displayed onscreen 600 compared to screen 500 (FIG. 5), the displayed icons (e.g., icon 604) may be enlarged and have additional fidelity compared to the display of icons onscreens 200, 300, 400, and 500. For example,icon 604 may include an image of a clock that displays the current time. In some embodiments, a touch (e.g., a finger tap) on an icon launches a corresponding application.

図７及び図８は、画面６００（図６）が表示されている間にクラウン１０８の方向７０２の回転に応答してデバイス１００により表示できる例示的な画面７００及び８００をそれぞれに示す。7 and 8 showexemplary screens 700 and 800, respectively, that may be displayed bydevice 100 in response to rotation ofcrown 108 indirection 702 while screen 600 (FIG. 6) is displayed.

図７を参照すると、一部の実施形態において、画面６００（図６）が表示されているときに方向７０２のクラウン回転に応答して画面７００を表示することができる。単一のアイコン７０４が画面７００に表示されるため、アイコン７０４は、前の画面と比べて追加の忠実性を有することができる。例えば、アイコン７０４は、現在時刻と共に日付情報を表示する時計の画像を有することができる。アイコン７０４上のタッチ（例えば指タップ）は、対応するアプリケーションを起動させる。Referring to FIG. 7, in some embodiments,screen 700 may be displayed in response to a crown rotation indirection 702 when screen 600 (FIG. 6) is displayed. Because asingle icon 704 is displayed onscreen 700,icon 704 may have additional fidelity compared to previous screens. For example,icon 704 may have an image of a clock that displays date information along with the current time. A touch (e.g., a finger tap) onicon 704 launches a corresponding application.

図８に転ずると、一部の実施形態において、画面６００（図６）が表示されているときに方向８０２のクラウン回転に応答して画面８００を表示することができる。画面８００は、アイコン７０４（図７）に対応し、デバイス１００のフォアグラウンドで動作する、アプリケーション８０４を示す。すなわち、アプリケーション８０４は、方向８０２のクラウン回転に応答して起動した。例示的なアプリケーション８０４は、アラーム機能を提供する時計アプリケーションであることができる。また、一部の実施形態において、画面８００は、画面７００（図７）が表示されているときに方向８０２のクラウン回転に応答して表示された状態となる。Turning to FIG. 8, in some embodiments, screen 800 can be displayed in response to a crown rotation indirection 802 when screen 600 (FIG. 6) is displayed. Screen 800 showsapplication 804, which corresponds to icon 704 (FIG. 7) and is running in the foreground ofdevice 100. That is,application 804 was launched in response to a crown rotation indirection 802. Anexemplary application 804 can be a clock application that provides an alarm function. Also, in some embodiments, screen 800 becomes displayed in response to a crown rotation indirection 802 when screen 700 (FIG. 7) is displayed.

上述された画面２００～７００（図２～図７）を軸に沿う情報平面として論理的に体系付けることができる。この体系付けの下では、所与のアイコン画面を、２つの軸（例えばｘ軸及びｙ軸）により定義され、その上に空間的に配置されたアイコンを有する、平面とみなすことができる。複数の平面をｘ軸又はｙ軸のうちの少なくとも一方に直交するｚ軸と呼ばれる第３の軸に沿って体系付けることができる。（ｚ軸をｘ及びｙ軸により形成された平面に垂直とすることができる。）The above-described screens 200-700 (FIGS. 2-7) can be logically organized as axial information planes. Under this organization, a given icon screen can be considered as a plane defined by two axes (e.g., the x-axis and the y-axis) with icons spatially arranged on it. The planes can be organized along a third axis, called the z-axis, that is orthogonal to at least one of the x-axis or y-axis. (The z-axis can be perpendicular to the plane formed by the x- and y-axes.)

この論理的体系付けは、ｘ軸９０２及びｙ軸９０４がデバイス１００のタッチスクリーンの画面表面（図１）と同一平面の平面を形成し、ｚ軸９０６が軸９０２及び９０４により形成されたｘ／ｙ平面に垂直である、図９により図示される。平面９０８は、画面２００（図２）に対応することができる。平面９１０は、画面３００（図３）に対応することができる。平面９１２は、パーソナル電子デバイスの動作可能なアプリケーションを表すアイコンの集りを表すことができる。よって、平面９１２の異なる視点は、画面４００～７００（図４～図７）に対応することができる。平面９０８及び９１０を平面９１２に関係付けることができ、平面９０８及び９１０は、平面９１２上で利用可能なアイコンの部分集合をそれぞれ含むことができる。パーソナル電子デバイス上に表示されるべき特定の情報平面（すなわちアイコン画面）を、クラウンの回転等のクラウンの動作により選択することができる。すなわち、クラウンの動作を用いて、ｚ軸９０６に交差する情報平面を横断することができ、又は所与の平面（例えば平面９１２）の代替的な視認を提供することができる。This logical organization is illustrated by FIG. 9, in which the x-axis 902 and y-axis 904 form a plane coplanar with the screen surface of the touch screen of device 100 (FIG. 1), and the z-axis 906 is perpendicular to the x/y plane formed by axes 902 and 904.Plane 908 can correspond to screen 200 (FIG. 2).Plane 910 can correspond to screen 300 (FIG. 3).Plane 912 can represent a collection of icons representing the operational applications of the personal electronic device. Thus, different perspectives ofplane 912 can correspond to screens 400-700 (FIGS. 4-7).Planes 908 and 910 can be related toplane 912, and planes 908 and 910 can each include a subset of the icons available onplane 912. A particular information plane (i.e., icon screen) to be displayed on the personal electronic device can be selected by a movement of the crown, such as by rotating the crown. That is, the movement of the crown can be used to traverse information planes that intersect the z-axis 906, or to provide alternative views of a given plane (e.g., plane 912).

一部の実施形態において、クラウンの動作によりｚ軸の端（例えば、最上又は最下の平面）に到達すると、表示された情報（例えばアイコン画面）は、ラバーバンド効果を生じさせて端に到達したことを示す。ユーザがクラウンの入力により最下の情報平面に到達した状況を考慮されたい。ユーザが追加のクラウンの入力を同一方向に提供すると、表示されたアイコンの集りは、動作が止まるまでクラウンの動作に従って（可能な範囲で）縮む。クラウンの動作が止まると、表示されたアイコンは、画面上のアニメーションによりそれらの縮んだサイズからそれらの普通のサイズに戻り、それによりラバーバンディングの視覚効果を生じさせる。In some embodiments, when the crown movement reaches the edge of the z-axis (e.g., the top or bottom plane), the displayed information (e.g., the icon screen) creates a rubber band effect to indicate that the edge has been reached. Consider the situation where the user reaches the bottom information plane with a crown input. If the user provides an additional crown input in the same direction, the displayed collection of icons shrinks (to the extent possible) to follow the crown movement until the movement stops. When the crown movement stops, the displayed icons return from their shrunken size to their normal size with an on-screen animation, thereby creating the visual effect of rubber banding.

この論理的体系付けの特筆すべき１つの利益は、異なる情報平面が互いにズームされた部分集合である必要がない（ズームされた部分集合であることはできるが）ことである。すなわち、例えば、平面９０８及び９１０は、パーソナル電子デバイス上で利用可能なアイコンのうちの全く異なるアイコンを収容できるが、異なる情報平面は、ユーザにより効率的にアクセスすることができる。One notable benefit of this logical organization is that the different information planes need not be zoomed subsets of one another (although they can be). That is, for example, planes 908 and 910 may contain entirely different icons of those available on the personal electronic device, but the different information planes may be more efficiently accessed by the user.

代わりに、画面２００～７００（図２～図７）をパーソナル電子デバイスの異なるモード状態に属する情報の部分集合として論理的に体系付けることができる。この体系付けの下では、画面２００及び３００は、デバイスの第１及び第２のモード状態に対応することができ、画面４００～７００は、例えば第３のモード状態に対応することができる。パーソナル電子デバイスは、クラウンの押込みに応答してモード状態を循環し、画面２００又は３００を第１及び第２のモード状態でそれぞれ表示することができる。代替的な実施形態において、モード状態は、ボタン１１０、１１２、又は１１４を用いて循環され得る。複数の画面が特定のモード状態（例えば第３のモード状態）内で利用可能であるとき、デバイスは、ある画面（例えば３００）の表示から別の画面（例えば４００）にクラウンの回転に基づいて切り替わることができる。ページングドット等の、画面上のユーザインターフェース要素を用いて、特定のモード状態内の表示のための追加画面の利用可能性を示すことができる。Alternatively, screens 200-700 (FIGS. 2-7) may be logically organized as subsets of information belonging to different mode states of the personal electronic device. Under this organization, screens 200 and 300 may correspond to the first and second mode states of the device, and screens 400-700 may correspond to, for example, a third mode state. The personal electronic device may cycle through the mode states in response to a press of the crown to displayscreens 200 or 300 in the first and second mode states, respectively. In alternative embodiments, the mode states may be cycled usingbuttons 110, 112, or 114. When multiple screens are available within a particular mode state (e.g., the third mode state), the device may switch from displaying one screen (e.g., 300) to another screen (e.g., 400) based on a rotation of the crown. User interface elements on the screens, such as paging dots, may be used to indicate the availability of additional screens for display within a particular mode state.

この論理的配置は、図４１により図示される。示されるように、平面４１０２と４１０４は、画面２００（図２）と３００（図３）にそれぞれ対応する。平面４１０６は、パーソナル電子デバイスの動作可能なアプリケーションを表すアイコンの集りを表すことができる。よって、平面４１０６の異なる視点は、画面４００～７００（図４～図７）に対応することができる。パーソナル電子デバイス上に表示されるべき特定の情報平面（すなわちアイコン画面）を、クラウンの押込み等のクラウンの動作により選択することができる。
２．速度に基づくクラウン制御 This logical arrangement is illustrated by Figure 41. As shown,planes 4102 and 4104 correspond to screens 200 (Figure 2) and 300 (Figure 3), respectively.Plane 4106 may represent a collection of icons representing operational applications of the personal electronic device. Thus, different perspectives ofplane 4106 may correspond to screens 400-700 (Figures 4-7). A particular information plane (i.e., icon screen) to be displayed on the personal electronic device may be selected by a crown action, such as pressing the crown.
2. Speed-Based Crown Control

デバイス１００（図１）は、あるアイコン画面が別のアイコン画面と置き換えられるべきかを判定する際にクラウン１０８（図１）の回転角速度を考慮することができる。具体的には、デバイス１００は、あるアイコン画面の表示を別のアイコン画面に変化させる前に、クラウン１０８に所定の角速度を上回る回転を要求することができる。このようにして、ユーザにより意図されないクラウン１０８の緩慢な回転がデバイス１００に角度変位を示すクラウンの入力を受信させる一方、変位は、ユーザインターフェースの意図されない更新を生じさせるために十分な速度を有すると解釈される必要がない。この目的のための所定の角速度の選択は、現在表示されているアイコンの密度、現在表示されているアイコンの視覚的配置等の多数の要因に依存することができる。The device 100 (FIG. 1) can take into account the angular velocity of rotation of the crown 108 (FIG. 1) when determining whether an icon screen should be replaced with another icon screen. Specifically, thedevice 100 can require thecrown 108 to rotate above a predetermined angular velocity before changing the display of one icon screen to another icon screen. In this way, while a slow rotation of thecrown 108 unintended by the user can cause thedevice 100 to receive a crown input indicating an angular displacement, the displacement need not be interpreted as having a sufficient velocity to cause an unintended update of the user interface. The selection of the predetermined angular velocity for this purpose can depend on a number of factors, such as the density of currently displayed icons, the visual arrangement of currently displayed icons, etc.

一部の実施形態において、アイコン画面の間を切り替えるために必要となるクラウンの最小回転角速度は、クラウン１０８（図１）の瞬間角速度に直接対応し、このことは、デバイス１００のユーザインターフェースが、本質的に、クラウン１０８が十分な角速度に到達したときに応答することを意味する。一部の実施形態において、アイコン画面の間の切替えに必要となるクラウン回転の最小角速度は、クラウン１０８の瞬間的な（「現在の」）角速度に基づくが、該角速度に直接等しくはない計算された速度である。これらの実施形態において、デバイス１００は、数式１に従って時間Ｔ内の別々の瞬間に、計算されたクラウン（角）速度Ｖを維持することができる。

（数式１） In some embodiments, the minimum angular velocity of crown rotation required to switch between icon screens corresponds directly to the instantaneous angular velocity of crown 108 (FIG. 1), meaning that the user interface ofdevice 100 is essentially responsive whencrown 108 reaches a sufficient angular velocity. In some embodiments, the minimum angular velocity of crown rotation required to switch between icon screens is a calculated velocity that is based on, but not directly equal to, the instantaneous ("current") angular velocity ofcrown 108. In these embodiments,device 100 can maintain a calculated crown (angular) velocity V at different instants in time T according to Equation 1:

(Formula 1)

数式１において、Ｖ_Ｔは、時間Ｔでの計算されたクラウン速度（スピード及び方向）を表し、Ｖ_{（Ｔ－１）}は、時間Ｔ－１での前の速度（スピード及び方向）を表し、ΔＶ_{ＣＲＯＷＮ}は、時間_Ｔでのクラウンの回転により加えられる力により生じた速度変化を表し、ΔＶ_ＤＲＡＧは、抗力による速度変化を表す。加えられる力は、ΔＶ_{ＣＲＯＷＮ}により反映され、クラウンの現在の回転角速度に依存することができる。よって、ΔＶ_{ＣＲＯＷＮ}も、クラウンの現在角速度に依存することができる。このようにして、デバイス１００は、クラウンの瞬間速度のみならず、複数の時間インターバルに亘るクラウンの動作の形でのユーザ入力に基づいて、それらのインターバルが細かく区分される場合でも、ユーザインターフェース相互作用を提供することができる。典型的に、ΔＶ_{ＣＲＯＷＮ}の形でのユーザ入力がない場合、Ｖ_Ｔは、数式１に従ってΔＶ_ＤＲＡＧに基づいてゼロに近づく（ゼロになる）が、Ｖ_Ｔの符号は、クラウンの回転（ΔＶ_{ＣＲＯＷＮ}）の形でのユーザ入力なしに変化しないことに留意されたい。 InEquation 1, V_T represents the calculated crown velocity (speed and direction) at time T, V_(T-1) represents the previous velocity (speed and direction) at time T-1, ΔV_CROWN represents the velocity change caused by the applied force due to the rotation of the crown at time_T , and ΔV_DRAG represents the velocity change due to the drag force. The applied force is reflected by ΔV_CROWN and can depend on the current rotation angular velocity of the crown. Thus, ΔV_CROWN can also depend on the current angular velocity of the crown. In this way, thedevice 100 can provide user interface interaction based not only on the instantaneous velocity of the crown, but also on user input in the form of crown movement over multiple time intervals, even when those intervals are finely partitioned. Typically, in the absence of user input in the form of ΔV_CROWN , V_T approaches (becomes) zero based on ΔV_DRAG in accordance withEquation 1, but it should be noted that the sign of V_T does not change without user input in the form of crown rotation (ΔV_CROWN ).

典型的に、クラウンの回転角速度が大きいほど、ΔＶ_{ＣＲＯＷＮ}の値が大きくなる。しかし、クラウンの回転角速度とΔＶ_{ＣＲＯＷＮ}との間の実際のマッピングは、所望のユーザインターフェース効果に応じて変動する場合がある。例えば、クラウンの回転角速度とΔＶ_{ＣＲＯＷＮ}との間で各種の線形又は非線形マッピングを用いることができる。別の例において、マッピングは、現在表示されているアイコンの数及び／又はアイコンの配置に依存することができる。 Typically, the greater the crown rotation angular velocity, the greater the value of ΔV_CROWN . However, the actual mapping between the crown rotation angular velocity and ΔV_CROWN may vary depending on the desired user interface effect. For example, various linear or non-linear mappings between the crown rotation angular velocity and ΔV_CROWN may be used. In another example, the mapping may depend on the number of icons currently displayed and/or the arrangement of the icons.

また、ΔＶ_ＤＲＡＧは、各種の値を取ることができる。例えば、ΔＶ_ＤＲＡＧは、より大きな速度では、より大きな反対の速度変化（ΔＶ_ＤＲＡＧ）を生じさせることができるように、クラウンの回転速度に依存することができる。別の例において、ΔＶ_ＤＲＡＧは定数値を有することができる。更に別の例において、ΔＶ_ＤＲＡＧは、現在表示されているアイコンの数及び／又は現在表示されているアイコンの配置に基づくことができる。ΔＶ_{ＣＲＯＷＮ}及びΔＶ_ＤＲＡＧの上述された要件を望ましいユーザインターフェース効果を生じさせるように変化させることができることが理解されるべきである。 Also, ΔV_DRAG can take on a variety of values. For example, ΔV_DRAG can be dependent on the rotational speed of the crown, such that greater speeds can produce a greater opposite change in speed (ΔV_DRAG ). In another example, ΔV_DRAG can have a constant value. In yet another example, ΔV_DRAG can be based on the number of icons currently displayed and/or the arrangement of the icons currently displayed. It should be understood that the above-mentioned requirements for ΔV_CROWN and ΔV_DRAG can be varied to produce a desired user interface effect.

数式１から分かるように、維持された速度（Ｖ_Ｔ）は、ΔＶ_{ＣＲＯＷＮ}がΔＶ_ＤＲＡＧよりも大きい限り増加し続けることができる。加えて、Ｖ_Ｔは、ΔＶ_{ＣＲＯＷＮ}の入力が受信されないときでも非ゼロ値を有することができ、このことは、ユーザがクラウンを回転させなくてもユーザインターフェース画面が変化し続けることができることを意味する。このことが起きると、画面は、ユーザがクラウンの回転を止めたときの維持された速度及びΔＶ_ＤＲＡＧ成分に基づいて変化を止めることができる。 As can be seen fromEquation 1, the maintained velocity (V_T ) can continue to increase as long as ΔV_CROWN is greater than ΔV_DRAG . In addition, V_T can have a non-zero value even when no ΔV_CROWN input is received, which means that the user interface screen can continue to change even if the user does not rotate the crown. When this happens, the screen can stop changing based on the maintained velocity and ΔV_DRAG components when the user stops rotating the crown.

一部の実施形態において、クラウンが現在のユーザインターフェースの変化とは反対の回転方向に対応する方向に回転されるとき、Ｖ_{（Ｔ－１）}成分をゼロ値にリセットすることができ、ユーザが、Ｖ_Ｔをオフセットするために十分な力を提供する必要なしに画面変化の方向を素早く変化させることを可能にする。 In some embodiments, when the crown is rotated in a direction that corresponds to the opposite rotational direction of the current user interface change, the V_(T-1) component can be reset to a zero value, allowing the user to quickly change the direction of the screen change without having to provide sufficient force to offset_V.

他の実施形態において、表示されたアイコンをナビゲートするためにクラウンの回転以外の物理的なクラウンの異なる状態が用いられる。
３．ユーザインターフェースの外観 In other embodiments, different states of the physical crown other than rotating the crown are used to navigate the displayed icons.
3. User interface appearance

アイコンは、各種の外見を取ることができる。例えば、アイコンは、図１０に示されるように矩形形状であることができる。別の例として、アイコンは、図２～図７に示されるように円形であることができる。更に、アイコンは、各種の空間配置スキームを取ることができ、このことは、アイコンを視認不能なグリッドの行及び列に沿って配置できることを意味する。グリッドを対称又は非対称とすることができる。図１０において、例えば対称グリッドが用いられる。図５において、例えば、第１の行に配置されたｘアイコンと第２の行に沿って配置されたｙアイコンとを有する非対称グリッドが用いられる。The icons can take on various appearances. For example, the icons can be rectangular in shape as shown in FIG. 10. As another example, the icons can be circular as shown in FIGS. 2-7. Furthermore, the icons can take on various spatial arrangement schemes, meaning that the icons can be arranged along the rows and columns of an invisible grid. The grid can be symmetrical or asymmetrical. In FIG. 10, for example, a symmetrical grid is used. In FIG. 5, for example, an asymmetrical grid is used with x icons arranged in the first row and y icons arranged along the second row.

図１１は、異なる直径の視認不能な円１１０２及び１１０４の周囲に沿って円形アイコンが位置合わせされる放射状のアイコン配置スキームを図示する。視認不能な円１１０２及び１１０４は、必要ではないが、同心状である。異なる視認不能な円に沿って配置された、アイコン１１０６等のアイコンは、異なるサイズを有することができる。示されるように、視認不能な円１１０２に沿って配置されたアイコンは、視認不能な円１１０４に沿って配置されたアイコンよりも、デバイス１００の中心により近くにあり、かつ大きい。また、図１１に図示されていないが、放射状配置のアイコンを２つよりも多い視認不能な円に沿って配置することができる。11 illustrates a radial icon placement scheme in which circular icons are aligned along the perimeter ofinvisible circles 1102 and 1104 of different diameters. Theinvisible circles 1102 and 1104 may, but need not, be concentric. Icons, such as icon 1106, positioned along different invisible circles may have different sizes. As shown, the icons positioned alonginvisible circle 1102 are closer to the center ofdevice 100 and larger than the icons positioned alonginvisible circle 1104. Also, although not shown in FIG. 11, radially positioned icons may be positioned along more than two invisible circles.

特定のアイコンが放射状のアイコン配置の中心から配置される距離は、異なる要因に依存することができる。例えば、距離をアイコンの使用頻度に比例させることができ、頻繁に使用されるアイコンは、より中心の近くにある。別の例として、距離は、アイコン（に対応するアプリケーション）のために着信通知が受信されたかに依存することができる。別の例として、距離をユーザにより定義することができ、或いは、デバイス１００により決定（すなわち精選）することができる。The distance that a particular icon is placed from the center of the radial icon arrangement can depend on different factors. For example, the distance can be proportional to the frequency of use of the icon, with frequently used icons being closer to the center. As another example, the distance can depend on whether an incoming notification has been received for the icon (or its corresponding application). As another example, the distance can be user-defined or can be determined (i.e., curated) bydevice 100.

図２５Ａは、アイコングループ内へのアイコンの配置を図示する。グリッド２５０２上に、アイコングループ２５１２を含むアイコンの４つのグループが表示される。グループ２５１２上のタッチスクリーン位置２５１４での、指タップ等のタッチ入力に応答して、グループ２５１２内のアイコンを拡大形式で表示することができる。グリッド２５０６において、アイコン２５１６を含むグループ２５１２内のアイコンは、拡大形式で表示される。図２５Ｂは、グループ内へのアプリケーション機能性の配置を図示する。グリッド２５０８上において、上で議論されたように、アイコングループ２５１２の４つのアイコンがグリッド２５０６上に表示される。（例えば指タップ２５１８による）アイコン２５１６の選択は、（アイコン２５０８に対応する）アプリケーション２５１０により提供される機能２５２０のグループを表示させることができる。25A illustrates the arrangement of icons into icon groups. On agrid 2502, four groups of icons are displayed, including an icon group 2512. In response to a touch input, such as a finger tap, at a touch screen location 2514 on the group 2512, the icons in the group 2512 can be displayed in an enlarged format. In agrid 2506, the icons in the group 2512, including icon 2516, are displayed in an enlarged format. FIG. 25B illustrates the arrangement of application functionality into groups. On a grid 2508, the four icons of the icon group 2512 are displayed on thegrid 2506, as discussed above. Selection of the icon 2516 (e.g., by a finger tap 2518) can cause a group offunctions 2520 provided by the application 2510 (corresponding to the icon 2508) to be displayed.

アイコングループのサイズ及び形状を系統的とすることができ、又は定義することができる。グリッド２５０２内のアイコングループ２５１２（図２５Ａ）等の定義されるアイコングループは、予め定義されたグループサイズ及びグループ形状を共有する。図４２に示される系統的なアイコングループは、ユーザ定義されたグループサイズ及び／又はグループ形状であることができる。例えば、グリッド４２０２内のアイコングループ４２０４及び４２０６は、ユーザ定義された異なる形状及びサイズである。一部の実施形態において、系統的なアイコングループは、パーソナル電子デバイスの外部のコンピュータ上で動作し、パーソナル電子デバイス上にダウンロードされる、ソフトウェアを用いて定義される。The size and shape of the icon groups can be systematic or can be defined. Defined icon groups, such as icon group 2512 (FIG. 25A) ingrid 2502, share a predefined group size and group shape. The systematic icon groups shown in FIG. 42 can be user-defined group sizes and/or group shapes. For example, icon groups 4204 and 4206 in grid 4202 are different user-defined shapes and sizes. In some embodiments, the systematic icon groups are defined using software running on a computer external to the personal electronic device and downloaded onto the personal electronic device.

図３０は、ローロデックスのページに類似してアイコンが配置されるアイコン配置スキームを図示する。例示的なローロデックス３００２のページは、クラウンの回転に応答してフリップすることができる。例えば、ページ（アイコン）３００４は、クラウンの回転に応答してページ（アイコン）３００６上に下側へフリップすることができる。Figure 30 illustrates an icon arrangement scheme in which icons are arranged similarly to the pages of a Rolodex. The pages of the exemplary Rolodex 3002 can be flipped in response to a rotation of the crown. For example, page (icon) 3004 can flip down onto page (icon) 3006 in response to a rotation of the crown.

図３１は、アイコンが旋回ダイヤルの外周に配置されるアイコン配置スキームを図示する。例示的な旋回ダイヤル３１０２は、クラウンの回転に応答して旋回することができる。例えば、方向３１０４のクラウンの回転は、ダイヤル３１０２を同一方向（３１０６）に旋回させる。また、クラウンの押込み（又は引出し）は、３１０２の列の数を変化させ、残り列のアイコンを拡大させること及び／又は忠実性を高めることを可能にすることができる。FIG. 31 illustrates an icon placement scheme where icons are arranged around the circumference of a pivot dial. Anexemplary pivot dial 3102 can pivot in response to a rotation of a crown. For example, rotation of the crown in adirection 3104 can cause thedial 3102 to pivot in the same direction (3106). Pushing (or pulling) the crown can also change the number of rows of 3102, allowing for larger and/or more detailed icons in the remaining rows.

図３２は、サムネイルリスト２０２の形でのアイコン配置スキームを図示する。例示的なサムネイルリスト３２０２内のアイコン３２０４は、対応するサムネイル３２０６を有することができる。サムネイルリスト３２０２のアイコンをクラウンの回転により横断することができる。アイコン３２０４等の特定のアイコンを対応するサムネイル３２０６にタッチすることにより表示のために直接選択することができる。FIG. 32 illustrates an icon arrangement scheme in the form of a thumbnail list 202.Icons 3204 in theexemplary thumbnail list 3202 may havecorresponding thumbnails 3206. The icons in thethumbnail list 3202 may be traversed by rotating a crown. A particular icon, such asicon 3204, may be directly selected for display by touching thecorresponding thumbnail 3206.

図３３は、アイコンが視認不能な球体又は多面体の表面と位置合わせされる配置スキームを図示する。視認不能な球体のフォアグラウンド表面の、アイコン３３０２等のアイコンを表示することができる。視認不能な球体の表面の反対側にあるアイコンは表示されない。視認不能な球体は、クラウンの回転及び／又はタッチスクリーンの入力に応答して回転することができ、それにより、表示される特定のアイコンを変化させる。Figure 33 illustrates an arrangement scheme in which icons are aligned with the surface of a non-visible sphere or polyhedron. Icons, such asicon 3302, on the foreground surface of the non-visible sphere can be displayed. Icons on the opposite side of the non-visible sphere's surface are not displayed. The non-visible sphere can rotate in response to crown rotation and/or touch screen input, thereby changing the particular icon displayed.

操作中、デバイス１００（図１）は、上述されたアイコン配置スキームのうちの１つ以上を用いることができる。デバイス１０により用いられる（単数又は複数）特定の配置をユーザにより選択することができ及び／又はシステムにより選択することができる。すなわち、ユーザは、表示のための１つ以上の好しい配置を特定することを許可され得る。また、デバイス上にインストールされたアプリケーションの合計数、頻繁にアクセスされたアイコンの数等の判定基準に基づいて、配置をデバイス１００により選択することができる。In operation, device 100 (FIG. 1) may employ one or more of the icon arrangement schemes described above. The particular arrangement(s) employed by device 10 may be user selected and/or system selected; that is, the user may be permitted to specify one or more preferred arrangements for display. An arrangement may also be selected bydevice 100 based on criteria such as the total number of applications installed on the device, the number of frequently accessed icons, etc.

更に、特定のアイコン配置スキームにおけるアイコンの特定の順序及び配置をユーザにより選択することができ、及び／又はシステムにより選択することができる。例えば、ユーザは、所与の画面におけるアイコンの位置を指定することを許可され得る。また、特定のアイコンの使用頻度、計算された関係性等の判定基準に基づいて、アイコン配置をデバイス１００により決定（すなわち精選）することができる。
４．ユーザ入力に対する応答 Additionally, the particular order and arrangement of icons in a particular icon arrangement scheme may be user selected and/or system selected. For example, a user may be permitted to specify the location of icons on a given screen, and icon arrangements may be determined (i.e., curated) bydevice 100 based on criteria such as frequency of use of particular icons, calculated relationships, etc.
4. Responding to User Input

表示されたアイコンは、ユーザ入力に応答することができる。図１２～図１４は、クラウンの回転に応答した表示されたアイコンの再配置を図示する。図１２において、９つのアイコンは、３×３の対称グリッド１２０２に沿って表示される。アイコン１２０４は、グリッド１２０２の右上位置に表示される。図４～図７に関して上で議論されたように、クラウン１０８の回転は、表示されたアイコンの数をデバイス１００に低減させることができる。例えば、クラウン１０８の回転は、デバイス１００に２×２グリッドを表示させることができ、それにより、表示されたアイコンの数が低減する。図１３は、方向１３０２のクラウンの回転に応答した２×２グリッドへの例示的な遷移を図示する。示されるように、クラウンの回転１３０２に応答して、アイコン１２０４は、図１２の３×３グリッドのその右上位置から、表示されるべき２×２グリッド内のその新しい位置に画面上で視認可能に平行移動される。具体的には、図１４に示されるように、アイコン１２０４は、２×２グリッド１４０２の左下コーナに平行移動される。更に、グリッド１２０２からの遷移の後に２×２グリッド内に表示されたままに留まるべきアイコンは、拡大され２×２グリッド１４０２内に配置される。The displayed icons can be responsive to user input. FIGS. 12-14 illustrate rearrangement of the displayed icons in response to a rotation of the crown. In FIG. 12, nine icons are displayed along a 3×3symmetrical grid 1202.Icon 1204 is displayed in an upper right position ofgrid 1202. As discussed above with respect to FIGS. 4-7, rotation ofcrown 108 can causedevice 100 to reduce the number of displayed icons. For example, rotation ofcrown 108 can causedevice 100 to display a 2×2 grid, thereby reducing the number of displayed icons. FIG. 13 illustrates an exemplary transition to a 2×2 grid in response to a rotation of the crown in adirection 1302. As shown, in response to a rotation of thecrown 1302,icon 1204 is visibly translated on the screen from its upper right position of the 3×3 grid of FIG. 12 to its new position within the 2×2 grid to be displayed. Specifically, as shown in FIG. 14,icon 1204 is translated to the lower left corner of 2×2grid 1402. Additionally, icons that are to remain displayed within the 2×2 grid after the transition fromgrid 1202 are enlarged and positioned within 2×2grid 1402.

図１５～図１７は、クラウンの回転に応答したアイコンの別の再配置を図示する。図１５において、９つのアイコンは、３×３の対称グリッド１５０２に沿って表示される。アイコン１５０４は、グリッド１５０２の右上位置に表示される。図１６に示されるように、クラウンの回転１６０２に応答して、アイコン１５０４は、２×２グリッド内の表示されるべきその新しい位置に平行移動される間に、グリッド１５０２（図１５）内のその位置から画面外で平行移動される。言い換えれば、図１６により図示される遷移中に、アイコン１５０４をデバイス１００のタッチスクリーンの２つの離れた非接触位置に表示される２つの部分に分割することができる。より具体的には、アイコン１５０４が画面外で平行移動されるときにアイコン１５０４の一部分が右上コーナに部分的に表示されたままに留まる一方、１５０４の残り部分は、画面上で平行移動されるときに左下コーナに部分的に表示される。図１７に示されるように、アイコン１５０４は、２×２グリッド１７０２の左下コーナに平行移動される。更に、グリッド１５０２からの遷移の後に２×２グリッド内に表示されたままに留まるべきアイコンは、拡大され２×２グリッド１７０２内に配置される。15-17 illustrate another repositioning of icons in response to a rotation of the crown. In FIG. 15, nine icons are displayed along a 3×3symmetrical grid 1502.Icon 1504 is displayed in the top right position ofgrid 1502. As shown in FIG. 16, in response to a rotation of thecrown 1602,icon 1504 is translated off-screen from its position in grid 1502 (FIG. 15) while being translated to its new position to be displayed in the 2×2 grid. In other words, during the transition illustrated by FIG. 16,icon 1504 can be split into two parts that are displayed in two separate non-touched positions of the touch screen ofdevice 100. More specifically, a portion oficon 1504 remains partially displayed in the top right corner asicon 1504 is translated off-screen, while the remaining portion of 1504 is partially displayed in the bottom left corner as it is translated on-screen. As shown in FIG. 17,icon 1504 is translated to the lower left corner of 2×2grid 1702. Additionally, icons that are to remain displayed within the 2×2 grid after the transition fromgrid 1502 are enlarged and positioned within 2×2grid 1702.

図１８～図２０は、クラウンの回転に応答したアイコンの別の再配置を図示する。図１８において、９つのアイコンは、３×３の対称グリッド１８０２に沿って表示される。図１９に示されるように、クラウンの回転１９０２に応答して、グリッド１８０２（図１８）の右及び下の境界に沿うアイコンは、残りのアイコンが拡大されている間に表示から除去される。残りのアイコンは、図２０のグリッド２００２内に示されるように拡大されて表示される。FIGS. 18-20 illustrate another rearrangement of icons in response to a crown rotation. In FIG. 18, nine icons are displayed along a 3×3symmetrical grid 1802. As shown in FIG. 19, in response to acrown rotation 1902, icons along the right and bottom borders of the grid 1802 (FIG. 18) are removed from display while the remaining icons are enlarged. The remaining icons are displayed enlarged as shown in thegrid 2002 of FIG. 20.

図１２～図２０に示される例示的な画面において、左上コーナに表示された（すなわち「Ａ」と印付けられた）アイコンが固定され、このことは、上述された遷移がアイコンを左上コーナから離れさせないことを意味することが留意されるべきである。しかし、以下で議論されるように、このようなアイコンをユーザ入力により固定解除することが可能である。It should be noted that in the example screens shown in FIGS. 12-20, the icon displayed in the upper left corner (i.e., marked "A") is pinned, meaning that the transitions described above do not cause the icon to move away from the upper left corner. However, as discussed below, it is possible to unpin such an icon via user input.

図２１は、タッチスクリーン入力に応答したアイコンの再配置を図示する。示されるように、アイコン２１０６は、４×４グリッド２０１２の下端行に表示される。アイコン２１０６上の指タップ２１０４に応答して、３×３グリッド２１０８は、アイコン２１０６が中心に拡大された状態で表示される。特筆すべきは、「Ａ」と印付けられたアイコンは、グリッド２０１２内に表示され、グリッド２１０８内にはもはや表示されない。図２１は、クラウンの回転に応答した表示されたアイコンの更新も図示する。具体的には、クラウンの回転２１１０に応答して、アイコン２１０６は、更に拡大され、画面上に表示された唯一のアイコンになる。FIG. 21 illustrates the repositioning of icons in response to touch screen input. As shown,icon 2106 is displayed in the bottom row of a 4×4 grid 2012. In response to a finger tap 2104 onicon 2106, a 3×3 grid 2108 is displayed withicon 2106 expanded and in the center. Notably, the icon marked "A" is displayed within grid 2012 and is no longer displayed within grid 2108. FIG. 21 also illustrates the updating of the displayed icons in response to a rotation of the crown. Specifically, in response to a rotation of thecrown 2110,icon 2106 is expanded further and becomes the only icon displayed on the screen.

図２２は、デバイス１００の動作に応答したアイコンの再配置を図示する。デバイスの動作を１つ以上のセンサ、例えばジャイロスコープを用いて検出することができる。示されるように、各種のアイコンは、グリッド２２０２内に表示される。デバイス１００の方向２２０４の傾動に応答して、表示されたアイコンは、方向２２０６に平行移動され、グリッド２２０８内に異なるアイコンの表示をもたらす。具体的には、デバイス１００の左側方向２２０４の傾動に応答して、グリッド２２０２のアイコンは、左方向２２０６に平行移動する。一部の実施形態において、平行移動は、単一の行又は列が外に遷移し、単一の行又は列がディスプレイ上に遷移するように増加し得る。代わりに、完全に新しいセットのアイコンがディスプレイ上に遷移するときに、アイコンの全画面が外に遷移してもよい。22 illustrates the repositioning of icons in response to motion of thedevice 100. Motion of the device can be detected using one or more sensors, such as a gyroscope. As shown, various icons are displayed in a grid 2202. In response to tilting thedevice 100 in adirection 2204, the displayed icons are translated in adirection 2206, resulting in the display of different icons in the grid 2208. Specifically, in response to tilting thedevice 100 in aleftward direction 2204, the icons in the grid 2202 are translated in aleftward direction 2206. In some embodiments, the translation may be incremental such that a single row or column transitions out and a single row or column transitions on to the display. Alternatively, a full screen of icons may transition out as an entirely new set of icons transitions on to the display.

図２３は、タッチスクリーン入力に応答したアイコンの外観の変化を図示する。示されるように、位置２３０４でのタッチに応答して、アイコン２３０６は拡大状態となる。特筆すべきは、アイコン２３０６は、位置２３０４に位置しておらず、むしろ、アイコン２３０６は、（その拡大されていない状態で）行２３１２に沿うタッチ位置２３０４の上方の行２３１０にある。このようにして、アイコンが拡大されるため、及びデバイス１００にタッチしている場合によっては不透明な物体によりアイコンの視認が邪魔されないための両方で、アイコン２３０６のユーザ視認性が向上する。近くのタッチに応答して１つよりも多いアイコンを拡大することができることが留意されるべきである。複数のアイコンを、拡大されている各アイコンとタッチ位置との間の距離に反比例する異なる倍率レベルで拡大することができる。23 illustrates the change in the appearance of an icon in response to a touch screen input. As shown, in response to a touch at location 2304, icon 2306 goes into a magnified state. Notably, icon 2306 is not located at location 2304; rather, icon 2306 (in its unmagnified state) is inrow 2310 above touch location 2304 alongrow 2312. In this manner, user visibility of icon 2306 is improved, both because the icon is magnified and because the view of the icon is not obstructed by a possibly opaque objecttouching device 100. It should be noted that more than one icon can be magnified in response to a nearby touch. Multiple icons can be magnified at different magnification levels that are inversely proportional to the distance between each icon being magnified and the touch location.

図４０は、近くのアイコンの間の物理的な相互作用を説明するアイコン動作を図示する。示されるように、グリッド４００２は、放射状配置に配置された多数のアイコンを含む。位置４０１０でのタッチ入力に応答して、多数のアイコンは、異なる倍率レベルで拡大される。特筆すべきは、アイコン４００４の拡大は、アイコンが互いに視認を邪魔しないように、隣接するアイコン４００６及び４００８をアイコン４００４から離れさせることができる。FIG. 40 illustrates icon actions that describe physical interactions between nearby icons. As shown,grid 4002 includes multiple icons arranged in a radial arrangement. In response to touch input atlocation 4010, the multiple icons are enlarged at different magnification levels. Notably, the enlargement oficon 4004 can moveadjacent icons 4006 and 4008 away fromicon 4004 so that the icons do not obscure one another.

図２４は、アイコンとグリッド境界の間の相互作用を説明するアイコン動作を図示する。示されるように、多数のアイコンは、非対称グリッド２４０２に従って表示される。表示されたアイコンは、圧縮されていないアイコン２４０８を含む。右側方向２４０４のジェスチャの形でのタッチ入力に応答して、グリッド２４０２の左側のアイコンが拡大形式又は非拡大形式のいずれかでより優位に表示されるように、グリッド２４０２の右境界上のアイコンを圧縮されたアイコン２４０６に圧縮することができる。また、左側方向２４０６のタッチジェスチャに応答して、グリッド２４０２の右側のアイコンがより優位に表示されるように、グリッド２４０２の左境界上のアイコンを圧縮されたアイコン２４１２に圧縮することができる。上述された相互作用は、ユーザがアイコンを容易に視認及び選択することを可能にしながら、全て又は実質的に全てのアイコンが同時に表示されることを可能にする。この圧縮は、図示されないが対称グリッドで起き得ることに留意されたい。FIG. 24 illustrates icon operations that describe the interaction between icons and grid boundaries. As shown, a number of icons are displayed according to anasymmetric grid 2402. The displayed icons include an uncompressed icon 2408. In response to a touch input in the form of a gesture in therightward direction 2404, the icons on the right boundary of thegrid 2402 can be compressed to acompressed icon 2406, such that the icons on the left side of thegrid 2402 are displayed more predominantly in either an expanded or unexpanded format. Also, in response to a touch gesture in theleftward direction 2406, the icons on the left boundary of thegrid 2402 can be compressed to a compressed icon 2412, such that the icons on the right side of thegrid 2402 are displayed more predominantly. The interactions described above allow all or substantially all of the icons to be displayed simultaneously while still allowing a user to easily view and select the icons. Note that this compression could occur in a symmetric grid, although not shown.

図３４は、グリッド境界と近くのアイコンとの間の相互作用を説明するアイコン動作を図示する。図３４の放射状配置において、アイコンは、視認不能な内側円３４０２と視認不能な外側境界円３４００との間に表示される。外側円３４００をデバイス１００のタッチスクリーンの物理的なサイズに基づいてサイズ決定することができる。内側円３４０２をデザイン及び／又はユーザの好みに基づいてサイズ決定することができる。内側円３４０２もクラウンの回転等のユーザ入力に基づいてサイズ決定することができる。内側円３４０２は、その面範囲内のタッチスクリーン入力に応答することができる。例えば、内側円３４０２の面範囲内で起きるタッチダウン及び次のタッチ動作を内側円３４０２のパンと解釈することができる。内側円３４０２がパンされるとき、アイコン３４０４及び３４０８等、内側円３４０２と外側円３４００の間に配置されるアイコンを、内側円３４０２と外側円３４００の間の利用可能な空間、表示されているアイコンの数、及び隣接するアイコンのサイズに基づいて、再びサイズ決定することができる。例えば、円３４０２の右側へのパンに応答して、アイコン３４０４は、サイズを大きくすることができ、アイコン３４０４の拡大は、アイコン３４０８のサイズを小さくさせることができる。FIG. 34 illustrates icon actions that describe the interaction between the grid boundary and nearby icons. In the radial arrangement of FIG. 34, icons are displayed between an invisibleinner circle 3402 and an invisibleouter boundary circle 3400. Theouter circle 3400 can be sized based on the physical size of the touch screen of thedevice 100. Theinner circle 3402 can be sized based on design and/or user preferences. Theinner circle 3402 can also be sized based on user input, such as a rotation of a crown. Theinner circle 3402 can respond to touch screen input within its surface area. For example, a touch down and a subsequent touch action occurring within the surface area of theinner circle 3402 can be interpreted as panning theinner circle 3402. When theinner circle 3402 is panned, icons located between theinner circle 3402 and theouter circle 3400, such asicons 3404 and 3408, can be resized based on the available space between theinner circle 3402 and theouter circle 3400, the number of icons being displayed, and the size of the adjacent icons. For example, in response to panningcircle 3402 to the right,icon 3404 may increase in size, and the expansion oficon 3404 may causeicon 3408 to decrease in size.

ユーザ入力がない場合、表示されたアイコンを、画面の焼付きを防ぐために画面上で移動するように、プログラムできることに留意されたい。また、アイコン配置は、マルチタッチジェスチャに応答することができる。例えば、デバイス１００（図１）のタッチスクリーン上での２本指の下側へのジェスチャは、ステータスバー等のシステム情報の表示を生じさせることができる。別の例として、２本の指が反対方向に移動する２本指のジェスチャは、左利き又は右利きの使用のためにデバイス１００（図１）を設定することができる。
５．追加機能 Note that in the absence of user input, the displayed icons can be programmed to move on the screen to prevent screen burn-in. Icon placement can also respond to multi-touch gestures. For example, a two-finger downward gesture on the touch screen of device 100 (FIG. 1) can cause the display of system information such as a status bar. As another example, a two-finger gesture, with two fingers moving in opposite directions, can configure device 100 (FIG. 1) for left-handed or right-handed use.
5. Additional Features

図２に戻ると、ホーム画面２００は、アラート等のシステム生成情報を表示することができる。例えば、ホーム画面２００は、ユーザが長時間座っており、運動が要求されることの注意を表示することができる。また、画面２００は、ユーザが翌朝多忙なカレンダを有するため、休息の助言を表示することができる。また図３に戻ると、デバイス１００がドックに結合されるときに画面３００を表示することができる。Returning to FIG. 2,home screen 200 can display system-generated information such as alerts. For example,home screen 200 can display a reminder that the user has been sitting for an extended period of time and exercise is required.Screen 200 can also display advice to rest because the user has a busy calendar the next morning. Returning also to FIG. 3,screen 300 can be displayed whendevice 100 is docked.

図２６は、グリッド内でのアイコンのユーザナビゲーションを助ける壁紙２６０２の使用を図示する。示されるように、グリッド２６００は、比較的多数のアイコンを有する。クラウンの回転２６０４に応答して、グリッド２６００のアイコンの部分集合は、拡大されグリッド２６０６内に表示される。加えて、部分集合の背景に表示された壁紙２６０２の対応する部分も表示され、このことは、例えば、グリッド２６００の左上象限のアイコンがグリッド２６０６内に表示されるようになる場合、次いで壁紙２６０２の左上象限もグリッド２６０６で表示されることを意味する。また示されるように、左側方向２６０８のタッチジェスチャに応答して、デバイス１００は、グリッド２６００のアイコンの別の部分集合を表示することができる。例えば、グリッド２６１０において、グリッド２６００の右上象限のアイコンは、壁紙２６００の右上象限と一緒に表示される。このようにして、ユーザは、現在表示されているアイコンの集合とデバイス１００上の表示のために利用可能なアイコンの全体との間の関係を決定することができる。26 illustrates the use ofwallpaper 2602 to aid user navigation of icons within the grid. As shown,grid 2600 has a relatively large number of icons. In response to acrown rotation 2604, a subset of the icons ofgrid 2600 is enlarged and displayed within grid 2606. In addition, a corresponding portion ofwallpaper 2602 displayed behind the subset is also displayed, meaning that, for example, if an icon in the upper left quadrant ofgrid 2600 becomes displayed within grid 2606, then the upper left quadrant ofwallpaper 2602 is also displayed in grid 2606. As also shown, in response to a touch gesture in aleftward direction 2608,device 100 can display another subset of icons ofgrid 2600. For example, ingrid 2610, icons in the upper right quadrant ofgrid 2600 are displayed together with the upper right quadrant ofwallpaper 2600. In this way, the user can determine the relationship between the currently displayed set of icons and the totality of icons available for display ondevice 100.

図２７は、配置が情報、例えば現在時刻情報をユーザに提供する、アイコンの例示的な配置を図示する。配置をクラウンの動作に応答して表示することができる。また、所定のユーザ入力非活動期間の後に配置を表示することができる。例えば、小さなサイズのアイコンを用いて現在時刻を示す画面２７０２を、所定のユーザ入力非活動期間の後に表示することができる。更に、クラウンの回転に応答して、画面２７０２は、画面２７０４及び２７０６を通じて、アイコンのグリッドを示す画面２７０８に遷移することができる。27 illustrates an exemplary arrangement of icons, where the arrangement provides information to a user, such as current time information. The arrangement may be displayed in response to a movement of the crown. The arrangement may also be displayed after a predetermined period of user input inactivity. For example, ascreen 2702 showing the current time using small sized icons may be displayed after a predetermined period of user input inactivity. Further, in response to a rotation of the crown,screen 2702 may transition throughscreens 2704 and 2706 to screen 2708 showing a grid of icons.

図２８は、表示されたアイコンの色及び／又は強度が着信情報に応答して変化できる、アイコン（グリッド２８０２）の例示的な配置を図示する。例えば、メッセージングアプリケーションに対応するアイコン２８０４は、新しいメッセージが到着するときに点滅又は発光することができる。一部の実施形態において、点滅又は発光は、アプリケーションストアにおけるアプリケーションの人気、又はユーザのより大きなエコシステムにおけるアプリケーションの使用頻度に対応することができる。更に、グリッド２８０２のアイコンは、インストールされているそれらのアプリケーションを越えて、アプリケーションストアにおいて利用可能なアプリケーションのより大きな集合を表すアイコンを示すことができる。FIG. 28 illustrates an example arrangement of icons (grid 2802) where the color and/or intensity of the displayed icon can change in response to incoming information. For example, anicon 2804 corresponding to a messaging application can flash or glow when a new message arrives. In some embodiments, the flashing or glowing can correspond to the popularity of the application in an application store, or the frequency of use of the application in a larger ecosystem of users. Additionally, the icons in grid 2802 can show icons representing a larger collection of applications available in the application store beyond those applications that are installed.

図２９は、コンテキスト依存メッセージの例示的な表示を図示する。ユーザによるクラウン１０８のタッチの検出に応答してコンテキスト依存メッセージを表示することができる。コンテキスト依存メッセージは、デバイス１００のフォアグラウンドにおいて現在動作しているアプリケーションに応じて異なる機能を取ることができる、クラウン１０８の現在の機能性を示す。例えば、音楽アプリケーションがデバイス１００のフォアグラウンドにおいて動作しているとき、クラウン１０８上のタッチは、クラウン１０８の現在の機能性が音量制御であることをユーザに示すことができる音量インジケータの形でのコンテキスト依存メッセージ２９０２の表示をもたらすことができる。29 illustrates an exemplary display of a context-dependent message. A context-dependent message may be displayed in response to detecting a touch of thecrown 108 by a user. The context-dependent message indicates the current functionality of thecrown 108, which may take on different functions depending on the application currently running in the foreground of thedevice 100. For example, when a music application is running in the foreground of thedevice 100, a touch on thecrown 108 may result in the display of a context-dependent message 2902 in the form of a volume indicator that may indicate to the user that the current functionality of thecrown 108 is volume control.

図３５は、上述されたユーザインターフェース技術を提供する例示的なプロセス３５００を描写する。ブロック３５１０において、クラウンの動作及び／又はクラウンのタッチに基づく入力が受信される。クラウンの動作は、回転、押込み、及び／又は引出しであることができる。ブロック３５２０において、受信された入力により表されるクラウンの動作の種類に基づいて決定が行われる。受信された入力がクラウンの回転を表す場合、処理はブロック３５３０に進む。受信された入力がクラウンの押込み又は引出しを表す場合、処理はブロック３５５０に進む。受信された入力が、（回転又は押込み／引出しを伴わない）クラウンのタッチを表すとき、処理はブロック３５６０に進む。ブロック３５３０において、現在表示されている画面及びｚ軸９０６（図９）に沿うその対応する位置を決定することができる。加えて、ｚ軸９０６に沿う隣接する情報レベルを決定することができる。隣接するレベルを、受信された入力により表されるクラウンの回転方向に基づいて決定することができる。図４～図７のそれぞれにより図示されるアイコン等のアイコンの対応するグリッドを表示することができる。ブロック３５５０において、図２の例示的な画面２００等のホーム画面を表示することができる。代替案において、図３の例示的な画面３００等のユーザの好みの画面を表示することができる。ブロック３５６０において、図２９の例示的なコンテキスト依存メッセージ２９０２等のコンテキスト依存メッセージを表示することができる。FIG. 35 depicts anexemplary process 3500 for providing the user interface techniques described above. Atblock 3510, input based on a crown movement and/or a crown touch is received. The crown movement can be a rotation, a push, and/or a pull. Atblock 3520, a decision is made based on the type of crown movement represented by the received input. If the received input represents a crown rotation, processing proceeds to block 3530. If the received input represents a crown push or pull, processing proceeds to block 3550. When the received input represents a crown touch (without rotation or push/pull), processing proceeds to block 3560. Atblock 3530, the currently displayed screen and its corresponding position along the z-axis 906 (FIG. 9) can be determined. In addition, adjacent information levels along the z-axis 906 can be determined. The adjacent levels can be determined based on the direction of the crown rotation represented by the received input. A corresponding grid of icons, such as the icons illustrated by each of FIGS. 4-7, can be displayed. Atblock 3550, a home screen, such asexemplary screen 200 of FIG. 2, may be displayed. Alternatively, a user preferences screen, such asexemplary screen 300 of FIG. 3, may be displayed. Atblock 3560, a context-sensitive message, such as exemplary context-sensitive message 2902 of FIG. 29, may be displayed.

図３６は、上述されたユーザインターフェース技術を提供する例示的なコンピューティングシステム３６００を描写する。一部の実施形態において、コンピューティングシステム３６００は、デバイス１００を形成することができる。示されるように、コンピューティングシステム３６００は、Ｉ／Ｏセクション３６０４と、１つ以上のコンピュータプロセッサ３６０６と、メモリセクション３６０８とを１つに接続するバス３６０２を有することができる。メモリセクション３６０８は、プロセス３５００（図３５）を含む上述された技術を実施するコンピュータ実行可能命令及び／又はデータを収容することができる。Ｉ／Ｏセクション３６０４をタッチ感知部品３６１２を有することができるディスプレイ３６１０に接続することができる。Ｉ／Ｏセクション３６０４をクラウン３６１４に接続することができる。Ｉ／Ｏセクション３６０４をボタンを含み得る入力デバイス３６１６に接続することができる。Ｉ／Ｏセクション３６０４を、例えば、Ｗｉ－Ｆｉ（登録商標）、Ｂｌｕｅｔｏｏｔｈ（登録商標）、及び／又はセルラー機能を提供できる通信ユニット３６１８に接続することができる。Ｉ／Ｏセクション３６０４を、ジャイロスコープ、ＧＰＳセンサ、光センサ、ジャイロスコープ、加速度計、及び／又はそれらの組合せを有することができる、センサパック３６２０に接続することができる。上述された部品の１つ以上がオンチップシステムの部分であり得ることに留意されたい。36 depicts anexemplary computing system 3600 that provides the user interface techniques described above. In some embodiments, thecomputing system 3600 can form thedevice 100. As shown, thecomputing system 3600 can have abus 3602 that couples together an I/O section 3604, one ormore computer processors 3606, and amemory section 3608. Thememory section 3608 can contain computer executable instructions and/or data that implement the techniques described above, including the process 3500 (FIG. 35). The I/O section 3604 can be connected to adisplay 3610 that can have a touchsensitive component 3612. The I/O section 3604 can be connected to acrown 3614. The I/O section 3604 can be connected to aninput device 3616 that can include a button. The I/O section 3604 can be connected to acommunication unit 3618 that can provide, for example, Wi-Fi, Bluetooth, and/or cellular functionality. The I/O section 3604 can be connected to asensor pack 3620, which can include a gyroscope, a GPS sensor, a light sensor, a gyroscope, an accelerometer, and/or a combination thereof. Note that one or more of the above-mentioned components can be part of an on-chip system.

コンピューティングシステム３６００のメモリセクション３６０８は、１つ以上のコンピュータプロセッサ３６０６により実行されると、例えば、コンピュータプロセッサにプロセス３５００（図３５）を含む上述されたユーザインターフェース技術を実行させることができる、コンピュータ実行可能命令を記憶する非一時的なコンピュータ可読記憶媒体であることができる。コンピュータベースシステム、プロセッサを含むシステム、又は、命令実行システム、装置、若しくはデバイスから命令をフェッチし、命令を実行することができる他のシステム等の、命令実行システム、装置、若しくはデバイスによる使用又は関連して、コンピュータ実行可能命令を任意の非一時的なコンピュータ可読記憶媒体内で記憶及び／又は転送することもできる。この文書の目的のために、「非一時的なコンピュータ可読記憶媒体」は、命令実行システム、装置、若しくはデバイスによる使用又は関連してコンピュータ実行可能命令を収容又は記憶できる任意の媒体であることができる。非一時的なコンピュータ可読記憶媒体としては、非限定的に、磁気、光、及び／又は半導体ストレージを挙げることができる。このようなストレージの例としては、磁気ディスク、ＣＤ、ＤＶＤ、若しくはＢｌｕ－ｒａｙ技術に基づく光ディスク、並びにＲＡＭ、ＲＯＭ、ＥＰＲＯＭ、フラッシュメモリ、及びソリッドステートメモリを挙げることができる。Thememory section 3608 of thecomputing system 3600 can be a non-transitory computer-readable storage medium that stores computer-executable instructions that, when executed by one ormore computer processors 3606, can cause the computer processors to execute the user interface techniques described above, including process 3500 (FIG. 35). The computer-executable instructions can also be stored and/or transferred in any non-transitory computer-readable storage medium for use by or in association with an instruction execution system, apparatus, or device, such as a computer-based system, a system including a processor, or other system that can fetch instructions from and execute instructions from an instruction execution system, apparatus, or device. For purposes of this document, a "non-transitory computer-readable storage medium" can be any medium that can contain or store computer-executable instructions for use by or in association with an instruction execution system, apparatus, or device. Non-transitory computer-readable storage media can include, without limitation, magnetic, optical, and/or semiconductor storage. Examples of such storage include magnetic disks, CDs, DVDs, or optical disks based on Blu-ray technology, as well as RAM, ROM, EPROM, flash memory, and solid-state memory.

コンピューティングシステム３６００は、図３６の部品及び構成に限定されないが、複数の構成において他の又は追加の部品を含むことができる。一部の実施形態において、システム３６００は、図３７に示されるようなタブレットであるパーソナル電子デバイス３７００を形成することができる。一部の実施形態において、コンピューティングシステム３６００は、図３８に示されるような移動電話であるパーソナル電子デバイス３８００を形成することができる。一部の実施形態において、コンピューティングシステム３６００は、図３９に示されるような携帯式音楽デバイスであるパーソナル電子デバイス３９００を形成することができる。Computing system 3600 is not limited to the components and configuration of FIG. 36, but may include other or additional components in multiple configurations. In some embodiments,system 3600 may form a personalelectronic device 3700 that is a tablet, as shown in FIG. 37. In some embodiments,computing system 3600 may form a personalelectronic device 3800 that is a mobile phone, as shown in FIG. 38. In some embodiments,computing system 3600 may form a personalelectronic device 3900 that is a portable music device, as shown in FIG. 39.

本開示及び例が添付図面を参照して完全に記述されてきたが、各種の変更及び修正が当業者には明らかとなることが留意されるべきである。このような変更及び修正は、添付の特許請求の範囲により定義されるように本開示及び例の範囲内に含まれることが理解されるべきである。Although the present disclosure and examples have been fully described with reference to the accompanying drawings, it should be noted that various changes and modifications will be apparent to those skilled in the art. Such changes and modifications should be understood to be included within the scope of the present disclosure and examples as defined by the appended claims.

Claims (13)

Translated fromJapanese

コンピュータによって実行される方法であって、
ディスプレイ及びタッチ感知面を有する電子デバイスにおいて、
第１のサイズと前記第１のサイズより小さい第２のサイズとを含む異なるサイズで複数のアイコンをグリッド内に表示することと、
前記タッチ感知面におけるスワイプ入力を検出することと、
前記スワイプ入力を検出したことに応じて、
前記スワイプ入力が第１の方向におけるものであるという判定に従って、
前記グリッドの第１の境界から予め定められた距離内にある、前記複数のアイコンのうちの１以上のアイコンのサイズを、前記第２のサイズへと小さくすることと、
前記グリッドの第２の境界に最も近いアイコンのサイズを、前記グリッドの前記第２の境界に最も近い前記アイコンが全て前記第２のサイズより大きくなるように、大きくすることであって、前記グリッドの前記第２の境界に最も近い前記１以上のアイコンの前記サイズを大きくした後に、前記複数のアイコンのうちの少なくとも１つのアイコンが、前記第２のサイズより大きい前記第１のサイズで表示される、
ことと、
前記スワイプ入力が前記第１の方向とは異なる第２の方向におけるものであるという判定に従って、
前記グリッドの前記第２の境界から前記予め定められた距離内にある、前記複数のアイコンのうちの１以上のアイコンのサイズを、前記第２のサイズへと小さくすることと、
前記グリッドの前記第１の境界に最も近いアイコンのサイズを、前記グリッドの前記第１の境界に最も近い前記アイコンが全て前記第２のサイズより大きくなるように、大きくすることであって、前記グリッドの前記第１の境界に最も近い前記アイコンの前記サイズを大きくした後に、前記複数のアイコンのうちの少なくとも１つのアイコンが、前記第２のサイズより大きい前記第１のサイズで表示される、
ことと、
を備える、方法。 1. A computer-implemented method comprising:
In an electronic device having a display and a touch-sensitive surface,
Displaying a plurality of icons in a grid at different sizes including a first size and a second size smaller than the first size;
Detecting a swipe input on the touch-sensitive surface;
In response to detecting the swipe input,
in response to determining that the swipe input is in a first direction,
reducing a size of one or more icons of the plurality of icons that are within a predetermined distance of a first boundary of the grid to the second size;
increasing a size of icons closest to a second boundary of the grid such that the icons closest to the second boundary of the grid are all larger than the second size, wherein after increasing the size of the one or more icons closest to the second boundary of the grid, at least one icon of the plurality of icons is displayed at the first size, which is larger than the second size.
And,
in response to determining that the swipe input is in a second direction different from the first direction,
reducing a size of one or more icons of the plurality of icons that are within the predetermined distance from the second boundary of the grid to the second size;
increasing a size of an icon closest to the first boundary of the grid such that the icons closest to the first boundary of the grid are all larger than the second size, wherein after increasing the size of the icon closest to the first boundary of the grid, at least one icon of the plurality of icons is displayed at the first size, which is larger than the second size.
And,
A method comprising: 請求項１に記載の方法であって、更に、
前記タッチ感知面における前記スワイプ入力を検出することに先立って、前記複数のアイコンのうちの第１のアイコンを、前記複数のアイコンのうちの残りのアイコンと比較して大きく表示することと、
前記スワイプ入力が第１の方向におけるものであるという判定に従って、
前記複数のアイコンのうちの前記第１のアイコンを、前記複数のアイコンのうちの残りのアイコンと比較して大きく表示することをやめることと、
前記複数のアイコンのうちの前記第１のアイコンと異なる第２のアイコンを、前記複数のアイコンのうちの前記残りのアイコンと比較して大きく表示することと、
を備える、方法。 10. The method of claim 1 further comprising:
prior to detecting the swipe input on the touch-sensitive surface, displaying a first icon of the plurality of icons larger than the remaining icons of the plurality of icons;
in response to determining that the swipe input is in a first direction,
ceasing to display the first icon of the plurality of icons larger than the remaining icons of the plurality of icons;
displaying a second icon, which is different from the first icon, among the plurality of icons larger than the remaining icons among the plurality of icons;
A method comprising: 請求項２に記載の方法であって、更に、
前記スワイプ入力が第２の方向におけるものであるという判定に従って、
前記複数のアイコンのうちの前記第１のアイコンを、前記複数のアイコンのうちの残りのアイコンと比較して大きく表示することをやめることと、
前記複数のアイコンのうちの第３のアイコンを、前記複数のアイコンのうちの残りのアイコンと比較して大きく表示することであって、前記第３のアイコンは前記第１のアイコン及び前記第２のアイコンとは異なる、ことと、
を備える、方法。 3. The method of claim2 further comprising:
in response to determining that the swipe input is in a second direction,
ceasing to display the first icon of the plurality of icons larger than the remaining icons of the plurality of icons;
Displaying a third icon of the plurality of icons larger than the remaining icons of the plurality of icons, the third icon being different from the first icon and the second icon; and
A method comprising: 請求項１乃至３のいずれか一項に記載の方法であって、前記複数のアイコンは、前記電子デバイスにおけるユーザが生成したアプリケーションセットに対応する、
方法。 4. The method of claim 1, wherein the plurality of icons corresponds to a user-created set of applications on the electronic device.
method. 請求項１乃至４のいずれか一項に記載の方法であって、前記電子デバイスは、ウェアラブル電子デバイスである、
方法。 5. The method according to claim 1, wherein the electronic device is a wearable electronic device.
method. 請求項１乃至５のいずれか一項に記載の方法であって、更に、
アプリケーションにおける活動を表す情報を受信することであって、前記アプリケーションは表示されたアイコンに対応する、ことと、
前記受信した情報に応じて、前記表示されたアイコンの外観を変更することと、
を備える、方法。 The method according to any one of claims 1 to 5, further comprising:
receiving information representative of activity in an application, the application corresponding to a displayed icon;
modifying an appearance of the displayed icon in response to the received information;
A method comprising: 請求項６に記載の方法であって、前記変更することが、点滅させること、色を変化させること、及びアニメーション表示することのうちの１つ以上である、
方法。 7. The method of claim 6, wherein the modifying is one or more of blinking, changing color, and animating.
method. 請求項１乃至７のいずれか一項に記載の方法であって、
前記グリッドの第１の境界から前記予め定められた距離内にある、前記複数のアイコンのうちの前記１以上のアイコンは、前記グリッドの前記第１の境界上にあり、
前記グリッドの前記第２の境界から前記予め定められた距離内にある、前記複数のアイコンのうちの前記１以上のアイコンは、前記グリッドの前記第２の境界上にある、
方法。 8. The method according to any one of claims 1 to 7, comprising:
the one or more icons of the plurality of icons that are within the predetermined distance from a first boundary of the grid are on the first boundary of the grid;
the one or more icons of the plurality of icons that are within the predetermined distance from the second boundary of the grid are on the second boundary of the grid.
method. 請求項１乃至８のいずれか一項に記載の方法であって、前記第１のサイズは、圧縮されていないサイズである、
方法。 9. The method of claim 1, wherein the first size is an uncompressed size.
method. 請求項１乃至９のいずれか一項に記載の方法であって、前記第２のサイズは、圧縮されているサイズである、
方法。 10. The method of claim 1, wherein the second size is a compressed size.
method. コンピュータに、請求項１乃至１０のいずれか一項に記載の方法を実行させるコンピュータプログラム。A computer program for causing a computer to execute the method according to any one of claims 1 to 10. 電子デバイスであって、
請求項１１に記載のコンピュータプログラムを格納したメモリと、
前記メモリに格納された前記コンピュータプログラムを実行可能な１以上のプロセッサと、
を備える、電子デバイス。 1. An electronic device comprising:
A memory storing the computer program according to claim 11;
one or more processors capable of executing the computer programs stored in the memory;
An electronic device comprising: 電子デバイスであって、
請求項１乃至１０のいずれか一項に記載の方法を実行する手段
を備える、電子デバイス。 1. An electronic device comprising:
An electronic device comprising means for carrying out the method according to any one of claims 1 to 10.

Images