JP5726909B2 - 柔軟な平行移動及び垂直移動を備えたマルチレイヤーユーザーインターフェース - Google Patents
柔軟な平行移動及び垂直移動を備えたマルチレイヤーユーザーインターフェース Download PDFInfo
- Publication number
- JP5726909B2 JP5726909B2 JP2012553056A JP2012553056A JP5726909B2 JP 5726909 B2 JP5726909 B2 JP 5726909B2 JP 2012553056 A JP2012553056 A JP 2012553056A JP 2012553056 A JP2012553056 A JP 2012553056A JP 5726909 B2 JP5726909 B2 JP 5726909B2
- Authority
- JP
- Japan
- Prior art keywords
- layer
- movement
- content
- section
- display area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000013519 translation Methods 0.000 title description 2
- 230000000007 visual effect Effects 0.000 claims description 94
- 238000000034 method Methods 0.000 claims description 47
- 238000009877 rendering Methods 0.000 claims description 4
- 230000007704 transition Effects 0.000 description 26
- 230000006870 function Effects 0.000 description 25
- 230000015654 memory Effects 0.000 description 19
- 230000003993 interaction Effects 0.000 description 15
- 230000009471 action Effects 0.000 description 12
- 238000012545 processing Methods 0.000 description 12
- 230000004044 response Effects 0.000 description 12
- 238000004891 communication Methods 0.000 description 11
- 230000006854 communication Effects 0.000 description 11
- 238000006073 displacement reaction Methods 0.000 description 8
- 230000000694 effects Effects 0.000 description 8
- 238000005516 engineering process Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 6
- 230000001413 cellular effect Effects 0.000 description 5
- 238000004091 panning Methods 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 230000007246 mechanism Effects 0.000 description 3
- 230000001154 acute effect Effects 0.000 description 2
- 238000013507 mapping Methods 0.000 description 2
- 230000005055 memory storage Effects 0.000 description 2
- 238000010295 mobile communication Methods 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 230000003213 activating effect Effects 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 230000007175 bidirectional communication Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 230000005012 migration Effects 0.000 description 1
- 238000013508 migration Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 230000035945 sensitivity Effects 0.000 description 1
- 238000010408 sweeping Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Image Analysis (AREA)
- Position Input By Displaying (AREA)
Description
従来の技術の利点が何であるにせよ、従来の技術は以下に示す技術及び手段の利点を有していない。
I.階層化グラフィカルユーザーインターフェース技術及び手段
効果的なユーザーインターフェースの設計には多くの課題がある。1つの課題は、ディスプレイのスペースの制約を考慮して、最適な量の視覚情報や機能をユーザーにどのように提供するか、ということである。この課題は、スマートフォンや他のモバイルコンピューティングデバイスなどの小型のディスプレイを持つデバイスにとって特に深刻なものとなり得る。これは、しばしば、ディスプレイに収まらない、より多くの利用可能な情報や機能が存在するためである。
例1−複数のUIレイヤー
図2は、異なる速度で移動する複数のレイヤーを備えるユーザーインターフェースを提供する例示的な技術200を示すフローチャートである。210において、マルチレイヤーUIシステムは、(例えば、コンピューティングデバイスの表示領域において)同時に表示される平行なレイヤーを含むユーザーインターフェースを提供する。一般的に、レイヤーの少なくとも1つの少なくとも一部は表示領域に表示されない。220において、システムはレイヤーにおいて行われるべき動きを示すユーザー入力を受信する。たとえば、コンテンツレイヤーが表示領域の右端を超える場合、ユーザーは、コンテンツレイヤーの異なる部分を見るために、コンテンツレイヤーにおけるパン動作を引き起こすべくタッチスクリーンとインタラクトすることができる。230において、システムは、ユーザー入力に少なくとも部分的に応じて、異なる移動速度の平行なレイヤーにおける動きをレンダリングする。たとえば、システムは、コンテンツレイヤーを、タッチスクリーン上のパンジェスチャーの速度に等しい速度で移動させ、タイトルレイヤー及び背景レイヤーを、より遅い速度で移動させることができる。
1.コンテンツレイヤー314はレイヤー312の約2倍の速度で移動し、レイヤー312はレイヤー314の約半分の長さである。
3.コンテンツレイヤー314はレイヤー310の約4倍の速度で移動し、レイヤー310はレイヤー314の約1/4の長さである。
例2−表示の向きの変更
記載される技術及び手段は、横方向など、異なる方向で表示画面上で使用することができる。表示方向の変化は、例えば、UIが横長の形状に方向付けられるように(例えば、ユーザーの好みによって)構成される場合、又はユーザーがデバイスを物理的に回転させる場合に生じ得る。デバイス内の1つ又は複数のセンサー(例えば、加速度計)は、デバイスがいつ回転されたかを検出し、それに応じて表示方向を調整するために使用することができる。図3Dに示す例では、表示領域は横長の形に方向付けられ、レイヤー312及び314のみを見ることができる。ただし、コンテンツレイヤーのより多くの部分を見ることができるようになって、ユーザーが一度にコンテンツレイヤー内のより多くのコンテンツ(例えば、コンテンツ画像330A−330D)を見ることを可能にする。代替的に、必要に応じて、レイヤーの高さを低減し、フォントや画像のサイズを減らすことによるなどして、すべてのレイヤーを見続けることができるよう維持するために調整を行うことができる。例えば、レイヤー310及び312の高さを低くするとともに、テキストのフォントのサイズを対応付けて小さくすることができ、その結果、コンテンツレイヤー314をナビゲートを容易にするために同じサイズに保ちつつ、レイヤー310及び312がなお見ることができるようにすることができる。
例3−複数のUIレイヤーにおける動きの計算
図4は、UIシステムがマルチレイヤーGUI(例えば、図3A−3Cに示すGUI)において第1の方向(例えば、水平方向)の動きを計算する例示的な技術400を示すフローチャートである。
例4−変化する速度で動く個々のレイヤー
図5A−5Dは、セクションヘッダーレイヤー512の異なる部分がコンテンツレイヤー514の異なる部分に関連付けられる、3つのレイヤー510、512、514を備えたマルチレイヤーUIシステムによって提示されるGUIを示す図である。図5A−5Dに示す例によれば、ユーザー(図示せず)はコンテンツレイヤー514とインタラクトする。たとえば、ユーザーは、コンテンツレイヤー内の異なるセクション(例えば、セクション1a、1b、1c、1d、2a、2b、2c、又は2d)を強調するためにナビゲーションボタン(図示せず)を押すことによって、コンテンツレイヤー514をナビゲートする。また、ユーザーは、表示領域300を有するタッチスクリーンとインタラクトすることにより、コンテンツレイヤー514とインタラクトする。当該インタラクションは、例えば、指先、スタイラス又は他の物体によりタッチスクリーンに接触すること、及びタッチスクリーンの表面上で(例えば、フリック動作又はスイープ動作によって)それを移動させることを含んでもよい。
1.セクションヘッダーレイヤー512における「Feature 1(機能1)」というテキスト文字列に関連付けられるコンテンツレイヤー514の部分(セクション1a、1b、1c及び1d)は、「Feature 1」というテキスト文字列の約4倍の速度で移動する。「Feature 1」というテキスト文字列は、「Feature 1」というテキスト文字列に関連付けられるコンテンツレイヤー514の部分(セクション1a、1b、1c及び1d)の約半分の長さであり、コンテンツレイヤー514において右端ロックポイント「A」から右端ロックポイント「B」まで移動するべき距離はセクションヘッダーレイヤー512における対応するロックポイント間の距離の約4倍の長さとなる。同様に、セクション・ヘッダーレイヤー512の「Feature 2(機能2)」というテキスト文字列に関連付けられたコンテンツレイヤー514の部分(セクション2a、2b、2c及び2d)は「Feature 2」というテキスト文字列の約4倍の速度で移動する。
例5−並行のレイヤー移動
図6A−6Dは、レイヤー614の上のレイヤー612と並行に(すなわち、同じ方向及び同じ速度で)動くコンテンツレイヤー614を含むマルチレイヤーUIシステムによって提示されるGUIを示す図である。この例では、(手のアイコンで表される)ユーザー302は、表示領域300を有するタッチスクリーンとインタラクトすることにより、コンテンツレイヤー614を介してナビゲートする。当該インタラクションは、例えば、指先、スタイラス又は他の物体でタッチスクリーンに接触すること、及びタッチスクリーンの表面上で(例えば、フリック動作又はスイープ動作により)それを動かすことを含んでもよい。
2.レイヤー612及び614はそれぞれ、レイヤー610の約3倍の速度で水平に移動し、レイヤー610はレイヤー612及び614の約1/3の長さである。
例6−レイヤーの要素の動き
全体のレイヤーの動きに加えて、ユーザーはまた、レイヤー内のデータ及びレイヤーがどのように配置されるかに応じて、レイヤーの要素又は部分における動きを引き起こすことができる。たとえば、ユーザーは、全体としてレイヤーにおいて引き起こされ得る動き(例えば、水平方向の動き)に対して直交する又は実質的に直交する、レイヤーの要素(例えば、リスト)における動き(例えば、垂直方向の動き)を引き起こすことができる。リストが表示領域に表示することができるものよりも多くの情報を含む場合などには、水平に動くレイヤー内のレイヤー要素の直交する動きはコンテンツレイヤーに埋め込まれたリスト内の縦スクロールを含んでもよい。また、縦に動くレイヤーを提示するシステムは、レイヤーの要素における水平の動きを可能にし得る。
図7は、第1の方向と直交する(又は実質的に直交する)第2の方向に移動するように動作可能であるUI要素を備えた少なくとも1つのレイヤーを有するマルチレイヤーGUI(例えば、図6A−6Eに示すGUI)において第1の方向(例えば、水平方向)の動きをUIシステムが計算する例示的な技術700を示すフローチャートである。
例8−アバター
レイヤーは、レイヤーにおける他の要素又はレイヤーのセクションなどの他の要素間の関係を示す要素を含んでもよい。他の要素間の関係を示す要素は、別々のレイヤーに含まれてもよいし、又はそれぞれの他の要素と同じレイヤーに含まれてもよい。例えば、アバターレイヤーは、ユーザーに関連する別のレイヤーにおける2つの関連するセクションにまたがる範囲の動きを備えた視覚的な要素(アバター)を含んでもよい。他の要素はまた、要素間の関係を示すために使用することができる。たとえば、音楽アーティストの画像は、アーティストのアルバムリストとアーティストのツアー日程のリストとの間の関係を示すために使用されてもよい。
図8A−8Cは、3つのレイヤー310、312、314及び背景レイヤー850を備えたマルチレイヤーUIシステムによって提示されるGUIを示す図である。この例では、(手のアイコンで表される)ユーザー302は、表示領域300を有するタッチスクリーンとインタラクトすることにより、コンテンツレイヤー314とインタラクトする。
1.コンテンツレイヤー314はレイヤー312の約2倍の速度で移動し、レイヤー312はレイヤー314の約半分の長さである。
3.コンテンツレイヤー314はレイヤー310の約4倍の速度で移動し、レイヤー310はレイヤー314の約1/4の長さである。
図9は、デバイス(例えば、スマートフォンや他のモバイルコンピューティングデバイス)上で複数のUIレイヤーを提示する例示的なマルチレイヤーUIシステム900を示すシステム図である。システム900は、他の例で説明する機能又は他の機能を実施するために使用することができる。
この例では、他の側面とともに、上述の例の側面を含む詳細な実施例について説明する。この詳細な実施例は、上述したシステム900などのマルチレイヤーUIシステムによって又はなんらかの他のシステムによって、実施することができる。
並列のUIレイヤーを初期化するために、システム900は、背景レイヤー、タイトルレイヤー、セクションヘッダーレイヤー及びコンテンツレイヤーの有効長に関する情報を取得する。(水平に移動するUIレイヤーにとって、有効長は、UIレイヤーの有効幅であると考えることができる。)システム900は、表示領域に近づくときにコンテンツペインを動的に作成することによってメモリー及び処理の要求を低減することができるが、これにより、コンテンツレイヤーの有効幅を決定することはより困難になる。この例では、初期化においてコンテンツレイヤーの有効幅を決定するために、システム900は、各コンテンツペインの最大幅に基づいて最大のコンテンツレイヤー幅を決定し、重なっていないすべてのコンテンツペインの最大幅の合計を計算する。
B.ユーザー入力
この例では、システム900は、モバイルコンピューティングデバイス上のタッチスクリーンとインタラクトするユーザーからユーザー入力を受信する。システム900は、ドラッグジェスチャー、パンジェスチャー及びフリックジェスチャーなどのタッチスクリーン上の異なるジェスチャーを区別することができる。システム900はまた、ユーザーが特定の位置においてタッチスクリーンに触れるがタッチスクリーンとの接触を断つ前に指、スタイラスなどを動かさない場合などに、タップジェスチャーを検出することができる。代替手段として、いくつかの動きは、タップジェスチャーにおいてタッチスクリーンとの接触を断つ前に、小さな閾値の範囲内で許可される。システム900はまた、つまんで伸ばす(pinch-and-stretch)ジェスチャーなどのマルチタッチジェスチャーを検出することができる。
システム900は、ジェスチャーの種類に応じて、ディスプレイ上の動き(例えば、レイヤー、リスト、又は他のUI要素の動き)を異なる方法でレンダリングすることができる。たとえば、水平方向のドラッグジェスチャー(ユーザーが現在タッチスクリーンとの接触を維持している)の場合には、システム900は、ドラッグの水平方向の距離と同じ距離だけ水平方向にコンテンツレイヤーを動かす。タイトルレイヤー及び背景レイヤーはまたドラッグに応じて移動する。移動量は、それぞれのレイヤーについての動作比率にドラッグの水平方向の動きを乗じることによって決定される。例えば、0.5の動作比率がタイトルレイヤーについて決定され、ドラッグの水平方向の距離が100ピクセルである場合、タイトルレイヤーにおける動きはドラッグの方向に50ピクセルとなる。
1.コンテンツレイヤーにおいて、現在、以前及び次のコンテンツペインのうちのどれだけの領域を見ることができるかをチェックして、端の位置を確認する。
4.そうでなければ、現在のペインの左端又は右端をロックポイント又は「バンプ」と合わせるためにコンテンツレイヤーを移動させることができるかどうかを決定する。現在のペインの左端が左のロックポイントに十分近い場合には、左端に現在のペインをロックする。そうではなく、現在のペインの右端が右側のロックポイントに十分近く、現在のペインが画面より広い場合は、現在のペインを右端にロックする。
UIレイヤーはいくつかの状況では非線形な移動速度を示す。たとえば、全体のレイヤーは状況に応じて異なる速度で移動することができ、また、レイヤーの一部は状況に応じて同じレイヤーの他の部分とは異なる速度で移動することができる。非線形の移動速度を示し得る1つのレイヤーはセクションヘッダーレイヤーである。セクションヘッダーレイヤーはいくつかのセクションヘッダーに分けることができ、各ヘッダーはコンテンツレイヤーにおける1つ又は複数のコンテンツペインに関連付けることができる。
3.ユーザーがコンテンツペインを左にパンする場合、ヘッダーはコンテンツペインよりも遅く移動する。これは、例えば、パンするときにユーザーがなおヘッダーの一部を見られるようにするのに役立つ。
システム900はまた、エッジタップ(edge tap)機能を実施してもよい。エッジタップにおいて、ユーザーは、(例えば、次のコンテンツペイン又は以前のコンテンツペインへの)移行を引き起こすために、表示領域の端(例えば、左端又は右端)の所与のマージン(例えば、40ピクセル)内でタップしてもよい。これは、例えば、次のペイン又は以前のペインが表示領域内で部分的に見えている場合に有用となり得る。ユーザーは、次のペイン又は以前のペインの近くでタップして、システムに、そのペインを完全に表示領域へ持ちこませることができる。
本明細書に記載の実施例に対して、様々な拡張及び代替手段が可能である。
記載された例において、コンテンツレイヤーは、通常、背景レイヤーなどの他のレイヤーよりも長いものとして説明される。システム900などのマルチレイヤーUIシステムはまた、タイトルレイヤー又は背景レイヤーなどのレイヤーが実際にはコンテンツレイヤーよりも広いようなシナリオを取り扱うことができる。そのようなシナリオでは、レイヤーにおける動きの速度は補償をするために自動的に調整することができる。たとえば、コンテンツレイヤーがタイトルレイヤーよりも短い場合、コンテンツレイヤーはタイトルレイヤーよりも遅く移動してもよい。
図10は、記載された実施例のうちのいくつかを実施することができる適切なコンピューティング環境1000の一般化された例を示す。本明細書に記載された技術及び手段は多様な汎用又は特殊目的のコンピューティング環境において実施することができるので、コンピューティング環境1000は、使用又は機能の範囲について何ら限定を示唆するものではない。
図11は、記載された実施例、技法、及び技術を実施することができる適切な実施環境1100の一般化された例を示す。
図12は、1202において一般的に示される、様々なオプションのハードウェアコンポーネント及びソフトウェアコンポーネントを含む、例示的なモバイルデバイス1200を示すシステム図である。説明を容易にするために、すべての接続が示されてはいないが、モバイルデバイス内の任意のコンポーネント1202は任意の他のコンポーネントと通信することができる。モバイルデバイスは、様々なコンピューティングデバイス(例えば、携帯電話、スマートフォン、ハンドヘルドコンピューター、パーソナルデジタルアシスタント(PDA)など)のうちの任意のものであってもよく、セルラーネットワークや衛星ネットワークなどの1つ又は複数の移動通信ネットワーク1204との無線双方向通信を可能にすることができる。
Claims (20)
- コンピューターシステムにおいて、
少なくとも第1、第2及び第3のレイヤーを含むグラフィカルユーザーインターフェースを表示するステップであって、前記第3のレイヤーはコンテンツのカテゴリーを記述し、前記第2のレイヤーはコンテンツのサブカテゴリーを記述し、前記第1のレイヤーは前記コンテンツのサブカテゴリー内に含まれるコンテンツ項目を含み、前記第1のレイヤーにおける視覚情報の第1の部分がタッチスクリーンの表示領域内にあり、前記第1のレイヤーは第1の方向と実質的に直交する第2の方向に移動するように動作可能なセクション及び前記セクションの端部における第1のレイヤーのロックポイントを含む、ステップと、
前記タッチスクリーン上での第1のジェスチャーに対応する第1のユーザー入力を受け取るステップと、
前記第1のユーザー入力に少なくとも部分的に基づいて第1の動きを計算するステップであって、前記第1の動きは、前記第1のレイヤーにおける視覚情報の第2の部分が前記表示領域の外にある最初の第1のレイヤーの位置から、前記第1のレイヤーにおける視覚情報の前記第2の部分が前記表示領域内にある現在の第1のレイヤーの位置への、前記第1のレイヤーの動きを含み、前記第1の動きは第1の移動速度で第1の方向にある、ステップと、
前記第1のユーザー入力に少なくとも部分的に基づいて前記第1の動きと実質的に平行な第2の動きを計算するステップであって、前記第2の動きは最初の第2のレイヤーの位置から現在の第2のレイヤーの位置への前記第2のレイヤーにおける視覚情報の動きを含み、前記第2の動きは第2の移動速度で前記第1の方向にあり、前記第2のレイヤーは第2のレイヤーのロックポイントを含む、ステップと、
前記第1のユーザー入力に少なくとも部分的に基づいて前記第1の動き及び前記第2の動きと実質的に平行な第3の動きを計算するステップであって、前記第3の動きは最初の第3のレイヤーの位置から現在の第3のレイヤーの位置への前記第3のレイヤーにおける視覚情報の動きを含み、前記第3の動きは第3の移動速度で前記第1の方向にあり、前記第3のレイヤーは第3のレイヤーのロックポイントを含み、前記第1の移動速度は前記第2の移動速度及び前記第3の移動速度のうちの少なくとも1つとは異なる、ステップと、
前記ロックポイント及び前記現在の第1のレイヤーの位置に少なくとも部分的に基づいてロッキングアニメーションを実行するステップであって、前記ロッキングアニメーションは、前記第1、第2及び第3のレイヤーを、それぞれの現在の位置から、レイヤーが移動を停止したロッキングアニメーション後の位置へと移動させることを含み、前記セクションの端部は前記表示領域の対応する端部と整列される、ステップと、
前記タッチスクリーン上での第2のジェスチャーに対応する第2のユーザー入力を受け取るステップと、
前記実行されたロッキングアニメーションの結果として前記表示領域内にある前記第1のレイヤーにおける視覚情報の前記第2の部分における視覚情報の実質的に垂直なセクションの動きを計算するステップであって、前記動きは前記第2のユーザー入力に少なくとも部分的に基づいて前記第1、第2及び第3のレイヤーにおける他の視覚情報から独立しており、前記実質的に垂直なセクションの動きは最初のセクションの位置から現在のセクションの位置への前記第1のレイヤーにおける視覚情報の前記第2の部分における視覚情報の動きを含む、ステップと
を含む方法。 - 前記第1のジェスチャーはジェスチャーの移動速度を有し、前記第1の移動速度は前記ジェスチャーの移動速度に基づく請求項1に記載の方法。
- 前記第1の移動速度は前記ジェスチャーの移動速度に実質的に等しい請求項2に記載の方法。
- 前記第1の動きを計算するステップは、前記最初の第1のレイヤーの位置、前記第1の方向及び前記第1のジェスチャーの速度に少なくとも部分的に基づいて前記現在の第1のレイヤーの位置を計算するステップを含み、前記第2の動きを計算するステップは、前記計算された現在の第1のレイヤーの位置に少なくとも部分的に基づいて前記現在の第2のレイヤーの位置を計算するステップを含む請求項1に記載の方法。
- 前記第1のジェスチャーによって示される方向は前記第1の方向とは異なり、前記第1のジェスチャーによって示される方向は斜め方向であり、前記第1の方向は水平方向である請求項1に記載の方法。
- 前記第1の移動速度は前記第2の移動速度より大きい請求項1に記載の方法。
- 前記第2のレイヤーが前記最初の第2のレイヤーの位置にある場合には前記第2のレイヤーにおける視覚情報の一部は前記表示領域の外にあり、前記第2のレイヤーが前記現在の第2のレイヤーの位置にある場合には前記第2のレイヤーにおける前記視覚情報の一部は前記表示領域内にある請求項1に記載の方法。
- 前記グラフィカルユーザーインターフェースは背景レイヤーをさらに含み、前記第1のレイヤーはコンテンツレイヤーであり、前記第2のレイヤーは前記表示領域において前記コンテンツレイヤーの上のセクションヘッダーレイヤーであり、前記第3のレイヤーは前記表示領域において前記セクションヘッダーレイヤーの上のタイトルレイヤーであり、前記コンテンツレイヤー、前記セクションヘッダーレイヤー及び前記タイトルレイヤーは前記背景レイヤーと重なり、前記第2の移動速度及び前記第3の移動速度は前記タイトルレイヤーの長さと前記セクションヘッダーレイヤーの長さとの間の差に比例して異なる請求項1に記載の方法。
- 前記第1の方向は水平方向であり、前記第2の方向は垂直方向である請求項1に記載の方法。
- 前記セクションが垂直方向にスクロール可能な要素である請求項9に記載の方法。
- 前記第2のジェスチャーの方向が前記垂直方向とは異なり、前記第2のジェスチャーによって示される方向が斜め方向である請求項10に記載の方法。
- 前記垂直方向にスクロール可能な要素における垂直なロッキングアニメーションを実行するステップをさらに含み、
前記垂直なロッキングアニメーションは、前記垂直方向にスクロール可能な要素におけるロックポイントが前記表示領域の一部と垂直に合わせられるように、前記垂直方向にスクロール可能な要素を動かすことを含む請求項10に記載の方法。 - 前記垂直方向にスクロール可能な要素は項目のリストであり、前記ロックポイントは前記リスト内の項目に関連付けられる請求項12に記載の方法。
- 前記項目のリストはリンクのリストであり、前記ロックポイントは前記リスト内のリンクに関連付けられる請求項13に記載の方法。
- 前記実質的に垂直なセクションの動きを計算するステップは、
前記最初のセクションの位置及び前記第2のジェスチャーの速度に少なくとも部分的に基づいて前記現在のセクションの位置を計算するステップを含む請求項1に記載の方法。 - 前記他の視覚情報は前記セクションにおいて前記視覚情報と前記第1の方向及び前記第2の方向で隣接し、前記セクションが前記最初のセクションの位置にある場合には前記セクションにおける視覚情報の一部は前記表示領域の外にあり、前記セクションが前記現在のセクションの位置にある場合には前記セクションにおける前記視覚情報の一部は前記表示領域内にある請求項1に記載の方法。
- 前記タッチスクリーンを備える携帯電話上での表示のために前記第1の動き、前記第2の動き及び前記実質的に垂直なセクションの動きをレンダリングするステップをさらに含む請求項1に記載の方法。
- 1つ又は複数のプロセッサーと、
表示領域を有するタッチスクリーンと、
コンテンツレイヤー、セクションヘッダーレイヤー、及びタイトルレイヤーを含むグラフィカルユーザーインターフェースを表示するステップであって、各レイヤーは、それぞれのレイヤーにおける視覚情報の少なくとも第1及び第2の部分を含み、それぞれのレイヤーにおける視覚情報の前記第1の部分は表示領域にあり、それぞれのレイヤーにおける視覚情報の前記第2の部分は前記表示領域の外にあり、前記コンテンツレイヤーは前記表示領域内にある視覚情報の第1の部分及び前記表示領域の外にある視覚情報の第2の部分を有する少なくとも1つのスクロール可能なセクションを含む、ステップ、
前記タッチスクリーンを介して第1のユーザー入力を受け取るステップ、
前記第1のユーザー入力に少なくとも部分的に基づいてコンテンツレイヤーの動きを計算するステップであって、前記コンテンツレイヤーの動きは、(a)前記コンテンツレイヤーにおける視覚情報の前記第2の部分が前記表示領域の外にある最初のコンテンツレイヤーの位置から(b)前記コンテンツレイヤーにおける視覚情報の前記第2の部分が前記表示領域内にある現在のコンテンツレイヤーの位置への前記コンテンツレイヤーの動きを含み、前記コンテンツレイヤーは前記スクロール可能なセクションの端部においてコンテンツレイヤーロックポイントをさらに含む、ステップ、
(a)から(b)への動きをアニメートするステップであって、前記コンテンツレイヤーの動きはコンテンツレイヤーの移動速度で第1の方向にある、ステップ、
前記第1のユーザー入力に少なくとも部分的に基づいてセクションヘッダーレイヤーの動きを計算するステップであって、前記セクションヘッダーレイヤーの動きは、(c)前記セクションヘッダーレイヤーにおける視覚情報の前記第2の部分が前記表示領域の外にある最初のセクションヘッダーレイヤーの位置から(d)前記セクションヘッダーレイヤーにおける視覚情報の前記第2の部分が前記表示領域内にある現在のセクションヘッダーレイヤーの位置への前記セクションヘッダーレイヤーの動きを含み、前記セクションヘッダーレイヤーは、セクションヘッダーと、前記セクションヘッダーの端部におけるセクションヘッダーレイヤーロックポイントとを含む、ステップ、
(c)から(d)への動きをアニメートするステップであって、前記セクションヘッダーレイヤーの動きはセクションヘッダーレイヤーの移動速度で前記第1の方向にある、ステップ、
前記第1のユーザー入力に少なくとも部分的に基づいてタイトルレイヤーの動きを計算するステップであって、前記タイトルレイヤーの動きは、(e)前記タイトルレイヤーにおける視覚情報の前記第2の部分が前記表示領域の外にある最初のタイトルレイヤーの位置から(f)前記タイトルレイヤーにおける視覚情報の前記第2の部分が前記表示領域内にある現在のタイトルレイヤーの位置への前記タイトルレイヤーの動きを含み、前記タイトルレイヤーは、タイトルと、前記タイトルの端部におけるタイトルレイヤーロックポイントとを含む、ステップ、
(e)から(f)への動きをアニメートするステップであって、前記タイトルレイヤーの動きはタイトルレイヤーの移動速度で前記第1の方向にある、ステップ、
前記コンテンツレイヤーロックポイント、前記セクションヘッダーレイヤーロックポイント、前記タイトルレイヤーロックポイント及び前記現在のコンテンツレイヤーの位置に少なくとも部分的に基づいてロッキングアニメーションを実行するステップであって、前記ロッキングアニメーションは、前記コンテンツレイヤー、前記セクションヘッダーレイヤー及び前記タイトルレイヤーを、それぞれの現在の位置から、それぞれのレイヤーが移動を停止したロッキングアニメーション後の位置へと移動させることを含み、前記スクロール可能なセクションの端部、前記セクションヘッダーの端部及び前記タイトルの端部は、前記表示領域の対応する端部と整列される、ステップ、
前記タッチスクリーンを介して第2のユーザー入力を受け取るステップ、
前記第2のユーザー入力に少なくとも部分的に基づいて、前記コンテンツレイヤーにおける他の視覚情報から独立した前記コンテンツレイヤーの前記スクロール可能なセクションにおける視覚情報のスクロール可能なセクションの動きを計算するステップであって、前記スクロール可能なセクションの動きは、(g)前記スクロール可能なセクションにおける視覚情報の前記第2の部分が前記表示領域の外にある最初のスクロール可能なセクションの位置から(h)前記スクロール可能なセクションにおける視覚情報の前記第2の部分が前記表示領域内にある現在のスクロール可能なセクションの位置への前記スクロール可能なセクションにおける視覚情報の動きを含む、ステップ、並びに、
(g)から(h)への動きをアニメートするステップであって、前記スクロール可能なセクションの動きは第2の方向である、ステップ
を含む方法を実行するためのコンピューター実行可能な命令を格納する1つ又は複数のコンピューター読み取り可能な記憶媒体と
を具備し、
前記タイトルレイヤーの移動速度は前記コンテンツレイヤーの移動速度及び前記セクションヘッダーレイヤーの移動速度とは異なり、前記コンテンツレイヤー、前記セクションヘッダーレイヤー及び前記タイトルレイヤーは互いに実質的に平行であり、互いに対して重ならない、コンピューティングデバイス。 - 前記第1のユーザー入力が前記タッチスクリーン上の第1のジェスチャーに対応し、前記第2のユーザー入力が前記タッチスクリーン上の第2のジェスチャーに対応する請求項18に記載のコンピューティングデバイス。
- タッチスクリーン上でのジェスチャーを介してユーザー入力を受け取るように動作可能なタッチスクリーン上にグラフィカルユーザーインターフェースを表示するステップであって、前記グラフィカルユーザーインターフェースは、コンテンツレイヤー、セクションヘッダーレイヤー、タイトルレイヤー及び背景レイヤーを含み、各レイヤーはそれぞれのレイヤーにおける視覚情報の少なくとも第1及び第2の部分を含み、それぞれのレイヤーにおける視覚情報の前記第1の部分は前記タッチスクリーンの表示領域にあり、それぞれのレイヤーにおける視覚情報の前記第2の部分は前記表示領域の外にあり、前記コンテンツレイヤーは前記表示領域内にある視覚情報の第1の部分及び前記表示領域の外にある視覚情報の第2の部分を有する少なくとも1つのスクロール可能なセクションを含む、ステップと、
前記タッチスクリーン上のジェスチャーに対応する第1のユーザー入力を受け取るステップと、
前記第1のユーザー入力に少なくとも部分的に基づいてコンテンツレイヤーの動きを計算するステップであって、前記コンテンツレイヤーの動きは、(a)前記コンテンツレイヤーにおける視覚情報の前記第2の部分が前記表示領域の外にある最初のコンテンツレイヤーの位置から(b)前記コンテンツレイヤーにおける視覚情報の前記第2の部分が前記表示領域内にある現在のコンテンツレイヤーの位置への前記コンテンツレイヤーの動きを含み、前記コンテンツレイヤーは前記スクロール可能なセクションの端部においてコンテンツレイヤーロックポイントをさらに含む、ステップと、
(a)から(b)への動きをアニメートするステップであって、前記コンテンツレイヤーの動きはコンテンツレイヤーの移動速度で第1の方向にある、ステップと、
前記第1のユーザー入力に少なくとも部分的に基づいてセクションヘッダーレイヤーの動きを計算するステップであって、前記セクションヘッダーレイヤーの動きは、(c)前記セクションヘッダーレイヤーにおける視覚情報の前記第2の部分が前記表示領域の外にある最初のセクションヘッダーレイヤーの位置から(d)前記セクションヘッダーレイヤーにおける視覚情報の前記第2の部分が前記表示領域内にある現在のセクションヘッダーレイヤーの位置への前記セクションヘッダーレイヤーの動きを含み、前記セクションヘッダーレイヤーは、セクションヘッダーと、前記セクションヘッダーの端部におけるセクションヘッダーレイヤーロックポイントとをさらに含む、ステップと、
(c)から(d)への動きをアニメートするステップであって、前記セクションヘッダーレイヤーの動きはセクションヘッダーレイヤーの移動速度で前記第1の方向にある、ステップと、
前記第1のユーザー入力に少なくとも部分的に基づいてタイトルレイヤーの動きを計算するステップであって、前記タイトルレイヤーの動きは、(e)前記タイトルレイヤーにおける視覚情報の前記第2の部分が前記表示領域の外にある最初のタイトルレイヤーの位置から(f)前記タイトルレイヤーにおける視覚情報の前記第2の部分が前記表示領域内にある現在のタイトルレイヤーの位置への前記タイトルレイヤーの動きを含み、前記タイトルレイヤーは、タイトルと、前記タイトルの端部におけるタイトルレイヤーロックポイントとをさらに含む、ステップと、
(e)から(f)への動きをアニメートするステップであって、前記タイトルレイヤーの動きはタイトルレイヤーの移動速度で前記第1の方向にある、ステップと、
前記第1のユーザー入力に少なくとも部分的に基づいて背景レイヤーの動きを計算するステップであって、前記背景レイヤーの動きは、(g)前記背景レイヤーにおける視覚情報の前記第2の部分が前記表示領域の外にある最初の背景レイヤーの位置から(h)前記背景レイヤーにおける視覚情報の前記第2の部分が前記表示領域内にある現在の背景レイヤーの位置への前記背景レイヤーの動きを含む、ステップと、
(g)から(h)への動きをアニメートするステップであって、前記背景レイヤーの動きは背景レイヤーの移動速度で前記第1の方向にある、ステップと、
前記コンテンツレイヤーロックポイント、前記セクションヘッダーレイヤーロックポイント、前記タイトルレイヤーロックポイント及び前記現在のコンテンツレイヤーの位置に少なくとも部分的に基づいてロッキングアニメーションを実行するステップであって、前記ロッキングアニメーションは、前記コンテンツレイヤー、前記セクションヘッダーレイヤー及び前記タイトルレイヤーを、それぞれの現在の位置から、それぞれのレイヤーが移動を停止したロッキングアニメーション後の位置へと移動させることを含み、前記スクロール可能なセクションの端部、前記セクションヘッダーの端部及び前記タイトルの端部は、前記表示領域の対応する端部と整列される、ステップと、
前記タッチスクリーン上の第2のジェスチャーに対応する第2のユーザー入力を受け取るステップと、
前記第2のユーザー入力に少なくとも部分的に基づいて、前記コンテンツレイヤーにおける他の視覚情報から独立した前記コンテンツレイヤーの前記スクロール可能なセクションにおける視覚情報のスクロール可能なセクションの動きを計算するステップであって、前記スクロール可能なセクションの動きは、(i)前記スクロール可能なセクションにおける視覚情報の前記第2の部分が前記表示領域の外にある最初のスクロール可能なセクションの位置から(j)前記スクロール可能なセクションにおける視覚情報の前記第2の部分が前記表示領域内にある現在のスクロール可能なセクションの位置への前記スクロール可能なセクションにおける視覚情報の動きを含む、ステップと、
(i)から(j)への動きをアニメートするステップであって、前記スクロール可能なセクションの動きは第2の方向である、ステップと
を含む方法であって、
前記コンテンツレイヤーの移動速度は前記セクションヘッダーレイヤーの移動速度と等しく、前記タイトルレイヤーの移動速度は前記コンテンツレイヤーの移動速度及び前記セクションヘッダーレイヤーの移動速度とは異なり、前記コンテンツレイヤー、前記セクションヘッダーレイヤー及び前記タイトルレイヤーは互いに実質的に平行であり、互いに対して重ならず、前記コンテンツレイヤー、前記セクションヘッダーレイヤー及び前記タイトルレイヤーの各々は前記背景レイヤーと重なる、方法を実行するためのコンピューター実行可能な命令を格納する1つ又は複数のコンピューターメモリーデバイス。
Applications Claiming Priority (5)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US30400410P | 2010-02-12 | 2010-02-12 | |
US61/304,004 | 2010-02-12 | ||
US12/824,049 US8473860B2 (en) | 2010-02-12 | 2010-06-25 | Multi-layer user interface with flexible parallel and orthogonal movement |
US12/824,049 | 2010-06-25 | ||
PCT/US2011/024639 WO2011100623A2 (en) | 2010-02-12 | 2011-02-11 | Multi-layer user interface with flexible parallel and orthogonal movement |
Publications (3)
Publication Number | Publication Date |
---|---|
JP2013519953A JP2013519953A (ja) | 2013-05-30 |
JP2013519953A5 JP2013519953A5 (ja) | 2014-02-27 |
JP5726909B2 true JP5726909B2 (ja) | 2015-06-03 |
Family
ID=44368478
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2012553056A Active JP5726909B2 (ja) | 2010-02-12 | 2011-02-11 | 柔軟な平行移動及び垂直移動を備えたマルチレイヤーユーザーインターフェース |
Country Status (8)
Country | Link |
---|---|
US (2) | US8473860B2 (ja) |
EP (1) | EP2534567B1 (ja) |
JP (1) | JP5726909B2 (ja) |
KR (1) | KR101785748B1 (ja) |
CN (1) | CN102782633B (ja) |
AU (1) | AU2011215654B2 (ja) |
CA (1) | CA2787626C (ja) |
WO (1) | WO2011100623A2 (ja) |
Families Citing this family (85)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8127254B2 (en) | 2007-06-29 | 2012-02-28 | Nokia Corporation | Unlocking a touch screen device |
JP5140538B2 (ja) * | 2008-09-30 | 2013-02-06 | 任天堂株式会社 | 起動制御プログラム、起動制御装置、起動制御システム、及び、起動制御方法 |
US8510677B2 (en) | 2010-01-06 | 2013-08-13 | Apple Inc. | Device, method, and graphical user interface for navigating through a range of values |
US20130047110A1 (en) * | 2010-06-01 | 2013-02-21 | Nec Corporation | Terminal process selection method, control program, and recording medium |
US9542091B2 (en) | 2010-06-04 | 2017-01-10 | Apple Inc. | Device, method, and graphical user interface for navigating through a user interface using a dynamic object selection indicator |
US8854318B2 (en) | 2010-09-01 | 2014-10-07 | Nokia Corporation | Mode switching |
JP5160604B2 (ja) * | 2010-09-14 | 2013-03-13 | 任天堂株式会社 | 表示制御プログラム、表示制御システム、表示制御装置、表示制御方法 |
US20120151397A1 (en) * | 2010-12-08 | 2012-06-14 | Tavendo Gmbh | Access to an electronic object collection via a plurality of views |
US20120159395A1 (en) | 2010-12-20 | 2012-06-21 | Microsoft Corporation | Application-launching interface for multiple modes |
US8612874B2 (en) | 2010-12-23 | 2013-12-17 | Microsoft Corporation | Presenting an application change through a tile |
US8689123B2 (en) | 2010-12-23 | 2014-04-01 | Microsoft Corporation | Application reporting in an application-selectable user interface |
US9423951B2 (en) * | 2010-12-31 | 2016-08-23 | Microsoft Technology Licensing, Llc | Content-based snap point |
US9383917B2 (en) | 2011-03-28 | 2016-07-05 | Microsoft Technology Licensing, Llc | Predictive tiling |
JP4982614B1 (ja) * | 2011-03-30 | 2012-07-25 | 株式会社東芝 | 表示制御装置および表示制御プログラム |
KR101250250B1 (ko) * | 2011-05-18 | 2013-04-03 | 한국과학기술연구원 | 콘텐츠 표시 방법, 장치 및 컴퓨터 판독 가능한 기록 매체 |
US9158445B2 (en) | 2011-05-27 | 2015-10-13 | Microsoft Technology Licensing, Llc | Managing an immersive interface in a multi-application immersive environment |
US9104307B2 (en) | 2011-05-27 | 2015-08-11 | Microsoft Technology Licensing, Llc | Multi-application environment |
US8893033B2 (en) | 2011-05-27 | 2014-11-18 | Microsoft Corporation | Application notifications |
JP5706236B2 (ja) * | 2011-05-31 | 2015-04-22 | 楽天株式会社 | 情報処理装置、情報処理方法、及び情報処理プログラム |
JP5360140B2 (ja) * | 2011-06-17 | 2013-12-04 | コニカミノルタ株式会社 | 情報閲覧装置及び制御プログラム並びに制御方法 |
US20130057587A1 (en) | 2011-09-01 | 2013-03-07 | Microsoft Corporation | Arranging tiles |
US9886189B2 (en) | 2011-09-09 | 2018-02-06 | Cloudon Ltd. | Systems and methods for object-based interaction with cloud-based applications |
US10353566B2 (en) * | 2011-09-09 | 2019-07-16 | Microsoft Technology Licensing, Llc | Semantic zoom animations |
US9965151B2 (en) | 2011-09-09 | 2018-05-08 | Cloudon Ltd. | Systems and methods for graphical user interface interaction with cloud-based applications |
US9557909B2 (en) | 2011-09-09 | 2017-01-31 | Microsoft Technology Licensing, Llc | Semantic zoom linguistic helpers |
US8922575B2 (en) | 2011-09-09 | 2014-12-30 | Microsoft Corporation | Tile cache |
US9606629B2 (en) | 2011-09-09 | 2017-03-28 | Cloudon Ltd. | Systems and methods for gesture interaction with cloud-based applications |
US10063430B2 (en) | 2011-09-09 | 2018-08-28 | Cloudon Ltd. | Systems and methods for workspace interaction with cloud-based applications |
US9146670B2 (en) | 2011-09-10 | 2015-09-29 | Microsoft Technology Licensing, Llc | Progressively indicating new content in an application-selectable user interface |
US9244802B2 (en) | 2011-09-10 | 2016-01-26 | Microsoft Technology Licensing, Llc | Resource user interface |
US9772759B2 (en) * | 2011-10-14 | 2017-09-26 | Apple Inc. | Device, method, and graphical user interface for data input using virtual sliders |
US8935629B2 (en) | 2011-10-28 | 2015-01-13 | Flipboard Inc. | Systems and methods for flipping through content |
US9830049B2 (en) | 2011-12-12 | 2017-11-28 | Nokia Technologies Oy | Apparatus and method for providing a visual transition between screens |
KR101872862B1 (ko) * | 2011-12-13 | 2018-06-29 | 엘지전자 주식회사 | 이동 단말기 및 이동 단말기의 제어 방법 |
US11089134B1 (en) | 2011-12-19 | 2021-08-10 | Majen Tech, LLC | System, method, and computer program product for coordination among multiple devices |
US9557876B2 (en) * | 2012-02-01 | 2017-01-31 | Facebook, Inc. | Hierarchical user interface |
JP5882779B2 (ja) * | 2012-02-15 | 2016-03-09 | キヤノン株式会社 | 画像処理装置、画像処理装置の制御方法及びプログラム |
US11847300B2 (en) * | 2012-03-12 | 2023-12-19 | Comcast Cable Communications, Llc | Electronic information hierarchy |
JP2015524583A (ja) * | 2012-06-27 | 2015-08-24 | オセ−テクノロジーズ・ベー・ヴエーOce’−Nederland Besloten Vennootshap | デジタルオブジェクトを表示するためのユーザ対話システム |
US9594469B2 (en) * | 2012-07-25 | 2017-03-14 | Sap Se | Dynamic layering user interface |
US20140040824A1 (en) * | 2012-08-02 | 2014-02-06 | Comcast Cable Communications, Llc | Systems and methods for data navigation |
CN102819400A (zh) * | 2012-08-14 | 2012-12-12 | 北京小米科技有限责任公司 | 一种移动终端的桌面***及界面交互方法、装置 |
US20140101608A1 (en) * | 2012-10-05 | 2014-04-10 | Google Inc. | User Interfaces for Head-Mountable Devices |
US10057400B1 (en) | 2012-11-02 | 2018-08-21 | Majen Tech, LLC | Lock screen interface for a mobile device apparatus |
JP6080515B2 (ja) * | 2012-11-26 | 2017-02-15 | キヤノン株式会社 | 情報処理装置、表示装置、情報処理装置の制御方法、及びプログラム |
EP2746918B1 (en) | 2012-12-21 | 2018-05-23 | Orange | Fragmented scrolling of a page |
US11431834B1 (en) | 2013-01-10 | 2022-08-30 | Majen Tech, LLC | Screen interface for a mobile device apparatus |
EP2765495B1 (en) * | 2013-02-07 | 2016-06-22 | Advanced Digital Broadcast S.A. | A method and a system for generating a graphical user interface |
US9207849B2 (en) * | 2013-03-29 | 2015-12-08 | Microsoft Technology Licensing, Llc | Start and application navigation |
US20160062508A1 (en) * | 2013-04-30 | 2016-03-03 | Multitouch Oy | Dynamic Drawers |
KR20140132632A (ko) * | 2013-05-08 | 2014-11-18 | 삼성전자주식회사 | 휴대 장치 및 휴대 장치의 오브젝트 표시 방법 |
CN105264477B (zh) | 2013-06-09 | 2019-07-05 | 苹果公司 | 用于移动用户界面对象的设备、方法和图形用户界面 |
US10282083B2 (en) | 2013-06-09 | 2019-05-07 | Apple Inc. | Device, method, and graphical user interface for transitioning between user interfaces |
US9477393B2 (en) | 2013-06-09 | 2016-10-25 | Apple Inc. | Device, method, and graphical user interface for displaying application status information |
US9712577B2 (en) | 2013-06-09 | 2017-07-18 | Apple Inc. | Device, method, and graphical user interface for sharing content from a respective application |
US10120541B2 (en) | 2013-06-09 | 2018-11-06 | Apple Inc. | Device, method, and graphical user interface for sharing content from a respective application |
US9804745B2 (en) * | 2013-06-09 | 2017-10-31 | Apple Inc. | Reordering content panes in a stacked tab view |
USD738394S1 (en) | 2013-06-09 | 2015-09-08 | Apple Inc. | Display screen or portion thereof with animated graphical user interface |
CN103389858B (zh) * | 2013-08-13 | 2017-02-08 | 惠州Tcl移动通信有限公司 | 移动终端及其列表操作方法 |
USD772278S1 (en) | 2013-12-18 | 2016-11-22 | Apple Inc. | Display screen or portion thereof with animated graphical user interface |
US20150220885A1 (en) * | 2014-02-05 | 2015-08-06 | Linkedln Corporation | System and method for reviewing job applicants |
USD756374S1 (en) * | 2014-03-19 | 2016-05-17 | Wargaming.Net Limited | Display screen with animated graphical user interface |
US20150277689A1 (en) * | 2014-03-28 | 2015-10-01 | Kyocera Document Solutions Inc. | Display input apparatus and computer-readable non-transitory recording medium with display input control program recorded thereon |
US9916082B2 (en) * | 2014-03-28 | 2018-03-13 | Kyocera Document Solutions Inc. | Display input apparatus and computer-readable non-transitory recording medium with display input control program recorded thereon |
US20150317608A1 (en) * | 2014-04-30 | 2015-11-05 | Linkedin Corporation | Job recruiter and job applicant connector |
US9898162B2 (en) | 2014-05-30 | 2018-02-20 | Apple Inc. | Swiping functions for messaging applications |
US9971500B2 (en) | 2014-06-01 | 2018-05-15 | Apple Inc. | Displaying options, assigning notification, ignoring messages, and simultaneous user interface displays in a messaging application |
US9081421B1 (en) * | 2014-06-30 | 2015-07-14 | Linkedin Corporation | User interface for presenting heterogeneous content |
JP2016045848A (ja) | 2014-08-26 | 2016-04-04 | 任天堂株式会社 | 情報処理装置、情報処理システム、情報処理プログラム及び情報処理方法 |
JP6357387B2 (ja) | 2014-08-26 | 2018-07-11 | 任天堂株式会社 | 情報処理装置、情報処理システム、情報処理プログラム及び情報処理方法 |
US10019146B2 (en) * | 2014-09-04 | 2018-07-10 | Home Box Office, Inc. | Snap points including ranges |
KR101683809B1 (ko) | 2015-01-16 | 2016-12-08 | 네이버 주식회사 | 만화 데이터 생성 장치, 방법, 컴퓨터 프로그램 및 만화 데이터 표시 장치 |
US9652125B2 (en) | 2015-06-18 | 2017-05-16 | Apple Inc. | Device, method, and graphical user interface for navigating media content |
US9928029B2 (en) | 2015-09-08 | 2018-03-27 | Apple Inc. | Device, method, and graphical user interface for providing audiovisual feedback |
US9990113B2 (en) | 2015-09-08 | 2018-06-05 | Apple Inc. | Devices, methods, and graphical user interfaces for moving a current focus using a touch-sensitive remote control |
US10453240B2 (en) * | 2015-11-05 | 2019-10-22 | Adobe Inc. | Method for displaying and animating sectioned content that retains fidelity across desktop and mobile devices |
US10289297B2 (en) | 2016-08-26 | 2019-05-14 | Google Llc | Animating an image to indicate that the image is pannable |
US11055670B1 (en) * | 2016-08-26 | 2021-07-06 | United Services Automobile Association (Usaa) | Systems and methods for generating a travel smartlist |
CN106598381A (zh) * | 2016-11-10 | 2017-04-26 | 珠海市魅族科技有限公司 | 一种视差动画实现的方法及可实现视差动画的终端 |
CN106730842A (zh) * | 2016-11-23 | 2017-05-31 | 网易(杭州)网络有限公司 | 一种游戏动画显示方法和装置 |
US11922006B2 (en) | 2018-06-03 | 2024-03-05 | Apple Inc. | Media control for screensavers on an electronic device |
KR102392716B1 (ko) * | 2019-10-23 | 2022-04-29 | 구글 엘엘씨 | 뷰포인트 위치에 기초하는 콘텐츠 애니메이션 커스터마이제이션 |
US11435875B2 (en) * | 2020-09-08 | 2022-09-06 | Dell Products L.P. | Static dynamic on screen display menu |
CN113300940B (zh) * | 2021-05-19 | 2023-06-23 | 百果园技术(新加坡)有限公司 | 消息显示方法、装置、终端设备及存储介质 |
CN114610217A (zh) * | 2022-03-24 | 2022-06-10 | 闪耀现实(无锡)科技有限公司 | 用于显示视图的方法、装置和头戴显示设备 |
Family Cites Families (53)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5860073A (en) * | 1995-07-17 | 1999-01-12 | Microsoft Corporation | Style sheets for publishing system |
US7082398B1 (en) * | 1996-01-16 | 2006-07-25 | The Nasdaq Stock Market, Inc. | Media wall for displaying financial information |
KR100400208B1 (ko) * | 1996-10-31 | 2003-12-31 | 삼성전자주식회사 | 실영상을배경으로하는비디오게임에서다단계배경화면생성장치 |
KR19980031876U (ko) * | 1996-11-28 | 1998-08-17 | 진갑 | 자동차용 시트 자동 이탈장치 |
US5874961A (en) * | 1997-03-19 | 1999-02-23 | International Business Machines Corporation | Scroll bar amplification apparatus and method |
JP4416846B2 (ja) * | 1997-08-22 | 2010-02-17 | ソニー株式会社 | メニュー制御用データを記録したコンピュータ読み取り可能な記録媒体ならびにメニュー制御方法および装置 |
US6157381A (en) * | 1997-11-18 | 2000-12-05 | International Business Machines Corporation | Computer system, user interface component and method utilizing non-linear scroll bar |
ATE413062T1 (de) | 2000-08-14 | 2008-11-15 | Media Partners Dba Americast | Anzeigen von werbung in einer interaktiven programmzeitschrift |
US6972776B2 (en) * | 2001-03-20 | 2005-12-06 | Agilent Technologies, Inc. | Scrolling method using screen pointing device |
US6957389B2 (en) * | 2001-04-09 | 2005-10-18 | Microsoft Corp. | Animation on-object user interface |
US7032181B1 (en) * | 2002-06-18 | 2006-04-18 | Good Technology, Inc. | Optimized user interface for small screen devices |
US7636755B2 (en) * | 2002-11-21 | 2009-12-22 | Aol Llc | Multiple avatar personalities |
US20060174214A1 (en) * | 2003-08-13 | 2006-08-03 | Mckee Timothy P | System and method for navigation of content in multiple display regions |
US7698654B2 (en) | 2004-01-05 | 2010-04-13 | Microsoft Corporation | Systems and methods for co-axial navigation of a user interface |
US7724242B2 (en) * | 2004-08-06 | 2010-05-25 | Touchtable, Inc. | Touch driven method and apparatus to integrate and display multiple image layers forming alternate depictions of same subject matter |
US20060053048A1 (en) * | 2004-09-03 | 2006-03-09 | Whenu.Com | Techniques for remotely delivering shaped display presentations such as advertisements to computing platforms over information communications networks |
US8001476B2 (en) * | 2004-11-16 | 2011-08-16 | Open Text Inc. | Cellular user interface |
US7428709B2 (en) | 2005-04-13 | 2008-09-23 | Apple Inc. | Multiple-panel scrolling |
KR100811160B1 (ko) * | 2005-06-02 | 2008-03-07 | 삼성전자주식회사 | 사용자명령을 3차원적으로 입력가능한 전자장치 |
WO2007017784A2 (en) * | 2005-08-09 | 2007-02-15 | Koninklijke Philips Electronics N.V. | Scroll method with contextual scroll rate and feedback |
FR2890516A1 (fr) * | 2005-09-08 | 2007-03-09 | Thomson Licensing Sas | Procede de selection d'un bouton dans une barre graphique, et recepteur mettant en oeuvre le procede |
US7690997B2 (en) * | 2005-10-14 | 2010-04-06 | Leviathan Entertainment, Llc | Virtual environment with formalized inter-character relationships |
US7958456B2 (en) * | 2005-12-23 | 2011-06-07 | Apple Inc. | Scrolling list with floating adjacent index symbols |
KR100792295B1 (ko) * | 2005-12-29 | 2008-01-07 | 삼성전자주식회사 | 컨텐츠 네비게이션 방법 및 그 컨텐츠 네비게이션 장치 |
US8001487B2 (en) * | 2006-04-12 | 2011-08-16 | Laas & Sonder Pty Ltd | Method and system for organizing and displaying data |
US8296684B2 (en) | 2008-05-23 | 2012-10-23 | Hewlett-Packard Development Company, L.P. | Navigating among activities in a computing device |
US20090125836A1 (en) * | 2006-04-20 | 2009-05-14 | Akihiro Yamamoto | Image output device |
US20070294635A1 (en) * | 2006-06-15 | 2007-12-20 | Microsoft Corporation | Linked scrolling of side-by-side content |
US20080016471A1 (en) | 2006-07-14 | 2008-01-17 | Samsung Electronics Co., Ltd. | Electronic device for providing 3D user interface and method of providing a 3D user interface |
JP4775179B2 (ja) * | 2006-08-28 | 2011-09-21 | ソニー株式会社 | 表示のスクロール方法、表示装置および表示プログラム |
US8113951B2 (en) * | 2006-11-15 | 2012-02-14 | Microsoft Corporation | Achievement incentives within a console-based gaming environment |
US8214768B2 (en) * | 2007-01-05 | 2012-07-03 | Apple Inc. | Method, system, and graphical user interface for viewing multiple application windows |
US8689132B2 (en) * | 2007-01-07 | 2014-04-01 | Apple Inc. | Portable electronic device, method, and graphical user interface for displaying electronic documents and lists |
US7779360B1 (en) * | 2007-04-10 | 2010-08-17 | Google Inc. | Map user interface |
US8171432B2 (en) * | 2008-01-06 | 2012-05-01 | Apple Inc. | Touch screen device, method, and graphical user interface for displaying and selecting application options |
US9772751B2 (en) * | 2007-06-29 | 2017-09-26 | Apple Inc. | Using gestures to slide between user interfaces |
US8127246B2 (en) * | 2007-10-01 | 2012-02-28 | Apple Inc. | Varying user interface element based on movement |
US8245155B2 (en) * | 2007-11-29 | 2012-08-14 | Sony Corporation | Computer implemented display, graphical user interface, design and method including scrolling features |
EP2469399B1 (en) | 2008-02-11 | 2019-09-11 | Idean Enterprises Oy | Layer-based user interface |
US8446414B2 (en) * | 2008-07-14 | 2013-05-21 | Microsoft Corporation | Programming APIS for an extensible avatar system |
US8384719B2 (en) * | 2008-08-01 | 2013-02-26 | Microsoft Corporation | Avatar items and animations |
US8352864B2 (en) * | 2008-09-19 | 2013-01-08 | Cisco Technology, Inc. | Method of operating a design generator for personalization of electronic devices |
US8701040B2 (en) | 2008-09-29 | 2014-04-15 | Microsoft Corporation | Panoramic graphical user interface |
US20100107100A1 (en) * | 2008-10-23 | 2010-04-29 | Schneekloth Jason S | Mobile Device Style Abstraction |
US8315672B2 (en) * | 2008-12-01 | 2012-11-20 | Research In Motion Limited | Portable electronic device and method of controlling same |
US8610673B2 (en) * | 2008-12-03 | 2013-12-17 | Microsoft Corporation | Manipulation of list on a multi-touch display |
US8365091B2 (en) * | 2009-01-06 | 2013-01-29 | Microsoft Corporation | Non-uniform scrolling |
US20110087963A1 (en) * | 2009-10-09 | 2011-04-14 | At&T Mobility Ii Llc | User Interface Control with Edge Finger and Motion Sensing |
US9104275B2 (en) * | 2009-10-20 | 2015-08-11 | Lg Electronics Inc. | Mobile terminal to display an object on a perceived 3D space |
US9417787B2 (en) * | 2010-02-12 | 2016-08-16 | Microsoft Technology Licensing, Llc | Distortion effects to indicate location in a movable data collection |
US20110199318A1 (en) * | 2010-02-12 | 2011-08-18 | Microsoft Corporation | Multi-layer user interface with flexible parallel movement |
KR20120063092A (ko) * | 2010-12-07 | 2012-06-15 | 삼성전자주식회사 | 모스트 뷰 개선 장치 및 방법 |
AU2011202182B1 (en) * | 2011-05-11 | 2011-10-13 | Frequency Ip Holdings, Llc | Creation and presentation of selective digital content feeds |
-
2010
- 2010-06-25 US US12/824,049 patent/US8473860B2/en active Active
-
2011
- 2011-02-11 JP JP2012553056A patent/JP5726909B2/ja active Active
- 2011-02-11 WO PCT/US2011/024639 patent/WO2011100623A2/en active Application Filing
- 2011-02-11 KR KR1020127021102A patent/KR101785748B1/ko active IP Right Grant
- 2011-02-11 CA CA2787626A patent/CA2787626C/en active Active
- 2011-02-11 CN CN201180009220.5A patent/CN102782633B/zh active Active
- 2011-02-11 AU AU2011215654A patent/AU2011215654B2/en active Active
- 2011-02-11 EP EP11742918.3A patent/EP2534567B1/en active Active
-
2013
- 2013-05-24 US US13/902,584 patent/US20130263052A1/en not_active Abandoned
Also Published As
Publication number | Publication date |
---|---|
US20130263052A1 (en) | 2013-10-03 |
KR101785748B1 (ko) | 2017-11-06 |
WO2011100623A3 (en) | 2011-11-10 |
AU2011215654A1 (en) | 2012-08-09 |
WO2011100623A2 (en) | 2011-08-18 |
AU2011215654B2 (en) | 2014-04-24 |
CA2787626A1 (en) | 2011-08-18 |
EP2534567A2 (en) | 2012-12-19 |
JP2013519953A (ja) | 2013-05-30 |
US20110202837A1 (en) | 2011-08-18 |
EP2534567B1 (en) | 2017-09-20 |
CA2787626C (en) | 2018-05-29 |
CN102782633B (zh) | 2015-05-20 |
KR20120125296A (ko) | 2012-11-14 |
CN102782633A (zh) | 2012-11-14 |
US8473860B2 (en) | 2013-06-25 |
EP2534567A4 (en) | 2013-11-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP5726909B2 (ja) | 柔軟な平行移動及び垂直移動を備えたマルチレイヤーユーザーインターフェース | |
JP5726908B2 (ja) | 柔軟な平行移動を備えたマルチレイヤーユーザーインターフェース | |
US9417787B2 (en) | Distortion effects to indicate location in a movable data collection | |
US9898180B2 (en) | Flexible touch-based scrolling | |
KR102042169B1 (ko) | 컨텐츠를 표시하는 사용자 단말 장치 및 그 방법 | |
US9939992B2 (en) | Methods and systems for navigating a list with gestures | |
KR102027612B1 (ko) | 애플리케이션의 썸네일-이미지 선택 기법 | |
US9208698B2 (en) | Device, method, and graphical user interface for manipulating a three-dimensional map view based on a device orientation | |
US9633412B2 (en) | Method of adjusting screen magnification of electronic device, machine-readable storage medium, and electronic device | |
KR20090070491A (ko) | 터치스크린을 이용한 화면 제어 장치 및 방법 | |
BR102014006171A2 (pt) | Dispositivo eletrônico e método para controlar exibição de tela usando temperatura e umidade | |
US9552067B2 (en) | Gesture interpretation in navigable zoom mode | |
EP2715503A1 (en) | Multi-application environment | |
KR20150033844A (ko) | 윈도우 제어 방법 및 이를 지원하는 전자장치 | |
US20120284668A1 (en) | Systems and methods for interface management | |
CN108292187B (zh) | 上下文命令栏 | |
KR102371098B1 (ko) | 오브젝트를 편집 가능한 형태로 전체 화면 팝 아웃하는 기법 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20140109 |
|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20140109 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20141128 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20141205 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20150108 |
|
TRDD | Decision of grant or rejection written | ||
A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20150303 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20150401 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 5726909 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
S111 | Request for change of ownership or part of ownership |
Free format text: JAPANESE INTERMEDIATE CODE: R313113 |
|
R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |