JP2021182426A

Movatterモバイル変換

Info

Publication number: JP2021182426A
Application number: JP2021126843A
Authority: JP
Inventors: ニコラスザンベッティ，; Zambetti Nicholas; イムランチャウドリ，; Imuran Chaudhuri; ジョナサン，アール．ダスコーラ，; R Dascola Jonathan; アラン，シー．ダイ，; C Dye Alan; クリストファー，パトリックフォス，; Patrick Foss Christopher; オーレリオグズマン，; Guzman Aurelio; チャナカ，ジー．カルナムニ，; G Karunamuni Chanaka; ダンカン，ロバートカール，; Robert Kerr Duncan; ステファン，オー．ルメイ，; Stephen O Lemay; ナタリアマリック，; Maric Natalia
Original assignee: Apple Inc
Current assignee: Apple Inc
Priority date: 2013-09-03
Filing date: 2021-08-02
Publication date: 2021-11-25
Anticipated expiration: 2034-09-03
Also published as: KR102305362B1; AU2014315319A1; AU2014315319B2; AU2014315325A1; DK179231B1; JP2018136983A; AU2019206101A1; KR102072614B1; JP2019215891A; JP2023065397A; DK201670117A1; KR102143895B1; JP2016532973A; AU2024205135A1; KR20160048955A; AU2021212114B9; JP6547039B2; JP7532568B2; KR20180122752A; AU2017276285A1

Abstract

To provide a user interface for operating a user interface object on a downsized personal electronic device.SOLUTION: A personal electronic device can select an appropriate information level arranged on a flat surface along a z-axis 906 for a display based on an operation of a crown. According to such an operation as rotation of the crown, a specific information flat surface (that is, an icon screen) to display on the personal electronic device can be selected. Specifically, an information flat surface which intersects with the z-axis 906 can be crossed by using the operation of the crown.SELECTED DRAWING: Figure 9

Description

Translated fromJapanese

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

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

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

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

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

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

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

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

例示的なユーザインターフェースを図示する。An exemplary user interface is illustrated.

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

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

例示的なユーザインターフェース及び遷移を図示する。Illustrative user interfaces and transitions are illustrated.

例示的なユーザインターフェースを図示する。An exemplary user interface is illustrated.例示的なユーザインターフェースを図示する。An exemplary user interface is illustrated.

例示的なプロセスを図示する。An exemplary process is illustrated.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（数式１）In some embodiments, the minimum rotational angular velocity of the crown required to switch between icon screens directly corresponds to the instantaneous angular velocity of the crown 108 (FIG. 1), which means that the user interface of thedevice 100 is capable of In essence, it means that thecrown 108 responds when it reaches a sufficient angular velocity. In some embodiments, the minimum angular velocity of crown rotation required to switch between icon screens is calculated to be based on the instantaneous ("current") angular velocity ofcrown 108, but not directly equal to that angular velocity. The speed. In these embodiments, thedevice 100 can maintain the calculated crown velocity V at different moments within time T according to Equation 1.

(Formula 1)

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

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

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

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

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

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

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

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

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

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

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

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

図３１は、アイコンが旋回ダイヤルの外周に配置されるアイコン配置スキームを図示する。例示的な旋回ダイヤル３１０２は、クラウンの回転に応答して旋回することができる。例えば、方向３１０４のクラウンの回転は、ダイヤル３１０２を同一方向（３１０６）に旋回させる。また、クラウンの押込み（又は引出し）は、３１０２の列の数を変化させ、残り列のアイコンを拡大させること及び／又は忠実性を高めることを可能にすることができる。 FIG. 31 illustrates an icon placement scheme in which the icon is placed on the outer circumference of the swivel dial. Theexemplary swivel dial 3102 can swivel in response to rotation of the crown. For example, rotation of the crown indirection 3104 causes thedial 3102 to turn in the same direction (3106). Also, pushing (or pulling out) the crown can change the number of rows in 3102, making it possible to enlarge the icons in the remaining rows and / or increase fidelity.

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

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

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

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

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

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

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

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

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

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

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

図４０は、近くのアイコンの間の物理的な相互作用を説明するアイコン動作を図示する。示されるように、グリッド４００２は、放射状配置に配置された多数のアイコンを含む。位置４０１０でのタッチ入力に応答して、多数のアイコンは、異なる倍率レベルで拡大される。特筆すべきは、アイコン４００４の拡大は、アイコンが互いに視認を邪魔しないように、隣接するアイコン４００６及び４００８をアイコン４００４から離れさせることができる。 FIG. 40 illustrates icon behavior that illustrates the physical interaction between nearby icons. As shown, thegrid 4002 contains a number of icons arranged in a radial arrangement. In response to touch input atposition 4010, numerous icons are magnified at different magnification levels. Notably, the enlargement of theicon 4004 allows theadjacent icons 4006 and 4008 to be separated from theicon 4004 so that the icons do not interfere with each other's visibility.

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

図３４は、グリッド境界と近くのアイコンとの間の相互作用を説明するアイコン動作を図示する。図３４の放射状配置において、アイコンは、視認不能な内側円３４０２と視認不能な外側境界円３４００との間に表示される。外側円３４００をデバイス１００のタッチスクリーンの物理的なサイズに基づいてサイズ決定することができる。内側円３４０２をデザイン及び／又はユーザの好みに基づいてサイズ決定することができる。内側円３４０２もクラウンの回転等のユーザ入力に基づいてサイズ決定することができる。内側円３４０２は、その面範囲内のタッチスクリーン入力に応答することができる。例えば、内側円３４０２の面範囲内で起きるタッチダウン及び次のタッチ動作を内側円３４０２のパンと解釈することができる。内側円３４０２がパンされるとき、アイコン３４０４及び３４０８等、内側円３４０２と外側円３４００の間に配置されるアイコンを、内側円３４０２と外側円３４００の間の利用可能な空間、表示されているアイコンの数、及び隣接するアイコンのサイズに基づいて、再びサイズ決定することができる。例えば、円３４０２の右側へのパンに応答して、アイコン３４０４は、サイズを大きくすることができ、アイコン３４０４の拡大は、アイコン３４０８のサイズを小さくさせることができる。 FIG. 34 illustrates icon behavior that illustrates the interaction between grid boundaries and nearby icons. In the radial arrangement of FIG. 34, the icon is displayed between the invisibleinner circle 3402 and the 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 preference. The size of theinner circle 3402 can also be determined based on user input such as rotation of the crown. Theinner circle 3402 is capable of responding to touch screen inputs within its plane range. For example, the touchdown and the next touch operation that occur within the plane range of theinner circle 3402 can be interpreted as the pan of theinner circle 3402. When theinner circle 3402 is panned, the icons placed between theinner circle 3402 and theouter circle 3400, such as theicons 3404 and 3408, are displayed, the available space between theinner circle 3402 and theouter circle 3400. It can be resized based on the number of icons and the size of adjacent icons. For example, in response to panning to the right ofcircle 3402,icon 3404 can be increased in size, and enlargement oficon 3404 can be reduced in size oficon 3408.

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

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

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

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

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

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

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

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

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

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

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