JP6563522B2 - コンテンツ表示制御方法及びコンテンツ表示制御方法を行うユーザ端末 - Google Patents

コンテンツ表示制御方法及びコンテンツ表示制御方法を行うユーザ端末 Download PDF

Info

Publication number
JP6563522B2
JP6563522B2 JP2017559393A JP2017559393A JP6563522B2 JP 6563522 B2 JP6563522 B2 JP 6563522B2 JP 2017559393 A JP2017559393 A JP 2017559393A JP 2017559393 A JP2017559393 A JP 2017559393A JP 6563522 B2 JP6563522 B2 JP 6563522B2
Authority
JP
Japan
Prior art keywords
content
screen
text
scrolling
control condition
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
Application number
JP2017559393A
Other languages
English (en)
Other versions
JP2018514880A (ja
Inventor
コ、スンヒュン
リー、スルアー
キム、ヤンスー
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Kakao Corp
Original Assignee
Kakao Corp
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Kakao Corp filed Critical Kakao Corp
Publication of JP2018514880A publication Critical patent/JP2018514880A/ja
Application granted granted Critical
Publication of JP6563522B2 publication Critical patent/JP6563522B2/ja
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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/04883Interaction 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

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)

Description

本発明は、コンテンツ表示制御方法及び前記方法を行うユーザ端末に関し、より詳しくは、ユーザのスクロールに応じて画面に表示されるコンテンツを多様に制御する方法及び装置に関する。
ユーザは、インターネットを介してウェブページのような多数の文書にアクセスして必要な情報を取得する。ここで、文書は、イメージ、動画、グラフのようなマルチメディア形態のコンテンツを含む場合もあり、このようなコンテンツを説明するテキストを含む場合もある。
しかし、ディスプレイが表示する画面のサイズには制限があるため、文書の全領域が一度に表示されないこともある。特に、文書を介して表現しようとする内容が多い場合、文書の長さはディスプレイの縦長さよりも長い場合も多くある。
この場合、ディスプレイの縦長さによって、コンテンツとコンテンツを説明するテキストが画面に一度に表示されないこともある。すると、ユーザは、スクロールを上側に入力したり、又は下側に入力したりしながらコンテンツとテキストを確認しなけるとならない不便がある。
その理由は、文書に含まれたコンテンツとコンテンツを説明しているテキストを線形的にスクロールしなけるとならないため、ユーザは文書でマルチメディア形態のコンテンツとコンテンツを説明しているテキストを確認するため繰り返しスクロールしなけるとならないためである。また、ユーザが繰り返しスクロールしても画面で同時にコンテンツとテキストを表示できない場合が発生する。
本発明は、ユーザのスクロールに応じてテキストに対応するコンテンツを画面の特定領域に固定することで、コンテンツとテキストを共に見ることができる方法及び装置を提供する。
本発明は、テキストとテキストに対応するコンテンツが存在する場合、ユーザがスクロールしながらテキストを全て読むまでコンテンツを画面に固定し、テキストを全て読み終わると自動で画面から固定解除してスクロールに応じて消えるようにすることで、互いに関連のあるコンテンツとテキストを画面で共に表示できる方法及び装置を提供する。
本発明は、ユーザのスクロールに応じて画面に表示されたテキストが画面に固定されたコンテンツが関係のない場合、コンテンツを固定解除してテキストに関する他のコンテンツを表示することで、ユーザが現在見ている画面で互いに関連のあるコンテンツとテキストを共に確認することのできる方法及び装置を提供する。
本発明の一実施形態に係るユーザ端末が行うコンテンツ表示制御方法は、ユーザ端末の画面に対するスクロールによってコンテンツが第1制御条件を満足するか否かを判断するステップと、前記第1制御条件を満足する場合、前記コンテンツを画面に固定するステップと、前記コンテンツが画面に固定された後、画面に対するスクロールに応じて前記コンテンツに対応するテキストを移動させるステップと、前記テキストの移動により前記コンテンツに対応するテキストが第2制御条件を満足するか否かを判断するステップと、前記第2制御条件を満足する場合、前記コンテンツに対して固定解除するステップとを含む。
前記固定解除するステップは、画面に追加的なスクロールが入力された場合、ると画面でコンテンツが表示される領域を減少させるか、又はコンテンツが画面から自動で消えるように表示し得る。
前記コンテンツに対応するテキストは、前記文書に含まれた少なくとも1つのコンテンツと少なくとも1つのテキストを分析することによって得られた、前記コンテンツに関するテキストであり得る。
前記第1制御条件を満足するか否かを判断するステップは、前記画面に対するスクロールに応じてコンテンツの開始部分が画面の第1特定領域に位置する場合に、前記コンテンツが第1制御条件を満足すると判断し、前記第2制御条件を満足するか否かを判断するステップは、前記コンテンツが画面に固定された後、追加的に入力された画面に対するスクロールに応じてコンテンツに対応するテキストの最後部分が画面の第2特定領域に位置する場合に、前記コンテンツが第2制御条件を満足すると判断し得る。
前記第1制御条件を満足するか否かを判断するステップは、前記画面に対するスクロールに応じてコンテンツに対応するテキストの開始部分が画面の第1特定領域に位置する場合に、前記コンテンツが第1制御条件を満足すると判断し、前記第2制御条件を満足するか否かを判断するステップは、前記コンテンツが画面に固定された後、追加的に入力された画面に対するスクロールに応じてコンテンツに対応するテキストの最後部分が画面の第2特定領域に位置する場合に、前記コンテンツが第2制御条件が満足されると判断し得る。
前記第1制御条件を満足するか否かを判断するステップは、前記コンテンツに対応するテキストに表示されたコンテンツのリンクが選択された場合に、前記コンテンツが第1制御条件を満足すると判断し、前記第2制御条件を満足するか否かを判断するステップは、前記コンテンツが画面に固定された後、追加的に入力された画面に対するスクロールに応じてコンテンツに対応するテキストの最後部分が画面の特定領域に位置する場合に、前記コンテンツが第2制御条件を満足すると判断し得る。
前記第1制御条件を満足するか否かを判断するステップは、第1テキストの最後部分が第2テキストに対応するコンテンツの最後部分と一致する場合に、前記コンテンツが第1制御条件を満足すると判断し、前記第1制御条件を満足すか否かを判断するステップは、前記画面に対する追加的なスクロールに応じて第1テキストと空白領域だけ離れた第2テキストの開始部分が第2テキストに対応するコンテンツの開始部分と一致する場合に、前記コンテンツが第2制御条件を満足すると判断し得る。
前記コンテンツを画面に固定するステップは、前記コンテンツの表現形態を変更するか、又は前記コンテンツに対応するテキストでコンテンツに関する部分をハイライトし得る。
前記コンテンツを画面に固定するステップは、前記コンテンツが第2制御条件を満足するまで追加的に入力されたスクロールに応じてコンテンツに対応するテキストを、前記コンテンツを被覆しないように表示し得る。
本発明の他の実施形態に係るユーザ端末が行うコンテンツ表示制御方法は、文書に含まれた少なくとも1つのコンテンツとテキストを識別するステップと、前記コンテンツに対応するタグを文書のコードに追加するステップと、前記タグにコンテンツの固定に関するスタイルを設定するステップと、前記ユーザ端末の画面に発生するスクロールを測定してスクロール値を決定するステップと、前記決定されたスクロール値と前記文書で識別されたコンテンツの長さに対応する位置を比較して、前記タグに対応するコンテンツを決定するステップと、前記タグに対応するコンテンツを前記ユーザ端末の画面に固定するステップと、前記コンテンツが固定された後に前記スクロール値が変更することによって画面に固定されたコンテンツの長さを決定するステップと、前記コンテンツの長さを考慮して前記コンテンツを画面から固定解除するステップとを含む。
前記コンテンツを固定するステップは、前記コンテンツが固定解除されるまで追加的に入力されたスクロールに応じてテキストを、固定された前記コンテンツを被覆しないように表示し得る。
前記コンテンツを固定するステップは、前記コンテンツの表現形態を変更するか、又は前記コンテンツに対応するテキストでコンテンツに関する部分をハイライトし得る。
前記スクロール値は画面の端部でスクロールがどれ程進行されたかを示し、前記コンテンツの長さは、前記コンテンツの長さに対応する位置で前記スクロール値を除くことによって決定し得る。
本発明の一実施形態に係るユーザ端末は、画面に対するスクロールに応じてコンテンツが第1制御条件を満足するか、又は第2制御条件を満足するか否かを判断するプロセッサと、前記プロセッサの命令に応じてコンテンツを画面に固定したり、又は画面から固定解除するディスプレイとを含み、前記プロセッサは、前記コンテンツが第1制御条件を満足する場合ると、コンテンツを画面に固定する命令をディスプレイに伝達し、前記コンテンツが画面に固定された後、画面に対するスクロールに応じてコンテンツに対応するテキストが移動することで前記コンテンツに対応するテキストが第2制御条件を満足する場合、画面に固定されたコンテンツを固定解除する命令をディスプレイに伝達し得る。
本発明の他の実施形態に係るユーザ端末は、文書に含まれた少なくとも1つのコンテンツとテキストを識別し、前記コンテンツに対応するタグを文書のコードに追加し、前記タグにコンテンツの固定に関するスタイルを設定し、前記ユーザ端末の画面に発生するスクロールを測定してスクロール値を決定し、前記決定されたスクロール値と前記文書で識別されたコンテンツの長さに対応する位置を比較して前記タグに対応するコンテンツを決定し、前記タグに対応するコンテンツをユーザ端末の画面に固定し、前記コンテンツが固定された後に前記スクロール値が変更することによって画面に固定されたコンテンツの長さを決定し、前記コンテンツの長さを考慮して前記コンテンツを画面から固定解除するプロセッサと、前記プロセッサの命令に応じてコンテンツを固定する命令又は固定解除するディスプレイとを含む。
本発明の一実施形態によると、ユーザのスクロールに応じてテキストに対応するコンテンツを画面の特定領域に固定することでコンテンツとテキストを同時に見ることができる。
本発明の一実施形態によると、ユーザのスクロールに応じて画面に表示されたテキストが画面に固定されたコンテンツが関係のない場合、コンテンツを固定解除してテキストに関する他のコンテンツを表示することにより、ユーザに現在見ている画面で互いに関連のあるコンテンツとテキストを同時に確認できるようにする。
本発明の一実施形態によると、テキストとテキストに対応するコンテンツが存在する場合、ユーザがスクロールしながらテキストを全て読むまでコンテンツを画面に固定し、テキストを全て読み終わると自動で画面から固定解除してスクロールに応じて消えるようにすることで、互いに関するコンテンツとテキストを画面で共に表示することができる。
一実施形態に係るコンテンツ表示制御方法を示すフローチャートである。 第1実施形態に係るコンテンツ表示制御方法を示す図である。 第1実施形態に係るコンテンツ表示制御方法を示す図である。 第2実施形態に係るコンテンツ表示制御方法を示す図である。 第3実施形態に係るコンテンツ表示制御方法を示す図である。 第4実施形態に係るコンテンツ表示制御方法を示す図である。 第5実施形態に係るコンテンツ表示制御方法を示す図である。 第6実施形態に係るコンテンツ表示制御方法を示す図である。 一実施形態に係るコンテンツ表示制御方法に関する第1ソースコードを示す図である。 一実施形態に係るコンテンツ表示制御方法に関する第2ソースコードを示す図である。
以下、本発明の実施形態について添付の図面を参照しながら詳細に説明する。
図1は、一実施形態に係るコンテンツ表示制御方法を示すフローチャートである。
本発明の一実施形態に係るコンテンツ表示制御方法は、ウェブページなどの文書をロードして表示するユーザ端末で実行される。そして、文書は、イメージ、動画、グラフなどのマルチメディア形態のコンテンツとコンテンツを説明するテキストで構成される。ここで、文書でコンテンツ及びコンテンツに関するテキストは、互いに連続的な位置に存在するか、又は一定間隔離れた位置に存在する。
ステップ101において、ユーザ端末は画面に対するスクロールを認知する。ここで、スクロールは、ユーザが画面を直接タッチした後一定方向にドラッグする場合、画面に表示されたスクロールバーを一定方向に操作する場合、パッドのような入力装置で一定方向にドラッグする場合、又は、マウスのような入力装置でホイールを操作する場合などを意味する。
すなわち、画面に対するスクロールは、ユーザが画面に表示された文書の一部領域を確認するためのいずれの形態の動作も全て含み得る。そして、画面に対するスクロールは画面に対して上側に入力されるか、又は下側に入力される。ユーザが行う画面のスクロールに応じてスクロール値が変更される。例えば、文書が最初にロードされると、スクロール値は0に初期化される。そして、、画面に対して上側にスクロールが入力されるとると、画面に対するスクロール値は増加し、画面に対して下側にスクロールが入力されると、ると画面に対するスクロール値は減少する。ユーザ端末は、画面に対するスクロールに応じて決定されたスクロール値と文書に含まれたコンテンツの位置とを比較することで、コンテンツが制御条件を満足するか否かを判断する。
本発明の一実施形態によると、文書が縦に長い形態である場合、画面に対するスクロールは画面の上下に適用される。しかし、文書が横で長い場合、画面に対するスクロールは左右に適用される。すなわち、本発明の一実施形態は、文書の縦長さがユーザ端末に配置されたディスプレイの縦長さより長い場合、又は、文書の横長さがユーザ端末に配置されたディスプレイの横長さより長い場合に全て適用される。そのため、ユーザ端末はユーザが画面をドラッグしたり、画面に表示されたスクロールバーを操作したり、パッドのような入力装置でドラッグしたり、又はマウスのような入力装置でホイールを操作することによって、現在のユーザ端末に備えられたディスプレイの画面に表示されていない文書の一部領域を確認できるようにする。
ステップ102において、ユーザ端末は、画面に対するスクロールに応じてコンテンツが第1制御条件を満足するか否かを判断する。ここで、第1制御条件は、コンテンツの開始部分、又は、コンテンツに対応するテキストの開始部分が画面の第1特定領域に位置するか否かを意味する。
、コンテンツが第1制御条件を満足しない場合、ステップ103において、ユーザ端末は、画面に対するスクロールに対応して続いて画面における文書ビューが移動することがある。
、コンテンツが第1制御条件を満足する場合、ステップ104において、ユーザ端末はコンテンツを画面に固定する。ここで、コンテンツを画面に固定することは、画面に対するスクロールが追加的に入力されても固定されたコンテンツを除いた文書の残りの構成要素に対するビューが移動することを意味する。
本発明の一実施形態によると、コンテンツが画面に固定される場合、ユーザ端末は、コンテンツのサイズを変更して画面に表示される。又は、コンテンツが画面に固定される場合、ユーザ端末は画面にコンテンツが固定されたことを知らせるためにコンテンツの表現形態(ex.フォント、色、形状など)を変更するか、又は、テキストでコンテンツと直接的に関する部分に対して強調効果を与える。
例えば、コンテンツがテキストの内容によりコンテンツの特定部分に表現された色が変更される。具体的に、画面に対するスクロールに応じて画面に表示されるテキストの内容が変更されると、コンテンツで特定部分に表現された色も変更される。又は、ユーザ端末はコンテンツに対して特殊効果を割り当てたり、ハイライトなどの強調によって画面にコンテンツが固定されたことを表現する。
又は、ユーザ端末は、コンテンツに関するテキストの全て又は一部をハイライトすることで、コンテンツに対応するテキストに強調効果を与える。
ステップ105において、ユーザ端末は、画面に対するスクロールに応じてコンテンツに関するテキストが第2制御条件を満足するか否かを判断する。ここで、テキストはコンテンツを説明する内容で構成される。
ここで、コンテンツとテキストとの間の関連性の有無は次のように決定される。
(i)ユーザ端末は文書に含まれたテキストの特定位置にテキストに対応するコンテンツに関するタグを追加することによってテキストとコンテンツが間に互いに関連性があるということを示すことができる。これについては図9〜図10で具体的に説明する。
(ii)ユーザ端末は、文書に表現されたコンテンツごとにテキストをマッピングしてサーバに格納する。すると、ユーザ端末は、画面に対するスクロールに応じてテキストとマッピングされたコンテンツをサーバで呼び出し、画面に固定するか固定を解除する。そして、ユーザ端末は、コンテンツが画面に固定されるか固定解除されることに対応して、コンテンツにマッピングされたテキストを別に管理する。
(iii)ユーザ端末又はサーバでコンテンツとテキストをそれぞれ分析して関連のあるコンテンツとテキストを接続する。そして、ユーザ端末は、画面に対するスクロールが発生した場合ると、スクロールに応じて自動でコンテンツを固定しまたは固定を解除し、コンテンツの状態に応じてコンテンツに接続されたテキストを別に制御する。
ここで、第2制御条件は、コンテンツの最後部分、又はコンテンツに対応するテキストの最後部分が画面の第2特定領域に位置するか否かを意味する。ここで、第2制御条件に関する画面の第2特定領域は、第1制御条件に関する画面の第1特定領域と同一であるか異なってもよい。
、コンテンツが第2制御条件を満足する場合、ステップ107において、ユーザ端末はコンテンツを固定解除する。反対に、、コンテンツが第2制御条件を満足しない場合、ステップ106でユーザ端末は、コンテンツの固定を保持する。
ここで、図1〜図8に示された開始部分と最後部分は、画面に対するスクロールによって相異なるように決定される。例えば、文書が縦に長く存在して画面に対するスクロールが上から下に発生する場合、コンテンツの開始部分はコンテンツの上段の端部を意味する。同様に、コンテンツに対応するテキストの開始部分はテキストの上段の端部を意味する。反対に、コンテンツの最後部分は、コンテンツの下段の端部を意味する。また、テキストの最後部分は、テキストの下段の端部を意味する。
又は、文書が横に長く存在して画面に対するスクロールが左側から右側に発生する場合、コンテンツの開始部分はコンテンツの左側の端部を意味する。同様に、コンテンツに対応するテキストの開始部分はテキストの左側の端部を意味する。反対に、コンテンツの最後部分はコンテンツの右側の端部を意味する。また、テキストの最後部分はテキストの右側の端部を意味する。
ここで、文書が横に長く存在する場合、スクロールが右側から左側に発生してもよく、この場合、コンテンツの開始部分、テキストの開始部分、コンテンツの最後部分、テキストの最後部分は上記で説明したものと反対に決定される。
以下の説明により第1特定領域と第2特定領域は次のように定義される。
文書が縦に長く存在してスクロールが上から下に動く場合、第1特定領域は画面の上段の端部又は上段の端部で一定の距離だけ下方に離れた領域(ex.上段の端部から下側に2cm)を意味する。そして、文書が横に長く存在してスクロールが左側から右側に動く場合、第1特定領域は画面の左側の端部又は左側の端部で一定の距離だけ右側に離れた領域(ex.左側の端部から右側に2cm)を意味する。又は、スクロールが右側から左側に動く場合、第1特定領域は画面の右側の端部又は右側の端部で一定の距離だけ左側に離れた領域(ex.右側の端部から左側に2cm)を意味する。
第1特定領域は、第2特定領域と互いに同一であってもよいし、それぞれ異なってもよい。例えば、第1特定領域と第2特定領域がそれぞれ異なり、文書が縦に長く存在してスクロールが上から下に発生する場合、第2特定領域は第1特定領域より相対的に下方に位置する。反対に、文書が横に長く存在してスクロールが左側から右側に発生する場合、第2特定領域は第1特定領域より相対的に右側に位置する。又は、文書が横に長く存在してスクロールが右側から左側に発生する場合、第2特定領域は第1特定領域より相対的に左側に位置する。
図1は、文書で特定されたコンテンツ1つに対する動作を説明する。文書が1つ以上のコンテンツとコンテンツに対応するテキストから構成された場合、ステップ107の動作が完了した後再び他のコンテンツに対してステップ101から実行される。
図1を参照して説明している第1制御条件と第2制御条件について、図2〜図8を参照して具体的に説明する。図2〜図8は、ユーザ端末がスマートフォンのようなモバイル端末である場合を例示にしている。しかし、本発明は、文書の長さよりも小さい長さを有するディスプレイを備えた、いかなる形態のユーザ端末にも適用され得る。
図2は、第1実施形態に係るコンテンツ表示制御方法を示す図である。
図2及び図3は、第1実施形態によりコンテンツ表示制御方法を説明したもので、第1制御条件は、コンテンツの開始部分が画面の第1特定領域に位置する場合を意味する。
そして、第2制御条件は、コンテンツに対応するテキストの最後部分が画面の第2特定領域に位置する場合を意味する。
図2の<A>を参照すると、ユーザ端末のディスプレイにより表現された画面でユーザが直接タッチして画面に対して上方(UP)にスクロールする場合について説明する。すなわち、図2の<A>は、画面の上段に向かってユーザのスクロールが入力される場合を示す。ここで、画面に対して上側にスクロールが入力されると、画面に対する文書ビューが上側に動く。図2の<A>で画面にテキストXだけ表示される。
その後、図2の<A>の後に続けて画面に対して上側にスクロールが入力されると、図2の<B>に示すように、テキストXの下方に配置されたコンテンツYとコンテンツYを説明するテキストYが画面に表示される。
その後、図2の<B>の後に続けて画面に対して上側にスクロールが入力されると、図2の<C>に示すように、コンテンツYの開始部分が画面の第1特定領域に位置する。図2の<C>は、本発明の一実施形態により画面に対するスクロールによってコンテンツが画面の特定領域に位置するかを示す第1制御条件を満足した場合を示す。
図2の<C>に示すように、画面の第1特定領域は、画面の上段を意味する。一例によると、画面の上段はディスプレイの最も上部分であってもよいし、ディスプレイの最も上部分から下方向に一定の距離だけ離れている位置であってもよい。
すると、ユーザ端末は、第1制御条件が満足されるコンテンツYを画面の上段に固定する。すなわち、コンテンツYが画面の上段に固定された後、画面に対して上側にスクロールが入力されても、ユーザ端末は、コンテンツYを画面に対するスクロールに応じて動かないように制御する。
ただし、コンテンツYが画面の上段に固定された後、画面に対して上側にスクロールが入力される場合、ユーザ端末は、コンテンツYに関するテキストYがコンテンツYを被覆しないように制御する。一例として、図2の<C>に示すように、ユーザ端末は、コンテンツYのレイヤよりも下方に存在するレイヤにテキストYが表示されるような効果を提供する。すると、テキストYの開始部分から一定領域まで画面の上段に固定されたコンテンツYによって被覆される。
一方、図2に示していないが、コンテンツYが画面の上段に固定された後、画面に対して下側にスクロールが入力された場合ると、ユーザ端末は、コンテンツYを画面から固定解除する。具体的には、コンテンツYが画面の上段に固定された後、画面に対して下側にスクロールが入力されながら、コンテンツYの開始部分が第1特定領域から離れると、第1制御条件を満足しない。言い換えれば、画面に対して下側にスクロールが入力されることにより、コンテンツYは再び図2の<B>に示すように、テキストXによって画面の上段に位置しないため、第1制御条件を満足しない。そのため、コンテンツYが画面に固定されるときのスクロール方向と反対方向のスクロールが入力されてコンテンツYが第1制御条件を満足しない場合、ユーザ端末は画面に固定されたコンテンツYに対して固定解除する。
しかし、コンテンツYが固定解除されて再び画面に対して上側にスクロールが入力されてコンテンツYが画面の上段に位置する場合、コンテンツYは再び第1制御条件を満足するため、ユーザ端末はコンテンツYを画面の上段に固定し得る。
結論として、ユーザは、スクロールを用いて画面における文書ビューを移動させることで文書に表示されたコンテンツとコンテンツに関する内容が記載されたテキストを確認できる。すると、ユーザのスクロールに応じてユーザが画面でフォーカシングしているコンテンツを確認した後、画面の上段にコンテンツを固定する。そして、本発明の一実施形態によると、ユーザ端末は、画面に固定されたコンテンツに関するテキストをユーザのスクロールに応じて移動させるが、画面に固定されたコンテンツを被さらないように制御することにより、ユーザは画面を介してコンテンツとテキストを同時に確認することができる。
図3は、第1実施形態に係るコンテンツ表示制御方法を示す図である。
図3は、図2の後に続けて画面に対して上側にスクロールが入力される場合を説明する。すなわち、図3の<A>は、図2の<C>に示すようにコンテンツYが画面の上段に固定された後続いて画面に対して上側にスクロールが入力される場合を示す。
すると、図3の<B>に示すように、テキストYの最後部分が画面の第2特定領域に位置する。図3の<B>は、本発明の一実施形態により画面にコンテンツが固定された後、画面に対するスクロールによってコンテンツに関するテキストの最後部分が画面の第2特定領域に位置する場合にコンテンツが第2制御条件を満足した場合を示す。
すると、ユーザ端末は、画面の上段に固定したコンテンツYを画面から固定解除する。すなわち、コンテンツYが画面から固定解除されると、画面に対して上側にスクロールが入力されると、ユーザ端末は、画面に対するスクロールに応じてコンテンツYを上側に動くように制御する。ここで、画面の上段の余白が残っていないことから、コンテンツYが上側に動けば、コンテンツYが画面で表示される領域は減少する。すなわち、画面で表示されるコンテンツYの長さは減少する。そして、画面に対して上側にスクロールが続けて入力されると、コンテンツYは画面から消える。
一方、コンテンツYが固定解除された後に画面に対して上側にスクロールが入力される場合、コンテンツYを説明するテキストYは様々な方式で表示される。
一例として、コンテンツYが画面から固定解除された後、画面に対して上側にスクロールが入力されると、テキストYがコンテンツYを被覆するように制御する。すなわち、ユーザ端末は、コンテンツYのレイヤより上に存在するレイヤにテキストYが表示されるような効果を提供する。すると、コンテンツYが画面から固定解除された後続けて画面に対して上側にスクロールが入力されると、テキストYはコンテンツYの最後部分から一定領域まで被覆される。
このような過程が続くと、コンテンツYはテキストYによって画面から消える。同様に、画面に対して上側にスクロールが続けて入力されると、コンテンツYが画面から消えた後テキストYも画面から消える。
一例として、コンテンツYが画面から固定解除された後、画面に対して上側にスクロールが入力されると、テキストYがコンテンツYを押して上がるように制御する。すると、コンテンツYは、テキストYによって押し上がって画面から消える。
図3の<C>は、コンテンツYが画面から消えた後の結果を示す。、画面に対して続いて上にスクロールが入力されると、コンテンツZが画面に沿って上に移動しながら、コンテンツZの開始部分が画面の第1特定領域に位置する。すなわち、コンテンツZの開始部分が画面の上段に接する。
すると、図2の<B>に示されたように、コンテンツZが第1制御条件を満足するため、ユーザ端末はコンテンツZを画面の上段に固定する。言い換えれば、ユーザ端末は、コンテンツZを画面に対するスクロールに応じて動かないよう制御される。図2の<C>に示すように、画面の上段にコンテンツZが固定された後ユーザ端末は、コンテンツZに関するテキストZがコンテンツZを被さらないように制御する。
一方、図3の<B>において、コンテンツYが固定解除された後、再びユーザが画面に対して下側にスクロールを入力する場合、画面における文書ビューが下側に移動する。すると、コンテンツYに関するテキストYの最後部分が画面の第2特定領域に位置するかを示す第2制御条件を満足しない。すると、ユーザ端末は、画面から固定解除されたコンテンツYを再び画面の上段に固定する。図2における第1制御条件のための画面の第1特定領域と、図3における第2制御条件のための画面の第2特定領域はそれぞれ異なってもよい。
結論として、ユーザが画面に対してスクロールを入力しながら画面に固定されたコンテンツと異なるコンテンツを確認しようとする場合、ユーザ端末は、画面に固定されたコンテンツを固定解除することで、スクロールに応じて画面から消えるようにする。すると、画面に固定されたコンテンツがユーザのスクロールに応じて画面から消えた後、ユーザがフォーカシングしようとする他のコンテンツが画面に固定され、ユーザは、現在の時点で関心をもって確認しようとするコンテンツをより便利に確認することができる。
図4は、第2実施形態に係るコンテンツ表示制御方法を示す図である。
図4の場合、コンテンツに対する第1制御条件は、コンテンツに対応するテキストの開始部分が画面の第1特定領域に位置する場合を意味する。例えば、第1制御条件はスクロールが上側に動く場合、コンテンツの開始部分が画面の上段に位置する場合、スクロールが左側に動く場合、コンテンツの開始部分が画面の左側の端部に位置する場合、又は、スクロールが右側に動く場合、コンテンツの開始部分が右側の端部に位置する場合を意味する。テキストの開始部分が画面の第1特定領域に位置する場合、テキストに対応するコンテンツが第1制御条件を満足する。すると、ユーザ端末は、第1制御条件を満足するコンテンツを画面の上段に表示する。
そして、コンテンツに対する第2制御条件は、コンテンツに対応するテキストの最後部分が画面の第2特定領域に位置する場合を意味する。画面の上段に固定されたコンテンツに対応するテキストの最後部分が画面の第2特定領域に位置する場合、テキストに対応するコンテンツが第2制御条件を満足する。すると、ユーザ端末は、第2制御条件が満足されるコンテンツを画面から固定解除する。
ここで、図4の場合、図2及び図3に示すように、画面がコンテンツ−テキスト−コンテンツ−テキストのような構成要素に配置されることなく、テキスト−テキストのような構成要素に配置された場合を示す。そのために、コンテンツに対応するテキストの最後部分が画面の第2特定領域に位置することは、他のコンテンツに対応するテキストの開始部分が第1特定領域に位置することを意味する。
言い換えれば、画面に固定されたコンテンツと異なるコンテンツが第1制御条件を満足すると判断される。すると、ユーザ端末は、すでに画面に固定されたコンテンツを固定解除すると共に、他のコンテンツを画面に固定する。これについて、ユーザ端末は、以前に固定されたコンテンツを画面から消えるようにする一方、その後に固定するコンテンツを画面に表示することで、コンテンツ間にフェードアウト効果を提供することができる。
図4の<A>は、画面に対して上側にスクロールが入力された後コンテンツが画面の上段に固定された場合を示す。
一例として、コンテンツYに関するテキストYが画面の第1特定領域に位置する場合、テキストYに対応するコンテンツYが画面の上段に固定される。すなわち、図4の場合、ユーザ端末は、コンテンツに対応するテキストの開始部分が画面の第1特定領域に位置するか否かに基づいて、コンテンツが第1制御条件を満足したか否かを判断する。この場合、コンテンツYが画面の上段に固定された後続いて画面に対して上側にスクロールが入力されると、ユーザ端末は、コンテンツYに関するテキストYがコンテンツYを被覆しないように制御する。これについては、図2を参照して説明を参考にする。
その後、図4の<B>に示すように、コンテンツYが画面の上段に固定された後続いて画面に対して上側にスクロールが入力されると、コンテンツZに関するテキストZの開始部分が画面の第2特定領域に位置する。ここで、図4の<A>を参照すると、テキストYとテキストZが画面に互いに連続的に配置されているため、テキストZの開始部分が画面の第2特定領域に位置することは、コンテンツYに対応するテキストYの最後部分が画面の第2特定領域に位置することを意味する。
すると、テキストYの最後部分が画面の第2特定領域に位置するため、ユーザ端末は、コンテンツYが第2制御条件を満足したと判断する。そのため、ユーザ端末は、コンテンツYを画面の上段で固定解除する。ここで、コンテンツYは、画面の上段で固定解除されながら画面から直ちに消える。
一方、テキストZの開始部分が画面の第1特定領域に位置することから、ユーザ端末はコンテンツZが第1制御条件を満足したと判断する。すると、ユーザ端末は、コンテンツZが画面の上段に固定する。ここで、コンテンツYは、画面から固定解除されながら画面から消え、コンテンツZは、画面に固定される過程が同時に行われる。そのため、図4の<B>を参照すると、ユーザ端末は、コンテンツYをフェードアウト(Fade−Out)して画面から消えるようにした後、コンテンツZを表示することによりコンテンツYを画面の上段で固定解除しながら同時にコンテンツZを画面の上段に固定し得る。
図4の<B>に示すように、コンテンツZが画面の上段に固定された後続いて画面に対して上側にスクロールが入力されると、ユーザ端末は、コンテンツZに関するテキストZがコンテンツZを被覆しないように制御する。
一方、コンテンツZが画面の上段に固定された後続いて画面に対して上側にスクロールが入力されると、テキストZの最後部分が画面の第2特定領域に位置する。同様に、画面でテキストZと連続的に配置されたテキストWの開始部分が画面の特定位置に位置する。
すると、ユーザ端末は、コンテンツZに対して第2制御条件が満足されると判断する。同様に、ユーザ端末は、コンテンツWに対して第1制御条件を満足したと判断する。そのため、ユーザ端末は、コンテンツZを画面から固定解除しながらコンテンツWを画面に固定する。これに対して、ユーザ端末は、コンテンツZをフェード−アウトしながら画面から消えるようにし、コンテンツWを画面の上段に表示する。
図4の場合、画面に対してスクロールが上側に入力される場合について説明している。しかし、画面に対してスクロールが下側に入力される場合は、図4の<A>、図4の<B>を参照して説明した内容と反対に行われる。
例えば、図4の<B>に示すように、コンテンツZが固定された後、画面に対してスクロールが下側に入力されると、テキストYの最後部分が画面の第2特定領域に位置しない。同様に、テキストZの開始部分が画面の第2特定領域に位置しない。これは、テキストYに対応するコンテンツYが第2制御条件を満足せず、テキストZに対応するコンテンツZが第1制御条件を満足しないことを意味する。
すなわち、画面から固定解除されたコンテンツYは再び画面に固定され、画面に固定されたコンテンツZは固定解除される。そのため、図4の<B>に示すように、コンテンツZが画面に固定された後、画面に対してスクロールが下側に入力されると、フェード−アウトされて消えたコンテンツYが図4の<A>に示すように再び画面の上段に表示されて画面に固定される。そして、図4の<B>に示すように、画面の上段に固定されたコンテンツZは、フェード−アウトされて画面から消えることになる。
図5は、第3実施形態に係るコンテンツ表示制御方法を示す図である。
図5の場合、コンテンツに対する第1制御条件は、コンテンツに対応するテキストに表示されたコンテンツのリンクが選択された場合を意味する。すなわち、テキストに表示されたコンテンツのリンクが選択されると、コンテンツは第1制御条件を満足する。すると、ユーザ端末は、第1制御条件を満足するコンテンツを画面の上段に固定して表示する。
そして、コンテンツに対する第2制御条件は、コンテンツに対応するテキストの最後部分が画面の第2特定領域に位置する場合を意味する。画面の上段に固定されたコンテンツに対応するテキストの最後部分が画面の第2特定領域に位置する場合、テキストに対応するコンテンツが第2制御条件を満足する。すると、ユーザ端末は、第2制御条件を満足するコンテンツを画面から固定解除する。
図5の<A>を参照すると、テキストYにリンクが表示されている。ここで、テキストYはコンテンツYに対応し、リンクはテキストYを構成する複数の単語のうち少なくとも1つの単語を意味する。、ユーザがテキストYに表示されたリンクを選択する場合、図5の<B>に示すように、画面の上段にテキストYに対応するコンテンツYが固定される。すなわち、ユーザがテキストYに表示されたリンクを選択することは、コンテンツYに対する第1制御条件を満足することを意味する。すると、ユーザ端末は、第1制御条件を満足するコンテンツを画面の上段に固定する。
ここで、コンテンツYは、画面の上段に表示されるとき画面の横幅より小さい横幅を有するように表示される。そして、図5の<B>に示すように、コンテンツYが選択されると、図5の<C>に示すように、コンテンツYは拡大され得る。具体的に、コンテンツYは、画面の横幅と同一の横幅を有するように拡大され得る。
図5の<C>において、ユーザから画面に対して上側にスクロールが入力されると、テキストYの最後部分が画面の特定領域に位置する。すると、テキストYの最後部分が画面の特定領域に位置することは、テキストYに対応するコンテンツYが第2制御条件を満足することを意味する。すると、コンテンツYは、画面から固定解除された後、画面から消える。
図6は、第4実施形態に係るコンテンツ表示制御方法を示す図である。
図6の場合、コンテンツに対する第1制御条件は、コンテンツの開始部分が画面の第1特定領域に位置することを意味する。コンテンツの開始部分が画面の上段に接する場合、ユーザ端末はコンテンツが第1制御条件を満足すると判断する。すると、ユーザ端末は、第1制御条件が満足されるコンテンツを画面の上段に固定する。
ここで、図6で画面に固定されているコンテンツは、図2及び図3とは異なって、本来のサイズよりも縮小されたサイズで画面に表示される。ここで、表示される部分を除いた残り部分は透明度により調整される。
一方、コンテンツに対する第2制御条件は、コンテンツに対応するテキストの最後部分が画面の第2特定領域に位置することを意味する。コンテンツが画面に固定された後、画面に対するスクロールに応じてテキストの最後部分が画面の第2特定領域に位置すると、ユーザ端末は、画面に固定されたコンテンツが第2制御条件を満足すると判断してコンテンツを画面から固定解除する。
図6の<A>は、画面に対して上側にスクロールが入力される場合を意味する。図6の<A>は画面にテキストXだけ表示された状況を示す。図6の<A>の後に画面に対して続いて上側にスクロールが入力されると、図6の<B>に示すように、テキストXの下側に配置されたコンテンツYとコンテンツYに対応するテキストYが画面に表示される。
図6の<B>の後に画面に対して続いて上側にスクロールが入力されると、コンテンツYの開始部分が画面の上段に接する。すると、ユーザ端末は、コンテンツYが第1制御条件を満足すると判断する。そのため、ユーザ端末は、第1制御条件が満足されるコンテンツYを画面の上段に固定して表示し得る。ここで、図6の<C>によると、ユーザ端末は、コンテンツYを画面の上段に固定するときコンテンツYのオリジナルサイズよりも縮小されたサイズで画面に表示し得る。
コンテンツYが画面の上段に固定された後続いて画面に対して上側にスクロールが入力されると、テキストYが画面で上側に移動する。ただし、コンテンツYが画面の上段に固定された後、画面に対して上側にスクロールが入力される場合、ユーザ端末は、コンテンツYに関するテキストYがコンテンツYを被覆しないように制御する。一例として、ユーザ端末は、コンテンツYのレイヤよりも下方に存在するレイヤにテキストYが表示されるような効果を提供することができる。すると、テキストYの開始部分から一定領域までは画面の上段に固定されたコンテンツYによって被覆される。
しかし、図6の<C>の場合、図2の<C>とは異なって、コンテンツYがオリジナルサイズよりも小さいサイズで画面に表示されるため、画面の上段でコンテンツYによって被された部分を除いた残りの部分は透明度で調整され得る。そして、残り部分の透明度に応じてテキストYがユーザによって確認され得る。
画面に対して続いて上側にスクロールが入力されると、テキストYの最後部分が画面の第2特定領域に位置する。すると、コンテンツYは、第2制御条件を満足するため、ユーザ端末はコンテンツYに対して画面から固定解除する。
一方、図6に示していないが、コンテンツYが画面の上段に固定された後、画面に対して下側にスクロールが入力されると、ユーザ端末はコンテンツYを画面から固定解除する。その理由は、画面に対して下側にスクロールが入力されることによって、コンテンツYは画面の上段に位置されないため第1制御条件を満足しないからである。しかし、再び画面に対して上側にスクロールが入力されてコンテンツYが画面の上段に位置する場合、ユーザ端末は再びコンテンツYを画面の上段に固定する。
図7は、第5実施形態に係るコンテンツ表示制御方法を示す図である。
図7において、第1制御条件は、コンテンツに対応するテキストの開始部分が画面の第1特定領域に位置する場合を意味する。そして、第2制御条件は、コンテンツに対応するテキストの最後部分が画面の第2特定領域に位置する場合を意味する。第1制御条件に対応する第1特定領域と第2制御条件に対応する第2特定領域は互いに同一であるか異なってもよい。
特に、図7の場合、画面に表示される文書にコンテンツを直接配置されずコンテンツに対応するテキストのみが文書に配置されていることを前提にする。図7の<A>は、画面にテキストXとテキストYが連続的に配置された状態を示す。この場合、画面に対して上側にスクロールが入力されたと仮定する。
すると、図7の<B>に示すように、画面でテキストXが消えてテキストYの開始部分が画面の第1特定領域に位置する。すると、ユーザ端末は、テキストYに対応するコンテンツYが第1制御条件を満足したと判断する。この場合、ユーザ端末は、第1制御条件が満足されるコンテンツYを画面の上段に固定する。ここで、コンテンツYはオリジナルサイズよりも小さいサイズで画面の上段に表示される。一方、画面に固定されたコンテンツYが選択されると、コンテンツYはオリジナルサイズに表示される。
そして、図7の<B>に示すように、コンテンツYが画面の上段に固定された後続いて画面に対して上側にスクロールが入力される。すると、コンテンツYに対応するテキストYは、画面に対するスクロールに応じて移動しながら表示される。ここで、テキストYはコンテンツYを被さらないように表示される。
図7の<B>に示すように、コンテンツYが画面の上段に固定された後続いて画面に対して上側にスクロールが入力される。すると、図7の<C>に示すように、テキストYの最後部分が画面の第2特定領域に位置する。すると、ユーザ端末は、テキストYに対応するコンテンツYが第2制御条件を満足したと判断する。一方、コンテンツZに対応するテキストZの開始部分が画面の第1特定領域に位置する。すると、ユーザ端末は、テキストZに対応するコンテンツZが第2制御条件を満足したと判断する。
図7の<C>に示すように、ユーザ端末は、画面の上段に表示されたコンテンツYを固定解除することによってコンテンツYを画面から消えるように制御する。これと共に、画面の上段にテキストZに対応するコンテンツZを固定して表示する。
コンテンツZが画面に固定された後続いて画面に対して上側にスクロールが入力されると、コンテンツZに対応するテキストZが画面に沿って上方に移動する。ここで、テキストZは、画面に固定されたコンテンツZを被さらないように表示される。具体的に、テキストZは、コンテンツZのレイヤより下位レイヤに表示される。
一方、図7に示していないが、コンテンツYが画面の上段に固定された後、画面に対して下側にスクロールが入力されると、ユーザ端末は、コンテンツYを画面から固定解除する。その理由は、画面に対して下側にスクロールが入力されることによってテキストYは下側に移動し、これによりテキストYの開始部分は第1制御条件を満足しないためである。しかし、再び画面に対して上側にスクロールが入力されてテキストYの開始部分が画面の第1特定領域に位置する場合、コンテンツYは第1制御条件を満足しているため、ユーザ端末はコンテンツYを画面の上段に固定し得る。
図8は、第6実施形態に係るコンテンツ表示制御方法を示す図である。
図8の場合、図2〜図7を参照して説明した制御条件とは異なり、テキストとコンテンツが互いに異なるレイヤで構成されていると仮定する。具体的に、テキストが上位レイヤに存在し、コンテンツが下位レイヤに存在すると仮定する。そして、コンテンツに対応するテキスト間に空白領域が存在すると仮定する。言い換えれば、テキストが連続的に配置されることなく、テキストの間に一定の範囲空いている領域である空白領域が存在すると仮定する。すると、画面に対するスクロールに応じてテキストが移動し、そのため、空白領域が移動する場合に、テキストより下位レイヤに配置されたコンテンツが空白領域を介して表示される。
ここで、第1制御条件は、第1テキストの最後部分が第2テキストに対応するコンテンツの最後部分と一致する場合を意味する。そして、第2制御条件は、第1テキストと空白領域だけ離れた第2テキストの開始部分が第2テキストに対応するコンテンツの開始部分と一致する場合を意味する。すると、第1制御条件が満足される時点から第2制御条件が満足される時点まで空白領域を介して第2テキストに対応するコンテンツが画面を介して表示され得る。
図8の<A>を参照すると、現在の画面ではテキストXだけ表示されると仮定する。ここで、ユーザから画面に対して上側にスクロールが入力されると、テキストXが画面のスクロールに応じて上方に移動する。すると、テキストXの最後部分がテキストYに対応するコンテンツYの最後部分と一致する。すると、コンテンツYの第1制御条件が満足されることから、コンテンツYが空白領域を介して表示され得る。
図8の<B>を参照すると、コンテンツYの第1制御条件が満足される時点からテキストXとテキストYの間の空白領域を介して文書に配置されたコンテンツYが表示される。図7の<C>に示すように、画面に対して上側にスクロールが続いて入力されても、コンテンツYの第2制御条件が満足されるまでテキストXとテキストYの間の空白領域を介して文書に配置されたコンテンツYが表示される。
上記で説明したように、コンテンツYの第2制御条件は、テキストYの開始部分がコンテンツYの開始部分と一致する場合を意味する。コンテンツYの第2制御条件が満足されると、画面でコンテンツYが表示されないことがある。すなわち、第1制御条件が満足される時点から第2制御条件が満足される時点までテキストに被されているコンテンツが空白領域を介して表示され得る。
図9は、一実施形態に係るコンテンツ表示制御方法に関する第1ソースコードを示す図である。
本発明の場合、図2〜図8を参照して説明した事項を文書に対するソースコードに表現される。例えば、コンテンツがイメージである場合、文書にイメージを表示する場合をソースコードで説明し得る。以下は、コンテンツに対する制御条件が満足されてコンテンツが画面に固定される場合について説明する。
ソースコードを含んでいるhtml文書に「imgContainer」というdivが追加されてもよい。divは、イメージ、テキストなどのようなコンテンツに対応するタグであり、特別な属性がないため汎用的に多く使用されるタグである。「imgContainer」に画面の最上端、位置は固定、スクロールに反応しないというCSS(Cascading Style Sheets)が追加される。CSSは、文書を意味するウェブページの全体スタイルを予め格納したシートとして、コンテンツを固定するときの様々な条件を含み得る。「imgContainer」は、コンテンツが制御条件を満足する場合にイメージを含む機能を行う。
その後、html文書に存在するイメージの個数を把握してイメージの名前を追加する過程が実行される。ここで、名前は、コンテンツであるイメージを識別する情報であってもよい。ユーザ端末は、文書で最初のイメージを「0」、2番目のイメージを「1」に名前を追加し得る。
その後、画面のスクロール値が測定される。文書が最初ロードされると、スクロール値「scrollTopVal」は0である。ユーザがディスプレイの画面で上から下にスクロールすると、スクロール値は増加してユーザが下から上へスクロールすると、スクロール値は減少する。すると、ユーザの行為によってディスプレイの画面でスクロールが上から下に発生すると、スクロール値はスクロールに応じて増加し、下から上へスクロールが発生すると、スクロール値は減少する。ユーザのスクロールによってスクロール値が次第に増加して「0」の名前を有する最初のイメージの画面上の位置よりもスクロール値が大きい場合、最初のイメージがディスプレイの画面に固定される。
そのために「imgTopNum」という変数が追加される。「imgTopNum」はnull(値なし)である。ユーザのスクロールによってスクロール値が増加してスクロール値が最初のイメージ「0」の長さに該当する画面上の位置と同じであるか、又は大きくなると、「imgTopNum」は0になる。そして、スクロール値が続いて増加してスクロール値が2番目のイメージであるイメージ「1」の長さに該当する画面上の位置と同じであるか、又は大きくなると、「imgTopNum」は1となる。
その後、「imgContainer」にイメージが追加される。上記で説明した過程により「imgTopNum」が0であれば、「imgContainer」に最初のイメージ「0」が追加される。
その後、imgタグに表示されるイメージの画面上における長さが変更されることにより、画面に固定されたイメージが画面に表示される必要がない場合、イメージは画面から消える。イメージの長さは「imgGo#」の長さからスクロール値を引いた値である。
例えば、特定イメージ「imgGo0」の画面上の位置が1000pxであるが、スクロール値が500pxである場合、「imgGo0」の長さに応じて「imgGo0」は画面に表示されていないか、又は、特定領域が画面に表示されてもよい。、「imgGo0」の長さが500pxであり、画面上の位置が1000pxであり、スクロール値が500pxである場合、「imgGo0」の全てが画面に表示され得る。
ユーザのスクロールに応じてスクロール値が1000pxになった場合、「imgGo0」は画面の上端に位置する。ここで「imgGo0」が画面上で表示される領域の長さは0pxであるため、「imgGo0」は画面に表示されないことがある。「nowImgHeight」は、イメージが画面上で表示される領域の長さを示す。「nowImgHeight」は、イメージの画面上における位置、画面の上段とイメージ間に存在する領域の長さ、スクロール値により決定される。スクロールに応じてイメージが画面上で表示される領域の長さが変更される場合、「nowImgHeight」が変更される。
図10は、一実施形態に係るコンテンツ表示制御方法に関する第2ソースコードを示す図である。
本発明によると、コンテンツ表示制御方法に関するソースコードが提供される。
ユーザ端末は、html(hypertext mark-up language)に表現された文書を画面に表現する。画面に表現された文書にイメージ及びイメージに対応するテキストが存在する場合、ユーザ端末は、テキストの特定位置(ex.最後の段落)にテキストに対応するイメージに関するタグを追加する。タグを追加する方法は様々に存在する。
htmlで一般的にテキストはpタグ、イメージはimgタグを使用して入力される。イメージに対応するimgタグの後にイメージに対応するテキストに対応するpタグが存在する場合、当該のpタグに「imgGo#」と名前が追加される。例えば、最初のイメージである「0」に対応するimgタグの後に最初のイメージに対応するテキストが存在する場合、当該のテキストに「imgGo0」がpタグに追加される。
そして、ユーザ端末はイメージと関連のある単語には「dotRed」、「dotBlue」、「dotYellow」という名前をソースコードに追加する。当該の名前に適するカラーと形態がCSSに指定される。このようなカラーと形態によってイメージを固定させた状態でコンテンツがどのように表現されるかを決定することができる。
上述した装置は、ハードウェア構成要素、ソフトウェア構成要素、又はハードウェア構成要素及びソフトウェア構成要素の組合せで具現される。例えば、実施形態で説明した装置及び構成要素は、例えば、プロセッサ、コントローラ、ALU(Arithmetic Logic Unit)、デジタル信号プロセッサ(Digital Signal Processor)、マイクロコンピュータ、FPA(Field Programmable Array)、PLU(Programmable Logic Unit)、マイクロプロセッサー、又は命令(instruction)を実行して応答する異なる装置のように、1つ以上の汎用コンピュータ又は特殊目的コンピュータを用いて具現される。処理装置は、オペレーティングシステム(OS)及びオペレーティングシステム上で実行される1つ以上のソフトウェアアプリケーションを実行する。また、処理装置は、ソフトウェアの実行に応答してデータをアクセス、格納、操作、処理、及び生成する。理解の便宜のために、処理装置は1つが使用されるものとして説明する場合もあるが、当該技術分野で通常の知識を有する者は、処理装置が複数の処理要素(processing element)及び/又は複数類型の処理要素を含むことが分かる。例えば、処理装置は、複数のプロセッサ又は1つのプロセッサ及び1つのコントローラを含む。また、並列プロセッサ(parallel processor)のような、他の処理構成も可能である。
ソフトウェアは、コンピュータプログラム、コード、命令、又はこれらのうちの1つ以上の組合せを含み、希望通りに動作するように処理装置を構成し、独立的又は結合的に処理装置に命令する。ソフトウェア及び/又はデータは、処理装置によって解釈され、処理装置に命令又はデータを提供するためのあらゆる類型の機械、構成要素、物理的装置、仮想装置、コンピュータ格納媒体又は装置、或いは送信される信号波を介して永久的又は一時的に具現化される。ソフトウェアは、ネットワークに接続されたコンピュータシステム上に分散され、分散された方法で格納されるか又は実行される。ソフトウェア及びデータは1つ以上のコンピュータ読み取り可能な記録媒体に格納される。
本実施形態による方法は、多様なコンピュータ手段を介して実施されるプログラム命令の形態で具現され、コンピュータ読み取り可能な記録媒体に記録される。記録媒体は、プログラム命令、データファイル、データ構造などを単独又は組合せて含む。記録媒体及びプログラム命令は、本発明の目的のために特別に設計して構成されたものでもよく、コンピュータソフトウェア分野の技術を有する当業者にとって公知のものであり、使用可能なものであってもよい。コンピュータ読み取り可能な記録媒体の例としては、ハードディスク、フロッピー(登録商標)ディスク及び磁気テープのような磁気媒体、CD−ROM、DVDのような光記録媒体、フロプティカルディスクのような磁気−光媒体、及びROM、RAM、フラッシュメモリなどのようなプログラム命令を保存して実行するように特別に構成されたハードウェア装置を含む。
プログラム命令の例としては、コンパイラによって生成されるような機械語コードだけでなく、インタプリタなどを用いてコンピュータによって実行される高級言語コードを含む。ハードウェア装置は、本発明の動作を実行するために1つ以上のソフトウェアモジュールとして作動するように構成してもよく、その逆も同様である。
上述したように実施形態をたとえ限定された図面によって説明したが、当技の術分野で通常の知識を有する者であれば、前記に基づいて様々な技術的な修正及び変形を適用することができる。例えば、説明された技術が説明された方法と異なる順序で実行されたり、及び/又は説明されたシステム、構造、装置、回路などの構成要素が説明された方法と異なる形態で結合又は組合わせられたり、他の構成要素又は均等物によって置き換えたり置換されても適切な結果を達成することができる。したがって、他の具現、他の実施形態、及び請求範囲と均等なものも後述する請求範囲の範囲に属する。

Claims (6)

  1. ユーザ端末が行うコンテンツ表示制御方法において、
    ユーザ端末の画面に対するスクロールによってコンテンツに対応するテキストが第1制御条件を満足するか否かを判断するステップと、
    前記第1制御条件を満足する場合、前記コンテンツを画面に固定するステップと、
    前記コンテンツが画面に固定された後、画面に対するスクロールに応じて前記コンテンツに対応するテキストを移動させるステップと、
    前記テキストの移動により前記コンテンツに対応するテキストが第2制御条件を満足するか否かを判断するステップと、
    前記第2制御条件を満足する場合、前記画面に固定されたコンテンツが当該画面に対するスクロールに応じて移動するよう前記画面に固定されたコンテンツを固定解除するステップと、
    を含み、
    前記コンテンツは、前記画面に対するスクロールに応じて増加又は減少するスクロール値と前記文書に含まれたコンテンツに対応するテキストの位置とを比較した結果に基づいて、前記第1制御条件に応じて固定されるか、又は、前記第2制御条件に応じて固定解除され
    前記画面に表示される文書にコンテンツが配置されず、コンテンツに対応するテキストのみが配置される場合、前記スクロールによって文書の前記テキストが前記画面の特定位置に達するか、又は前記テキストに表示されたコンテンツへのリンクが選択されれば、前記画面の特定領域で文書の前記テキストが前記コンテンツを被覆しないように当該テキストが表示されたレイヤよりも上位レイヤに前記コンテンツを表示する
    コンテンツ表示制御方法。
  2. 前記固定解除するステップは、前記画面に固定されたコンテンツが表示される領域を減少させるか、又は前記画面に固定されたコンテンツが画面から自動で消えるように表示する、請求項1に記載のコンテンツ表示制御方法。
  3. 前記コンテンツに対応するテキストは、前記文書に含まれた少なくとも1つのコンテンツと少なくとも1つのテキストを分析することによって得られた前記コンテンツに関するテキストである、請求項1に記載のコンテンツ表示制御方法。
  4. 前記コンテンツを画面に固定するステップは、前記コンテンツの表現形態を変更するか、又は前記コンテンツに対応するテキストでコンテンツに関する部分をハイライトする、請求項1に記載のコンテンツ表示制御方法。
  5. 前記コンテンツを画面に固定するステップは、前記コンテンツが第2制御条件を満足するまで追加的に入力されたスクロールに応じてコンテンツに対応するテキストを、前記コンテンツを被覆しないように表示する、請求項1に記載のコンテンツ表示制御方法。
  6. 画面に対するスクロールに応じてコンテンツに対応するテキストが第1制御条件を満足するか、又は第2制御条件を満足するか否かを判断するプロセッサと、
    前記プロセッサの命令に応じてコンテンツを画面に固定するか、又は画面から固定解除するディスプレイと、
    を含み、
    前記プロセッサは、
    前記コンテンツが第1制御条件を満足すると、コンテンツを画面に固定する命令をディスプレイに伝達し、
    前記コンテンツが画面に固定された後、画面に対するスクロールに応じてコンテンツに対応するテキストが移動することで前記コンテンツに対応するテキストが第2制御条件を満足する場合に、前記画面に固定されたコンテンツが当該画面に対するスクロールに応じて移動するよう前記画面に固定されたコンテンツを固定解除する命令をディスプレイに伝達し、
    前記コンテンツは、前記画面に対するスクロールに応じて増加又は減少するスクロール値と前記文書に含まれたコンテンツに対応するテキストの位置とを比較した結果に基づいて、前記第1制御条件に応じて固定されるか、又は、前記第2制御条件に応じて固定解除され
    前記画面に表示される文書にコンテンツが配置されず、コンテンツに対応するテキストのみが配置される場合、前記スクロールによって文書の前記テキストが前記画面の特定位置に達するか、又は前記テキストに表示されたコンテンツへのリンクが選択されれば、前記画面の特定領域で文書の前記テキストが前記コンテンツを被覆しないように当該テキストが表示されたレイヤよりも上位レイヤに前記コンテンツを表示する
    ユーザ端末。
JP2017559393A 2015-05-11 2016-05-11 コンテンツ表示制御方法及びコンテンツ表示制御方法を行うユーザ端末 Active JP6563522B2 (ja)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
KR10-2015-0065579 2015-05-11
KR1020150065579A KR101685288B1 (ko) 2015-05-11 2015-05-11 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말
PCT/KR2016/004909 WO2016182328A1 (ko) 2015-05-11 2016-05-11 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말

Publications (2)

Publication Number Publication Date
JP2018514880A JP2018514880A (ja) 2018-06-07
JP6563522B2 true JP6563522B2 (ja) 2019-08-21

Family

ID=57249298

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2017559393A Active JP6563522B2 (ja) 2015-05-11 2016-05-11 コンテンツ表示制御方法及びコンテンツ表示制御方法を行うユーザ端末

Country Status (4)

Country Link
US (1) US10795564B2 (ja)
JP (1) JP6563522B2 (ja)
KR (1) KR101685288B1 (ja)
WO (1) WO2016182328A1 (ja)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107422901B (zh) * 2017-05-08 2020-05-05 广州视源电子科技股份有限公司 触控屏防误触的方法和系统
KR102443993B1 (ko) * 2017-11-17 2022-09-19 삼성전자주식회사 시구간을 나타내는 콘텐츠와 연관된 정보를 시각적으로 제공하기 위한 장치 및 방법
JP7172276B2 (ja) * 2018-08-20 2022-11-16 富士フイルムビジネスイノベーション株式会社 情報処理装置およびプログラム
JP7332518B2 (ja) * 2020-03-30 2023-08-23 本田技研工業株式会社 会話支援装置、会話支援システム、会話支援方法およびプログラム
EP3901752B1 (en) * 2020-04-22 2024-09-11 Taboola.com Ltd. Display adjustments

Family Cites Families (43)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH11212982A (ja) * 1998-01-21 1999-08-06 Sony Corp 検索装置
US6408316B1 (en) * 1998-12-17 2002-06-18 International Business Machines Corporation Bookmark set creation according to user selection of selected pages satisfying a search condition
US6523037B1 (en) * 2000-09-22 2003-02-18 Ebay Inc, Method and system for communicating selected search results between first and second entities over a network
US20030208376A1 (en) * 2001-03-02 2003-11-06 Eileen Vennum System and method for disseminating nutritional information
US20060106793A1 (en) * 2003-12-29 2006-05-18 Ping Liang Internet and computer information retrieval and mining with intelligent conceptual filtering, visualization and automation
US20050190280A1 (en) * 2004-02-27 2005-09-01 Haas William R. Method and apparatus for a digital camera scrolling slideshow
US20060107205A1 (en) * 2004-11-12 2006-05-18 Nokia Corporation Determining a main content area of a page
WO2006127480A2 (en) * 2005-05-20 2006-11-30 Perfect Market Technologies, Inc. A search apparatus having a search result matrix display
JP2008077183A (ja) * 2006-09-19 2008-04-03 Fujitsu Ltd スクロール制御プログラム、記録媒体、スクロール制御装置およびスクロール制御方法
JP2008152456A (ja) 2006-12-15 2008-07-03 Sharp Corp 情報処理装置、情報処理方法およびコンピュータプログラム
US7877384B2 (en) * 2007-03-01 2011-01-25 Microsoft Corporation Scoring relevance of a document based on image text
US7877687B2 (en) * 2007-08-16 2011-01-25 Yahoo! Inc. Persistent visual media player
US20100037138A1 (en) * 2008-08-11 2010-02-11 Live Face On Web, LLC Client-Configurable Video Delivery Platform
KR101791540B1 (ko) * 2009-06-08 2017-10-30 엘지전자 주식회사 이동 단말기 및 이동 단말기의 정보 표시 방법
KR101090673B1 (ko) 2010-03-29 2011-12-08 주식회사 인프라웨어 웹페이지 표시 방법 및 이를 위한 컴퓨터로 판독가능한 기록매체
JP5780409B2 (ja) * 2010-09-28 2015-09-16 カシオ計算機株式会社 表示制御装置及びプログラム
US20140223575A1 (en) * 2011-04-25 2014-08-07 Alcatel Lucent Privacy protection in recommendation services
US8484187B1 (en) * 2011-10-05 2013-07-09 Google Inc. Enhanced presentation mode for search results
US9569097B2 (en) * 2011-12-01 2017-02-14 Microsoft Technology Licesing, LLC Video streaming in a web browser
KR101314850B1 (ko) 2011-12-21 2013-10-10 (주)보고닷컴 웹페이지 제어 방법
KR101363560B1 (ko) * 2012-02-29 2014-02-18 주식회사 팬택 휴대용 단말 및 이의 동작 제어 방법
US20130262968A1 (en) * 2012-03-31 2013-10-03 Patent Speed, Inc. Apparatus and method for efficiently reviewing patent documents
US20130339830A1 (en) * 2012-06-15 2013-12-19 Microsoft Corporation Optimized document views for mobile device interfaces
KR101871718B1 (ko) * 2012-06-25 2018-06-27 엘지전자 주식회사 이동단말기 및 그 제어방법
JP6251948B2 (ja) * 2012-10-03 2017-12-27 コニカミノルタ株式会社 表示装置、画像形成装置、および表示制御プログラム
KR20140058212A (ko) * 2012-11-06 2014-05-14 삼성전자주식회사 객체 상태를 디스플레이하기 위한 방법 및 그 방법을 처리하는 전자 장치
KR20140074490A (ko) * 2012-12-10 2014-06-18 삼성전자주식회사 디스플레이장치 및 그 컨텐츠 제어방법
CN102968509B (zh) * 2012-12-17 2016-03-09 腾讯科技(深圳)有限公司 一种播放浏览器中多媒体的方法和装置
CN105009058A (zh) 2013-02-27 2015-10-28 日本电气株式会社 终端设备、信息显示方法和记录介质
JP5638648B2 (ja) * 2013-03-22 2014-12-10 ヤフー株式会社 広告生成装置、広告生成プログラム、及び端末装置
US10095397B2 (en) * 2013-04-30 2018-10-09 Splunk Inc. Navigating scrollable sections of content in a viewing area
KR102163991B1 (ko) * 2013-05-03 2020-10-12 삼성전자 주식회사 휴대 단말기의 아이템 선택 방법 및 장치
US9652782B2 (en) * 2013-05-17 2017-05-16 Apple Inc. Interaction-aware advertising for minimizing banner blindness
JP5668180B1 (ja) * 2013-05-20 2015-02-12 楽天株式会社 情報処理装置
US10725645B2 (en) * 2013-05-20 2020-07-28 Rakuten, Inc. Information processing device for controlling display of web pages using main display area and sub display area
WO2014192048A1 (ja) * 2013-05-31 2014-12-04 三菱重工プラスチックテクノロジー株式会社 射出成形機の制御装置、及び、画面表示方法
KR20150010406A (ko) 2013-07-19 2015-01-28 엘지전자 주식회사 휴대 단말기 및 그 제어 방법
US10028008B2 (en) * 2014-02-04 2018-07-17 Google Llc Persistent media player
JP5714145B1 (ja) 2014-02-12 2015-05-07 ヤフー株式会社 配信装置、端末装置、配信方法および配信プログラム
US10747416B2 (en) * 2014-02-13 2020-08-18 Samsung Electronics Co., Ltd. User terminal device and method for displaying thereof
US20160140626A1 (en) * 2014-10-12 2016-05-19 Atul Agarwal Web page advertisement configuration and optimization with visual editor and automatic website and webpage analysis
US9678629B2 (en) * 2014-12-11 2017-06-13 Ariba, Inc. Focusing on multiple selected rows within a data table
US10134074B2 (en) * 2015-01-30 2018-11-20 Walmart Apollo, Llc System for snap and pan of embedded maps within retail store search results and method of using same

Also Published As

Publication number Publication date
JP2018514880A (ja) 2018-06-07
US20180129392A1 (en) 2018-05-10
WO2016182328A1 (ko) 2016-11-17
KR101685288B1 (ko) 2016-12-09
US10795564B2 (en) 2020-10-06
KR20160132704A (ko) 2016-11-21

Similar Documents

Publication Publication Date Title
JP6563522B2 (ja) コンテンツ表示制御方法及びコンテンツ表示制御方法を行うユーザ端末
CN107015751B (zh) 文档中的对象和文本的最佳显示和缩放
KR101867651B1 (ko) 타일 정렬 기법
KR102118223B1 (ko) 크로스 윈도우 애니메이션
US9223548B2 (en) Method and apparatus for providing an application canvas framework
US20150012818A1 (en) System and method for semantics-concise interactive visual website design
US10353721B2 (en) Systems and methods for guided live help
US9208138B2 (en) Range adjustment for text editing
US20110219321A1 (en) Web-based control using integrated control interface having dynamic hit zones
US10049095B2 (en) In-context editing of output presentations via automatic pattern detection
US20110320964A1 (en) Real-time preview of uniform resource identifier addressable dynamic content
JP2017501479A (ja) ページ要素の表示
KR20140045301A (ko) 인서션 포인트에 기초한 사용자 인터페이스 상호작용 동작
US9268875B2 (en) Extensible content focus mode
US10908764B2 (en) Inter-context coordination to facilitate synchronized presentation of image content
CA2983248C (en) Rendering graphical assets natively on multiple screens of electronic devices
US20140033027A1 (en) E-Book Application with Multi-Document Display
US20130111333A1 (en) Scaling objects while maintaining object structure
KR20140063965A (ko) 동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템
JP5255483B2 (ja) オブジェクトの選択を容易にするための方法、装置およびプログラム
US20130132869A1 (en) Dynamic creation of user interface hot spots
US10437464B2 (en) Content filtering system for touchscreen devices
US10025768B2 (en) Inserting new elements in a tabular data structure
US10599318B2 (en) Column aware scrolling
US9892097B2 (en) Enabling absolute positioning with publishable HTML code

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20171113

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20180912

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20181002

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20190104

A02 Decision of refusal

Free format text: JAPANESE INTERMEDIATE CODE: A02

Effective date: 20190122

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20190520

A911 Transfer to examiner for re-examination before appeal (zenchi)

Free format text: JAPANESE INTERMEDIATE CODE: A911

Effective date: 20190527

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: 20190709

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20190724

R150 Certificate of patent or registration of utility model

Ref document number: 6563522

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

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