JP5705248B2 - 情報処理装置、サーバ装置、方法及びプログラム - Google Patents

Description

本発明は、端末におけるページの表示に関する。

従来、スマートフォンなどの端末Ｔに表示されたページの上部を、画面上端から引き下げるようにドラッグし放すことで、ページ内容を更新する機能が存在し、「Pull to Refresh」などと呼ばれている。

このような機能を、電子掲示板（例えば、特許文献１参照）におけるトピックのページのように、上部に親記事があり関連するコメントなどの子記事が親記事の下にあり、子記事のみが新規投稿などで更新されてゆくページに適用する場合、上部に位置する親記事の部分を引き下げて画面を更新するが、更新による新しい情報の有無は、子記事の部分を見て確認する必要がある。

特開２００７−２７２３３０号

この場合、親記事が長いと、最初に読むときは親記事のある上部から下部までページをスクロールして読んだ後、画面更新のために引き下げる操作は、ページ上部まで再び逆にスクロールして行い、その結果新たなコメントが画面に現れたか否かは、親記事の下まで三度目のスクロールをして確認することになる。

このように、従来では、ページ上部を引き下げる更新操作と、新たな子記事の確認とを効率よく行うことが困難であった。

本発明の目的は、ページの更新操作と更新内容の確認を効率的に行うことである。

上記の目的をふまえ、本発明の一態様（１）である情報処理装置は、上部に親記事、その下方に子記事の表示部分を含むページを、画面の表示領域に表示する表示手段と、前記ページが前記上部から、予め定められた部分までスクロール操作されたことを検出して、前記ページを、前記親記事を含まないページに変化させる非表示手段と、を備えたことを特徴とする。

本発明の他の態様（６）である情報処理方法は、上記態様を方法のカテゴリで捉えたもので、上部に親記事、その下方に子記事の表示部分を含むページを、画面の表示領域に表示する表示処理と、前記ページが前記上部から、予め定められた部分までスクロール操作されたことを検出して、前記ページを、前記親記事を含まないページに変化させる非表示処理と、をコンピュータに実行させることを特徴とする。

本発明の他の態様（７）である情報処理プログラムは、上記態様をコンピュータ・プログラムのカテゴリで捉えたもので、コンピュータを制御することにより、上部に親記事、その下方に子記事の表示部分を含むページを、画面の表示領域に表示させ、前記ページが前記上部から、予め定められた部分までスクロール操作されたことを検出して、前記ページを、前記親記事を含まないページに変化させることを特徴とする。

本発明の他の態様（８）であるサーバ装置は、上記態様をサーバ装置のカテゴリで捉えたもので、上記態様における情報処理プログラムを、前記コンピュータを備えた端末へ送信することを特徴とする。

本発明の他の態様（２）は、上記いずれかの態様において、前記表示手段は、前記子記事を新しく更新されたものほどページの上方に表示することを特徴とする。

本発明の他の態様（３）は、上記いずれかの態様において、前記非表示手段は、前記子記事の表示部分の上端が前記画面の表示領域の中心より上に達すると前記親記事を非表示とすることを特徴とする。

本発明の他の態様（４）は、上記いずれかの態様において、前記非表示手段は、前記子記事の表示部分の上端が前記画面の表示領域の上端に達すると前記親記事を非表示とすることを特徴とする。

本発明の他の態様（５）は、上記いずれかの態様において、予め定められた操作に応じ、前記非表示となった前記親記事を表示させる再表示手段をさらに備えたことを特徴とする。

本発明によれば、ページの更新操作と更新内容の確認を効率的に行うことができる。

本発明の実施形態について構成を示す機能ブロック図。 本発明の実施形態における処理手順を示すフローチャート。 本発明の実施形態における概念図（ページ）。 本発明の実施形態における画面表示例（初期状態）。 本発明の実施形態における画面表示例（所定部分の一例）。 本発明の実施形態における画面表示例（所定部分の一例）。 本発明の実施形態における画面表示例（非表示）。 本発明の実施形態における画面表示例（更新操作）。 本発明の実施形態における画面表示例（更新後）。

次に、本発明を実施するための形態（「実施形態」と呼ぶ）について図に沿って例示する。なお、背景技術や課題などで既に述べた内容と共通の前提事項は適宜省略する。

〔１．構成〕
図１の構成図は、本実施形態における端末Ｔと、通信ネットワークＮ（インターネット、携帯電話網など）を介して端末Ｔへページのデータを提供するサーバ１と、を示す。サーバ１は、コンピュータの構成として、ＣＰＵなどの演算制御部６と、主メモリや補助記憶装置等の記憶装置７と、通信ネットワークＮとの通信装置８（通信機器や通信アダプタなど）と、を有する。

端末Ｔは、実際は多数存在し、スマートフォン、タブレットＰＣや携帯電話端末など、コンピュータを用いた携帯情報端末である。端末Ｔは、コンピュータの構成（演算制御部６６、記憶装置７７及び通信手段８８）に加え、タッチパネル機能を備えた画面Ｇと、内蔵充電池を制御する充電池制御部３と、通話の制御を行う通話制御部４と、ＧＰＳなどによる測位処理を行う測位部５と、を備える。

端末Ｔでは、記憶装置７に記憶されているコンピュータプログラムを演算制御部６が実行することで、図１に示す各要素を実現する。このコンピュータプログラムは、端末Ｔに予めインストールされ又はサーバ１もしくは他のサーバが送信するもので、専用のアプリケーションプログラム（以下「アプリ」と呼ぶこととする）でもよいし、ウェブブラウザで実行するスクリプトなどでもよい。

このうち、記事記憶手段２５は、サーバ１から提供されるページのデータとして、ページに含まれるトピックの親記事および子記事などの情報を記憶する手段である。本実施形態で例示するページ（例えば図３）は、特定のグループ（「３年４組保護者会」とする）の参加者間において電子掲示板形式で出欠確認等の情報交換を行うためのものとする。

グループに属するページは複数設けることができ、個々のページは、ブログ（ウェブログ）のように、投稿記事など単一の親記事に対し、グループのメンバーが子記事であるコメントを投稿することにより、親記事に子記事が関連付けられるトピックやスレッドと呼ばれる記事の単位を形成できる形式であるものとする。

サーバ１では、端末Ｔからのページ表示要求や記事の投稿などに基き、ページ毎の記事等の情報をＣＧＩ表示手段１０が、トピック記憶手段１５に記憶させたり読み出して端末Ｔへ送信する。

サーバ１や端末Ｔで実現される記憶手段は、いわゆるローカル記憶に限らず、ネットワーク・コンピューティング（クラウド）によるリモート記憶でもよい。また、記憶手段は、データの格納領域だけでなく、データの入出力や管理などの機能を含んでもよい。また、本出願に示す記憶手段の単位は説明上の便宜によるもので、適宜、構成を分けたり一体化できる。また、明示する記憶手段以外にも、処理の対象、ワークエリアや結果などの記憶手段を適宜用いる。

なお、図中（例えば図１）の矢印は、データや制御などの流れについて主要な方向を補助的に示すもので、他の流れの否定や方向の限定を意味するものではない。例えばある方向のデータ取得の前後に、データ要求や確認応答（ＡＣＫ）が逆方向に発生し得る。

また、記憶手段以外の各手段は、以下に説明するような情報処理の機能・作用（例えば図１）を実現・実行する処理手段であるが、これらは説明のために整理した機能単位であり、実際のハードウェア要素やソフトウェアモジュールとの一致は問わない。

〔２．作用〕
図２は、上記のように構成された端末Ｔの動作手順のうち、特に本発明に関する部分を示すフローチャートである。まず、ユーザが、端末Ｔで所定のアプリを立ち上げ又はサーバ１により提供される所定のウェブページにアクセスすると、端末Ｔの表示手段２０は、サーバ１から送信されるデータに基づくページを画面の表示領域に表示する（ステップＳ１１）。

画面Ｇの表示領域は、画面の最上部や最下部にしばしば設けられるシステム領域や通知領域などを除いた正味の表示領域でもよいが、本実施形態では、画面Ｇの全体が表示領域であるため画面と表示領域が等しいものとし、表示領域についても同じ符号Ｇで表すものとする。

図３は、端末Ｔで表示するページＰの一例について、全体を示す概念図（下部は省略）で、ページＰは、上部に親記事Ｙ、その下方に子記事の表示部分Ｋを含む。図４は、ページＰの全体のうち、上端部を含む範囲が端末Ｔの画面Ｇに表示されている状態を示す。

なお、表示手段２０は、子記事を、新しく更新されたものほどページの上方に表示する。例えば、図３に示すページＰにおいて、子記事Ｃ５は子記事Ｃ４より新しく更新されたものである。更新は、新規投稿に限らず修正や削除などでもよい。

ここで、図４〜図９では、端末Ｔの上下に薄く示すページの部分は、ページＰのうち実際には表示されない部分を説明的に示している。また、ページＰにおいて、二重の山形であるマークＭ１を含む「トピック詳細」バーＢは、タップ操作により親記事Ｙを非表示に手動で切り換える画面要素である。

また、表示手段２０は、ドラッグやフリックなどのスクロール操作に応じ（ステップＳ１２：「ＹＥＳ」）ページＰを上下にスクロールする（ステップＳ１３）。そして、非表示手段３０は、ページＰが上部から所定部分までスクロール操作されたことを検出して（ステップＳ１４：「ＹＥＳ」）親記事の領域を折り畳むなどにより非表示とする（ステップＳ１５）。

「非表示とする」とは、ページＰを、親記事Ｙを含まないページに変化させることであり、この結果、図７に示すように（後述）、子記事の表示部分Ｋがページ上端に近い位置となる。親記事を非表示とするトリガーすなわち基準となる所定部分は、例えば次のように定める。

第一の例として（図５）、非表示手段３０は、子記事の表示部分Ｋの上端が画面の表示領域の中心Ｃより上に達すると（例えば図５の状態）、親記事Ｙを、折り畳まれるアニメーション表示などを経て非表示とする。

この場合、基準となる所定部分において、親記事Ｙの一部が画面Ｇに表示されているので、親記事Ｙが非表示に変化することが、ユーザは見て把握できる。なお、ここで基準とする中心Ｃは、面の中心でも、上下方向の中心線でもよいし、厳密な中心に限らず略中心でよい。

第二の例では（図６）、非表示手段３０は、子記事の表示部分Ｋの上端が画面の表示領域Ｇの上端に達すると（例えば図６の状態）画面外で親記事Ｙを非表示とする。この場合、ページを上に送るスクロールによって、子記事の表示部分Ｋの上端が画面の表示領域Ｇの上端に達した後、逆方向すなわちページを下へ送るスクロールを考える。

このときは、子記事の表示部分Ｋの上端が画面の表示領域Ｇの上端に達したことで、親記事は画面外で非表示に変化する。このため、逆方向すなわちページを下へスクロールしても、親記事が非表示となっているので、直ちにページの上端に達する（例えば図７）。親記事を非表示にする基準として、第一の例（図５）と第二の例（図６）のどちらにするかは、ユーザからの設定を受け付けてもよい。

図７は、親記事が非表示となったページを端末Ｔで表示している状態を示す例である。図３で「トピック詳細」バーＢと子記事の表示部分Ｋの間に示していた親記事Ｙが、図７では表示されていない。また、図７では、「トピック詳細」バーＢのマークが、図４で示した山形のマークＭ１とは上下逆の形状である谷型のマークＭ２となっている。このマークＭ２が表示されているとき「トピック詳細」バーＢをタップすれば親記事が再表示される。

再表示にあたっては、再表示手段５０が、予め定められた操作（ここでは「トピック詳細」バーＢのタップであるが、機能メニューからの選択など他の操作でもよく、再表示操作と呼んでおく）に応じ（ステップＳ１８：「ＹＥＳ」）、非表示となった親記事を表示させるので（ステップＳ１９）、図４のように親記事Ｙが見える状態に戻る。

また、更新手段４０は、所定の更新操作を検出すると（ステップＳ１６：「ＹＥＳ」）、サーバ１にアクセスして画面の表示内容を更新する（ステップＳ１７）。ここで、所定の更新操作は、画面上端に既に表示されているページの上部ないし上端をさらに画面上端から引き離すように引き下げて放す（リリースする）操作である。

例えば、図７のように表示されているページの上部（例えば「３年４組保護者会」というグループ名付近など）を指Ｆでタッチしたまま下方向へドラッグすると（例えば図８）、画面Ｇ上端とページの間に離間部Ｒが表示され、この状態で指Ｆを放すとページの上部が画面Ｇ上端まで戻って離間部Ｒは無くなり、ページ全体の表示内容が更新される。

図９は、端末Ｔに表示されているページが更新された直後の例で、最新のコメントＣ６（図中、実線の枠囲いで示す）が現れているが、最新のこのコメントＣ６はページ上端に近い位置に表示されているため、ユーザはスクロール操作なしで、新たなコメントＣ６の存在を知ることができる。

親記事の表示または非表示の別はクッキー情報などで管理され、その後、ユーザが、トピック一覧など他のページを表示後、再びページを表示すると、表示手段２０は、ページを最後に表示していたときと同じ状態で、例えば親記事を含まないページとして表示する。

〔３．効果〕
（１） 以上のように、本実施形態では、ページが所定部分までスクロールされたことを検出し（図２のステップＳ１４）、見終わった親記事を非表示にする（図７）。このため、子記事の表示部分Ｋがページ上部に近くなり（図７）、ページ上部を引き下げる更新操作（図８）に続いて、大きなスクロールなしで子記事の更新を効率的に確認できる（図９）。

（２） また、本実施形態では、新しい子記事ほどページ上方に位置するので（図３）、ページ上部を引き下げる更新操作に続いて（図８）、ゼロ又は最小限のスクロールで子記事の更新を確認できる（図９）。

（３） また、本実施形態では、親記事をまだ画面上部に見える間に非表示に変化させることができる（図５の例の場合）。このため、親記事が非表示に変化したことをユーザは見てわかり、ページをスクロールしたり次回表示したときに親記事が無いことをいぶかるなどの混乱を回避できる。

（４） また、本実施形態では、親記事を画面上方に隠れた時点で非表示に変化させることができる（図６の例の場合）。このため、親記事を非表示に変化させる際の折り畳むアニメーション表示などで画面全体が急激に動いて画面が見にくくなったりユーザを驚かすことがない。

（５） また、本実施形態では、いったん非表示となった親記事を所定操作で（図２のステップＳ１８：「ＹＥＳ」）再表示できるので（ステップＳ１９）、必要に応じて親記事の内容を再確認できる。

〔４．他の実施形態〕
なお、上記実施形態や図の内容は例示に過ぎず、各要素の有無や配置、処理の順序や内容などは適宜変更可能である。このため、本発明は、以下に例示する変形例やそれ以外の他の実施態様も含むものである。例えば、親記事と子記事は、ユーザ投稿とコメントには限られず、報道やニュースなどの記事と関連記事、商品情報と関連商品の情報など、他の情報でもよい。

また、親記事を非表示にする基準とする所定部分は、第一の例（図５）や第二の例（図６）に限られず、子記事の表示部分の上端が画面の上から１／３や２／３に達したときなど、他の部分や基準を用いてもよい。

また、各図の表示例（例えば図３から図９）は単純化した例示に過ぎず、画面にはシステム領域や情報の通知欄などがあってもよいし、ページ内には、参加不参加などのアンケートに回答するための「参加する」「参加しない」ボタン、コメント記入欄を表示するための「コメントする」ボタン、アンケートの結果や結果へのリンクの表示欄などがあってもよい。

また、本発明の各態様は、明記しない他のカテゴリ（方法、プログラム、端末を含むシステムなど）としても把握できる。方法やプログラムのカテゴリでは、装置のカテゴリで示した「手段」を「処理」や「ステップ」のように適宜読み替えるものとする。また、「手段」の全部又は任意の一部を「部」（ユニット、セクション、モジュール等）と読み替えることができる。

また、実施形態に示した処理やステップについても、順序を変更したり、いくつかをまとめて実行しもしくは一部分ずつ分けて実行するなど変更可能である。また、個々の手段、処理やステップを実現、実行するＣＰＵ、コア、スレッドなどは共通でもよいし、手段、処理やステップごとにもしくはタイミングごとに異なってもよい。

また、本出願で示す個々の手段は、外部のサーバが提供している機能をＡＰＩ（アプリケーションプログラムインタフェース）やネットワーク・コンピューティング（いわゆるクラウドなど）で呼び出して実現してもよい。さらに、本発明に関する手段などの各要素は、コンピュータの演算制御部に限らず物理的な電子回路など他の情報処理機構で実現してもよい。

１ サーバ
３ 充電池制御部
４ 通話制御部
５ 測位部
６、６６ 演算制御部
７、７７ 記憶装置
８、８８ 通信装置
１０ ＣＧＩ表示手段
１５ トピック記憶手段
２０ 表示手段
２５ 記事記憶手段
３０ 非表示手段
４０ 更新手段
５０ 再表示手段
Ｂ 「トピック詳細」バー
Ｃ 中心
Ｃ４ 子記事
Ｃ５ 子記事
Ｆ 指
Ｇ 画面（表示領域）
Ｋ 子記事の表示部分
Ｍ１、Ｍ２ マーク
Ｎ 通信ネットワーク
Ｐ ページ
Ｒ 離間部
Ｔ 端末
Ｙ 親記事

Claims (8)

1. 上部に親記事、その下方に子記事の表示部分を含むページを、画面の表示領域に表示する表示手段と、
   前記ページが前記上部から、予め定められた部分までスクロール操作されたことを検出して、前記ページを、前記親記事を含まないページに変化させるとともに、前記親記事が表示されていた前記上部まで当該ページがスクロール操作されても前記親記事を非表示のままとする非表示手段と、
   を備えたことを特徴とする情報処理装置。
2. 前記表示手段は、前記子記事を新しく更新されたものほどページの上方に表示することを特徴とする請求項１記載の情報処理装置。
3. 前記非表示手段は、前記子記事の表示部分の上端が前記画面の表示領域の中心より上に達すると前記親記事を非表示とすることを特徴とする請求項１又は２記載の情報処理装置。
4. 前記非表示手段は、前記子記事の表示部分の上端が前記画面の表示領域の上端に達すると前記親記事を非表示とすることを特徴とする請求項１から３のいずれか一項に記載の情報処理装置。
5. 予め定められた操作に応じ、前記非表示となった前記親記事を表示させる再表示手段をさらに備えたことを特徴とする請求項１から４のいずれか一項に記載の情報処理装置。
6. 上部に親記事、その下方に子記事の表示部分を含むページを、画面の表示領域に表示する表示処理と、
   前記ページが前記上部から、予め定められた部分までスクロール操作されたことを検出して、前記ページを、前記親記事を含まないページに変化させるとともに、前記親記事が表示されていた前記上部まで当該ページがスクロール操作されても前記親記事を非表示のままとする非表示処理と、
   をコンピュータに実行させることを特徴とする情報処理方法。
7. コンピュータを制御することにより、
   上部に親記事、その下方に子記事の表示部分を含むページを、画面の表示領域に表示させ、
   前記ページが前記上部から、予め定められた部分までスクロール操作されたことを検出して、前記ページを前記親記事を含まないページに変化させるとともに、前記親記事が表示されていた前記上部まで当該ページがスクロール操作されても前記親記事を非表示のままとする
   ことを特徴とする情報処理プログラム。
8. 請求項７記載の情報処理プログラムを、前記コンピュータを備えた端末へ送信することを特徴とするサーバ装置。

Images