JP2013519953A5

JP2013519953A5 -

Info

Publication number: JP2013519953A5
Application number: JP2012553056A
Authority: JP
Filing date: 2011-02-11
Publication date: 2014-02-27
Anticipated expiration: 2031-02-11

Claims

コンピューターシステムにおいて、
少なくとも第１、第２及び第３のレイヤーを含むグラフィカルユーザーインターフェースを表示するステップであって、前記第３のレイヤーはコンテンツのカテゴリーを記述し、前記第２のレイヤーはコンテンツのサブカテゴリーを記述し、前記第１のレイヤーは前記コンテンツのサブカテゴリー内に含まれるコンテンツ項目を含み、前記第１のレイヤーにおける視覚情報の第１の部分がタッチスクリーンの表示領域内にあり、前記第１のレイヤーは第１の方向と実質的に直交する第２の方向に移動するように動作可能なセクション及び前記セクションの端部における第１のレイヤーのロックポイントを含む、ステップと、
前記タッチスクリーン上での第１のジェスチャーに対応する第１のユーザー入力を受け取るステップと、
前記第１のユーザー入力に少なくとも部分的に基づいて第１の動きを計算するステップであって、前記第１の動きは、前記第１のレイヤーにおける視覚情報の第２の部分が前記表示領域の外にある最初の第１のレイヤーの位置から、前記第１のレイヤーにおける視覚情報の前記第２の部分が前記表示領域内にある現在の第１のレイヤーの位置への、前記第１のレイヤーの動きを含み、前記第１の動きは第１の移動速度で第１の方向にある、ステップと、
前記第１のユーザー入力に少なくとも部分的に基づいて前記第１の動きと実質的に平行な第２の動きを計算するステップであって、前記第２の動きは最初の第２のレイヤーの位置から現在の第２のレイヤーの位置への前記第２のレイヤーにおける視覚情報の動きを含み、前記第２の動きは第２の移動速度で前記第１の方向にあり、前記第２のレイヤーは第２のレイヤーのロックポイントを含む、ステップと、
前記第１のユーザー入力に少なくとも部分的に基づいて前記第１の動き及び前記第２の動きと実質的に平行な第３の動きを計算するステップであって、前記第３の動きは最初の第３のレイヤーの位置から現在の第３のレイヤーの位置への前記第３のレイヤーにおける視覚情報の動きを含み、前記第３の動きは第３の移動速度で前記第１の方向にあり、前記第３のレイヤーは第３のレイヤーのロックポイントを含み、前記第１の移動速度は前記第２の移動速度及び前記第３の移動速度のうちの少なくとも１つとは異なる、ステップと、
前記ロックポイント及び前記現在の第１のレイヤーの位置に少なくとも部分的に基づいてロッキングアニメーションを実行するステップであって、前記ロッキングアニメーションは、前記第１、第２及び第３のレイヤーを、それぞれの現在の位置から、レイヤーが移動を停止したロッキングアニメーション後の位置へと移動させることを含み、前記セクションの端部は前記表示領域の対応する端部と整列される、ステップと、
前記タッチスクリーン上での第２のジェスチャーに対応する第２のユーザー入力を受け取るステップと、
前記実行されたロッキングアニメーションの結果として前記表示領域内にある前記第１のレイヤーにおける視覚情報の前記第２の部分における視覚情報の実質的に垂直なセクションの動きを計算するステップであって、前記動きは前記第２のユーザー入力に少なくとも部分的に基づいて前記第１、第２及び第３のレイヤーにおける他の視覚情報から独立しており、前記実質的に垂直なセクションの動きは最初のセクションの位置から現在のセクションの位置への前記第１のレイヤーにおける視覚情報の前記第２の部分における視覚情報の動きを含む、ステップと
を含む方法。
前記第１のジェスチャーはジェスチャーの移動速度を有し、前記第１の移動速度は前記ジェスチャーの移動速度に基づく請求項１に記載の方法。
前記第１の移動速度は前記ジェスチャーの移動速度に実質的に等しい請求項２に記載の方法。
前記第１の動きを計算するステップは、前記最初の第１のレイヤーの位置、前記第１の方向及び前記第１のジェスチャーの速度に少なくとも部分的に基づいて前記現在の第１のレイヤーの位置を計算するステップを含み、前記第２の動きを計算するステップは、前記計算された現在の第１のレイヤーの位置に少なくとも部分的に基づいて前記現在の第２のレイヤーの位置を計算するステップを含む請求項１に記載の方法。
前記第１のジェスチャーによって示される方向は前記第１の方向とは異なり、前記第１のジェスチャーによって示される方向は斜め方向であり、前記第１の方向は水平方向である請求項１に記載の方法。
前記第１の移動速度は前記第２の移動速度より大きい請求項１に記載の方法。
前記第２のレイヤーが前記最初の第２のレイヤーの位置にある場合には前記第２のレイヤーにおける視覚情報の一部は前記表示領域の外にあり、前記第２のレイヤーが前記現在の第２のレイヤーの位置にある場合には前記第２のレイヤーにおける前記視覚情報の一部は前記表示領域内にある請求項１に記載の方法。
前記グラフィカルユーザーインターフェースは背景レイヤーをさらに含み、前記第１のレイヤーはコンテンツレイヤーであり、前記第２のレイヤーは前記表示領域において前記コンテンツレイヤーの上のセクションヘッダーレイヤーであり、前記第３のレイヤーは前記表示領域において前記セクションヘッダーレイヤーの上のタイトルレイヤーであり、前記コンテンツレイヤー、前記セクションヘッダーレイヤー及び前記タイトルレイヤーは前記背景レイヤーと重なり、前記第２の移動速度及び前記第３の移動速度は前記タイトルレイヤーの長さと前記セクションヘッダーレイヤーの長さとの間の差に比例して異なる請求項１に記載の方法。
前記第１の方向は水平方向であり、前記第２の方向は垂直方向である請求項１に記載の方法。
前記セクションが垂直方向にスクロール可能な要素である請求項９に記載の方法。
前記第２のジェスチャーの方向が前記垂直方向とは異なり、前記第２のジェスチャーによって示される方向が斜め方向である請求項１０に記載の方法。
前記垂直方向にスクロール可能な要素における垂直なロッキングアニメーションを実行するステップをさらに含み、
前記垂直なロッキングアニメーションは、前記垂直方向にスクロール可能な要素におけるロックポイントが前記表示領域の一部と垂直に合わせられるように、前記垂直方向にスクロール可能な要素を動かすことを含む請求項１０に記載の方法。
前記垂直方向にスクロール可能な要素は項目のリストであり、前記ロックポイントは前記リスト内の項目に関連付けられる請求項１２に記載の方法。
前記項目のリストはリンクのリストであり、前記ロックポイントは前記リスト内のリンクに関連付けられる請求項１３に記載の方法。
前記実質的に垂直なセクションの動きを計算するステップは、
前記最初のセクションの位置及び前記第２のジェスチャーの速度に少なくとも部分的に基づいて前記現在のセクションの位置を計算するステップを含む請求項１に記載の方法。
前記他の視覚情報は前記セクションにおいて前記視覚情報と前記第１の方向及び前記第２の方向で隣接し、前記セクションが前記最初のセクションの位置にある場合には前記セクションにおける視覚情報の一部は前記表示領域の外にあり、前記セクションが前記現在のセクションの位置にある場合には前記セクションにおける前記視覚情報の一部は前記表示領域内にある請求項１に記載の方法。
前記タッチスクリーンを備える携帯電話上での表示のために前記第１の動き、前記第２の動き及び前記実質的に垂直なセクションの動きをレンダリングするステップをさらに含む請求項１に記載の方法。
１つ又は複数のプロセッサーと、
表示領域を有するタッチスクリーンと、
コンテンツレイヤー、セクションヘッダーレイヤー、及びタイトルレイヤーを含むグラフィカルユーザーインターフェースを表示するステップであって、各レイヤーは、それぞれのレイヤーにおける視覚情報の少なくとも第１及び第２の部分を含み、それぞれのレイヤーにおける視覚情報の前記第１の部分は表示領域にあり、それぞれのレイヤーにおける視覚情報の前記第２の部分は前記表示領域の外にあり、前記コンテンツレイヤーは前記表示領域内にある視覚情報の第１の部分及び前記表示領域の外にある視覚情報の第２の部分を有する少なくとも１つのスクロール可能なセクションを含む、ステップ、
前記タッチスクリーンを介して第１のユーザー入力を受け取るステップ、
前記第１のユーザー入力に少なくとも部分的に基づいてコンテンツレイヤーの動きを計算するステップであって、前記コンテンツレイヤーの動きは、（ａ）前記コンテンツレイヤーにおける視覚情報の前記第２の部分が前記表示領域の外にある最初のコンテンツレイヤーの位置から（ｂ）前記コンテンツレイヤーにおける視覚情報の前記第２の部分が前記表示領域内にある現在のコンテンツレイヤーの位置への前記コンテンツレイヤーの動きを含み、前記コンテンツレイヤーは前記スクロール可能なセクションの端部においてコンテンツレイヤーロックポイントをさらに含む、ステップ、
（ａ）から（ｂ）への動きをアニメートするステップであって、前記コンテンツレイヤーの動きはコンテンツレイヤーの移動速度で第１の方向にある、ステップ、
前記第１のユーザー入力に少なくとも部分的に基づいてセクションヘッダーレイヤーの動きを計算するステップであって、前記セクションヘッダーレイヤーの動きは、（ｃ）前記セクションヘッダーレイヤーにおける視覚情報の前記第２の部分が前記表示領域の外にある最初のセクションヘッダーレイヤーの位置から（ｄ）前記セクションヘッダーレイヤーにおける視覚情報の前記第２の部分が前記表示領域内にある現在のセクションヘッダーレイヤーの位置への前記セクションヘッダーレイヤーの動きを含み、前記セクションヘッダーレイヤーは、セクションヘッダーと、前記セクションヘッダーの端部におけるセクションヘッダーレイヤーロックポイントとを含む、ステップ、
（ｃ）から（ｄ）への動きをアニメートするステップであって、前記セクションヘッダーレイヤーの動きはセクションヘッダーレイヤーの移動速度で前記第１の方向にある、ステップ、
前記第１のユーザー入力に少なくとも部分的に基づいてタイトルレイヤーの動きを計算するステップであって、前記タイトルレイヤーの動きは、（ｅ）前記タイトルレイヤーにおける視覚情報の前記第２の部分が前記表示領域の外にある最初のタイトルレイヤーの位置から（ｆ）前記タイトルレイヤーにおける視覚情報の前記第２の部分が前記表示領域内にある現在のタイトルレイヤーの位置への前記タイトルレイヤーの動きを含み、前記タイトルレイヤーは、タイトルと、前記タイトルの端部におけるタイトルレイヤーロックポイントとを含む、ステップ、
（ｅ）から（ｆ）への動きをアニメートするステップであって、前記タイトルレイヤーの動きはタイトルレイヤーの移動速度で前記第１の方向にある、ステップ、
前記ロックポイント及び前記現在のコンテンツレイヤーの位置に少なくとも部分的に基づいてロッキングアニメーションを実行するステップであって、前記ロッキングアニメーションは、前記コンテンツレイヤー、前記セクションヘッダーレイヤー及び前記タイトルレイヤーを、それぞれの現在の位置から、それぞれのレイヤーが移動を停止したロッキングアニメーション後の位置へと移動させることを含み、前記スクロール可能なセクションの端部、前記セクションヘッダーの端部及び前記タイトルの端部は、前記表示領域の対応する端部と整列される、ステップ、
前記タッチスクリーンを介して第２のユーザー入力を受け取るステップ、
前記第２のユーザー入力に少なくとも部分的に基づいて、前記コンテンツレイヤーにおける他の視覚情報から独立した前記コンテンツレイヤーの前記スクロール可能なセクションにおける視覚情報のスクロール可能なセクションの動きを計算するステップであって、前記スクロール可能なセクションの動きは、（ｇ）前記スクロール可能なセクションにおける視覚情報の前記第２の部分が前記表示領域の外にある最初のスクロール可能なセクションの位置から（ｈ）前記スクロール可能なセクションにおける視覚情報の前記第２の部分が前記表示領域内にある現在のスクロール可能なセクションの位置への前記スクロール可能なセクションにおける視覚情報の動きを含む、ステップ、並びに、
（ｇ）から（ｈ）への動きをアニメートするステップであって、前記スクロール可能なセクションの動きは第２の方向である、ステップ
を含む方法を実行するためのコンピューター実行可能な命令を格納する１つ又は複数のコンピューター読み取り可能な記憶媒体と
を具備し、
前記タイトルレイヤーの移動速度は前記コンテンツレイヤーの移動速度及び前記セクションヘッダーレイヤーの移動速度とは異なり、前記コンテンツレイヤー、前記セクションヘッダーレイヤー及び前記タイトルレイヤーは互いに実質的に平行であり、互いに対して重ならない、コンピューティングデバイス。
前記第１のユーザー入力が前記タッチスクリーン上の第１のジェスチャーに対応し、前記第２のユーザー入力が前記タッチスクリーン上の第２のジェスチャーに対応する請求項１８に記載のコンピューティングデバイス。
タッチスクリーン上でのジェスチャーを介してユーザー入力を受け取るように動作可能なタッチスクリーン上にグラフィカルユーザーインターフェースを表示するステップであって、前記グラフィカルユーザーインターフェースは、コンテンツレイヤー、セクションヘッダーレイヤー、タイトルレイヤー及び背景レイヤーを含み、各レイヤーはそれぞれのレイヤーにおける視覚情報の少なくとも第１及び第２の部分を含み、それぞれのレイヤーにおける視覚情報の前記第１の部分は前記タッチスクリーンの表示領域にあり、それぞれのレイヤーにおける視覚情報の前記第２の部分は前記表示領域の外にあり、前記コンテンツレイヤーは前記表示領域内にある視覚情報の第１の部分及び前記表示領域の外にある視覚情報の第２の部分を有する少なくとも１つのスクロール可能なセクションを含む、ステップと、
前記タッチスクリーン上のジェスチャーに対応する第１のユーザー入力を受け取るステップと、
前記第１のユーザー入力に少なくとも部分的に基づいてコンテンツレイヤーの動きを計算するステップであって、前記コンテンツレイヤーの動きは、（ａ）前記コンテンツレイヤーにおける視覚情報の前記第２の部分が前記表示領域の外にある最初のコンテンツレイヤーの位置から（ｂ）前記コンテンツレイヤーにおける視覚情報の前記第２の部分が前記表示領域内にある現在のコンテンツレイヤーの位置への前記コンテンツレイヤーの動きを含み、前記コンテンツレイヤーは前記スクロール可能なセクションの端部においてコンテンツレイヤーロックポイントをさらに含む、ステップと、
（ａ）から（ｂ）への動きをアニメートするステップであって、前記コンテンツレイヤーの動きはコンテンツレイヤーの移動速度で第１の方向にある、ステップと、
前記第１のユーザー入力に少なくとも部分的に基づいてセクションヘッダーレイヤーの動きを計算するステップであって、前記セクションヘッダーレイヤーの動きは、（ｃ）前記セクションヘッダーレイヤーにおける視覚情報の前記第２の部分が前記表示領域の外にある最初のセクションヘッダーレイヤーの位置から（ｄ）前記セクションヘッダーレイヤーにおける視覚情報の前記第２の部分が前記表示領域内にある現在のセクションヘッダーレイヤーの位置への前記セクションヘッダーレイヤーの動きを含み、前記セクションヘッダーレイヤーは、セクションヘッダーと、前記セクションヘッダーの端部におけるセクションヘッダーレイヤーロックポイントとをさらに含む、ステップと、
（ｃ）から（ｄ）への動きをアニメートするステップであって、前記セクションヘッダーレイヤーの動きはセクションヘッダーレイヤーの移動速度で前記第１の方向にある、ステップと、
前記第１のユーザー入力に少なくとも部分的に基づいてタイトルレイヤーの動きを計算するステップであって、前記タイトルレイヤーの動きは、（ｅ）前記タイトルレイヤーにおける視覚情報の前記第２の部分が前記表示領域の外にある最初のタイトルレイヤーの位置から（ｆ）前記タイトルレイヤーにおける視覚情報の前記第２の部分が前記表示領域内にある現在のタイトルレイヤーの位置への前記タイトルレイヤーの動きを含み、前記タイトルレイヤーは、タイトルと、前記タイトルの端部におけるタイトルレイヤーロックポイントとをさらに含む、ステップと、
（ｅ）から（ｆ）への動きをアニメートするステップであって、前記タイトルレイヤーの動きはタイトルレイヤーの移動速度で前記第１の方向にある、ステップと、
前記第１のユーザー入力に少なくとも部分的に基づいて背景レイヤーの動きを計算するステップであって、前記背景レイヤーの動きは、（ｇ）前記背景レイヤーにおける視覚情報の前記第２の部分が前記表示領域の外にある最初の背景レイヤーの位置から（ｈ）前記背景レイヤーにおける視覚情報の前記第２の部分が前記表示領域内にある現在の背景レイヤーの位置への前記背景レイヤーの動きを含む、ステップと、
（ｇ）から（ｈ）への動きをアニメートするステップであって、前記背景レイヤーの動きは背景レイヤーの移動速度で前記第１の方向にある、ステップと、
前記ロックポイント及び前記現在のコンテンツレイヤーの位置に少なくとも部分的に基づいてロッキングアニメーションを実行するステップであって、前記ロッキングアニメーションは、前記コンテンツレイヤー、前記セクションヘッダーレイヤー及び前記タイトルレイヤーを、それぞれの現在の位置から、それぞれのレイヤーが移動を停止したロッキングアニメーション後の位置へと移動させることを含み、前記スクロール可能なセクションの端部、前記セクションヘッダーの端部及び前記タイトルの端部は、前記表示領域の対応する端部と整列される、ステップと、
前記タッチスクリーン上の第２のジェスチャーに対応する第２のユーザー入力を受け取るステップと、
前記第２のユーザー入力に少なくとも部分的に基づいて、前記コンテンツレイヤーにおける他の視覚情報から独立した前記コンテンツレイヤーの前記スクロール可能なセクションにおける視覚情報のスクロール可能なセクションの動きを計算するステップであって、前記スクロール可能なセクションの動きは、（ｉ）前記スクロール可能なセクションにおける視覚情報の前記第２の部分が前記表示領域の外にある最初のスクロール可能なセクションの位置から（ｊ）前記スクロール可能なセクションにおける視覚情報の前記第２の部分が前記表示領域内にある現在のスクロール可能なセクションの位置への前記スクロール可能なセクションにおける視覚情報の動きを含む、ステップと、
（ｉ）から（ｊ）への動きをアニメートするステップであって、前記スクロール可能なセクションの動きは第２の方向である、ステップと
を含む方法であって、
前記コンテンツレイヤーの移動速度は前記セクションヘッダーレイヤーの移動速度と等しく、前記タイトルレイヤーの移動速度は前記コンテンツレイヤーの移動速度及び前記セクションヘッダーレイヤーの移動速度とは異なり、前記コンテンツレイヤー、前記セクションヘッダーレイヤー及び前記タイトルレイヤーは互いに実質的に平行であり、互いに対して重ならず、前記コンテンツレイヤー、前記セクションヘッダーレイヤー及び前記タイトルレイヤーの各々は前記背景レイヤーと重なる、方法を実行するためのコンピューター実行可能な命令を格納する１つ又は複数のコンピューターメモリーデバイス。