JP7238394B2 - Information processing device, information processing method and program - Google Patents
Information processing device, information processing method and program Download PDFInfo
- Publication number
- JP7238394B2 JP7238394B2 JP2018241125A JP2018241125A JP7238394B2 JP 7238394 B2 JP7238394 B2 JP 7238394B2 JP 2018241125 A JP2018241125 A JP 2018241125A JP 2018241125 A JP2018241125 A JP 2018241125A JP 7238394 B2 JP7238394 B2 JP 7238394B2
- Authority
- JP
- Japan
- Prior art keywords
- display
- product
- display area
- displayed
- partial
- 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
Images
Landscapes
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Description
本発明は、情報処理装置、情報処理方法及びプログラムに関する。 The present invention relates to an information processing device, an information processing method, and a program.
特許文献１には、ＥＣ（Electronic Commerce）サイトの商品群の縮小画像を並べた一覧画面において、フィールド内に収まりきらない商品を、水平スクロールバーや垂直スクロールバーを操作して閲覧できるようにする技術が記載されている。 Patent Document 1 discloses that on a list screen in which reduced images of product groups on an EC (Electronic Commerce) site are arranged, products that do not fit in the field can be browsed by operating a horizontal scroll bar or a vertical scroll bar. technique is described.
しかしながら、特許文献１に記載の技術では、スクロール等により一覧画面の端辺で商品群の縮小画像が見切れて、縮小画像に部分的欠落が発生することが起こりうる。縮小画像等の画面に表示される要素に部分的欠落が発生すると、その要素が見にくくなって、画面の閲覧性が低下する。 However, with the technique described in Patent Literature 1, the reduced image of the product group may be cut off at the edge of the list screen due to scrolling or the like, and the reduced image may be partially missing. If an element displayed on the screen, such as a reduced image, is partially missing, the element becomes difficult to see and the viewability of the screen deteriorates.
本発明の目的は、上述した課題を鑑み、要素を表示する画面について高い閲覧性を実現することができる情報処理装置、情報処理方法及びプログラムを提供することにある。 SUMMARY OF THE INVENTION An object of the present invention is to provide an information processing apparatus, an information processing method, and a program capable of realizing high viewability of a screen displaying elements.
本発明の一観点によれば、第１の表示領域と第２の表示領域とを含む画面において前記第１の表示領域に第１の要素を表示する表示制御部と、前記第１の表示領域の端辺で前記第１の要素に部分的欠落が発生した場合に、前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の表示位置を調整する表示調整部とを有する情報処理装置が提供される。 According to one aspect of the present invention, a display control unit for displaying a first element in the first display area on a screen including a first display area and a second display area; a display adjustment unit that adjusts the display position of the first element so that at least a part of the partial omission is displayed when the first element is partially occluded at an edge of the An information processing device is provided.
本発明の他の観点によれば、第１の表示領域と第２の表示領域とを含む画面において前記第１の表示領域に第１の要素を表示し、前記第１の表示領域の端辺で前記第１の要素に部分的欠落が発生した場合に、前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の表示位置を調整する情報処理方法が提供される。 According to another aspect of the present invention, on a screen including a first display area and a second display area, a first element is displayed in the first display area, and an edge of the first display area is displayed. There is provided an information processing method for adjusting the display position of the first element so that at least part of the partial omission is displayed when the first element is partially occluded.
本発明のさらに他の観点によれば、コンピュータに、第１の表示領域と第２の表示領域とを含む画面において前記第１の表示領域に第１の要素を表示し、前記第１の表示領域の端辺で前記第１の要素に部分的欠落が発生した場合に、前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の表示位置を調整することを実行させるプログラムが提供される。 According to still another aspect of the present invention, a computer displays a first element in the first display area on a screen including a first display area and a second display area, and displays the first element in the first display area. A program for executing adjustment of the display position of the first element so that at least part of the partial omission is displayed when the first element is partially occluded at an edge of an area. is provided.
本発明によれば、要素を表示する画面について高い閲覧性を実現することができる。 Advantageous Effects of Invention According to the present invention, it is possible to realize high browsability of a screen displaying elements.
［第１実施形態］
本発明の第１実施形態による情報処理装置及び情報処理方法について図１乃至図８を用いて説明する。
[First embodiment]
An information processing apparatus and an information processing method according to a first embodiment of the present invention will be described with reference to FIGS. 1 to 8. FIG.
まず、本実施形態による情報処理装置である利用者端末を含む電子商取引システムの構成について図１乃至図４を用いて説明する。図１は、本実施形態による電子商取引システムの構成を示す概略図である。図２は、本実施形態による電子商取引システムにおける利用者端末及び電子商取引サーバの構成を示すブロック図である。図３は、本実施形態による利用者端末の商品閲覧画面の例を示す概略図である。図４は、本実施形態による利用者端末の商品閲覧画面に表示される商品表示欄の例を示す概略図である。 First, the configuration of an electronic commerce system including user terminals, which are information processing apparatuses according to the present embodiment, will be described with reference to FIGS. 1 to 4. FIG. FIG. 1 is a schematic diagram showing the configuration of an electronic commerce system according to this embodiment. FIG. 2 is a block diagram showing the configuration of a user terminal and an electronic commerce server in the electronic commerce system according to this embodiment. FIG. 3 is a schematic diagram showing an example of a product browsing screen of the user terminal according to this embodiment. FIG. 4 is a schematic diagram showing an example of product display columns displayed on the product browsing screen of the user terminal according to this embodiment.
本実施形態による電子商取引システムは、ネットワークを介して商品を販売する電子商取引サービスを提供するシステムである。図１に示すように、本実施形態による電子商取引システム１は、商品を購入するための利用者端末１０と、利用者端末１０から商品の購入が可能な電子取引サービスを提供する電子商取引サーバ２０とを含んでいる。電子商取引システム１は、１台又は複数台の利用者端末１０を含みうる。なお、ここにいう「商品」は、商取引の対象となりうるものを包括的に含む概念であり、動産であるか不動産であるかの別を問わず、有体物であるか無体物であるかの別を問わず、情報、サービスをも含む。また、電子商取引システムにおける商取引の内容は、商品を販売するものに限定されるものではなく、例えば、商品に相当する目的物を賃貸するもの、商品の売買又は賃貸を仲介するものであってもよい。
The electronic commerce system according to this embodiment is a system that provides an electronic commerce service for selling products via a network. As shown in FIG. 1, an electronic commerce system 1 according to the present embodiment includes a
電子商取引サーバ２０は、ネットワークＮＷに接続されている。ネットワークＮＷは、例えば、ＬＡＮ（Local Area Network）、ＷＡＮ（Wide Area Network）、移動体通信網等により構成されている。利用者端末１０は、無線方式又は有線方式でネットワークＮＷに接続することが可能になっている。利用者端末１０と電子商取引サーバ２０とは、ネットワークＮＷを介して通信可能になっている。
The
利用者端末１０は、特に限定されるものではないが、例えば、タブレット端末、スマートフォン、携帯電話、ラップトップ型又はデスクトップ型のパーソナルコンピュータ、キオスク端末等の情報処理装置である。利用者端末１０は、利用者Ｕにより所持されて利用される携帯型の情報処理装置であってもよいし、特定の場所に設置されて利用者Ｕにより利用される据え置き型の情報処理装置であってもよい。
The
具体的には、利用者端末１０は、例えば、店舗において顧客を接客して電子商取引サービスによる顧客の商品購入を補助する店員がその利用者Ｕとして操作する接客端末である。また、利用者端末１０は、例えば、電子商取引サービスによる商品の購入を希望する顧客自身がその利用者Ｕとして操作する顧客端末であってもよい。また、利用者端末１０は、例えば、電子商取引サービスにより商品の購入が可能な店舗内において商品を積載して運搬するためのカートに取り付けて利用されるカート用端末であってもよい。
Specifically, the
利用者端末１０は、図２に示すように、ＣＰＵ（Central Processing Unit）１０２と、ＲＡＭ（Random Access Memory）１０４と、記憶部１０６と、入力部１０８と、表示１１０と、通信部１１２とを有している。ＣＰＵ１０２、ＲＡＭ１０４、記憶部１０６、入力部１０８、表示部１１０及び通信部１１２は、共通バス１１４に接続されている。
The
ＣＰＵ１０２は、記憶部１０６に記憶されたプログラムを実行することにより動作し、利用者端末１０全体の動作を制御する制御部として機能する。また、ＣＰＵ１０２は、記憶部１０６に記憶されたプログラムを実行して利用者端末１０としての各種処理を実行する。ＲＡＭ１０４は、ＣＰＵ１０２の動作に必要なメモリ領域を提供する。
The
記憶部１０６には、電子商取引サーバ２０により提供される電子商取引サービスを利用するためのアプリケーションプログラムである電子商取引アプリケーションがインストールされている。ＣＰＵ１０２は、電子商取引アプリケーションを実行することにより、電子商取引サービスにて利用者Ｕが商品を購入するための各種処理を実行することができる。なお、電子商取引アプリケーションは、例えば、電子商取引サーバ２０により提供される電子商取引サービスを利用するための専用プログラムである。また、電子商取引アプリケーションは、専用プログラムに限定されるものではなく、例えば、電子商取引サーバ２０による電子商取引サービスを提供するためのウェブサイトであるＥＣサイトにアクセス可能なウェブブラウザであってもよい。
An electronic commerce application, which is an application program for using the electronic commerce service provided by the
より具体的には、ＣＰＵ１０２は、電子商取引アプリケーションを実行することにより、入力受付部１０２ａ、情報取得部１０２ｂ、表示制御部１０２ｃ、判定部１０２ｄ、表示調整部１０２ｅ及び注文要求部１０２ｆとして機能する。
More specifically, the
入力受付部１０２ａは、利用者Ｕにより入力部１０８を介して入力される商品表示要求の入力を受け付ける。商品表示要求は、例えば、顧客の関心のある商品、顧客が購入を希望する商品等の商品に関する情報の表示を要求する表示要求であり、商品に関連するキーワード、商品が属する商品カテゴリ等の商品条件を含む。利用者Ｕは、後述するように、例えば、商品閲覧画面３００に表示される検索ボックス３０６、商品カテゴリボタン３０８、３１０、３１２等により、商品に関連するキーワード、商品が属する商品カテゴリ、等の商品条件を入力することができる。これにより、利用者Ｕは、商品条件を含む商品表示要求を利用者端末１０に入力することができる。
The
情報取得部１０２ｂは、入力受付部１０２ａにより受け付けられた商品表示要求に含まれる商品条件に合致する商品の商品情報を電子商取引サーバ２０から取得する。情報取得部１０２ｂは、商品表示要求に含まれる商品条件を電子商取引サーバ２０にネットワークＮＷを介して送信する。また、情報取得部１０２ｂは、電子商取引サーバ２０において商品ＤＢ（Database）２０６ａから商品条件に合致する商品として抽出された商品の商品情報を、電子商取引サーバ２０からネットワークＮＷを介して受信する。商品情報は、利用者Ｕに提示すべき商品に関する情報であり、例えば、商品画像、商品名、価格等を含んでいる。
The
表示制御部１０２ｃは、電子商取引サーバ２０により提供される電子商取引サービスにより購入可能な商品を閲覧するための画面である商品閲覧画面を表示部１１０に表示する。図３は、タブレット端末である利用者端末１０のタッチパネルディスプレイとして入力部１０８が組み込まれて構成された表示部１１０に表示された商品閲覧画面３００の例を示している。
The
図３に示すように、表示制御部１０２ｃは、操作ボタン表示領域３０２ａ、３０２ｂ、３０２ｃ、３０２ｄと、商品表示領域３０４とを含む商品閲覧画面３００を表示部１１０に表示する。操作ボタン表示領域３０２ａ、３０２ｂ、３０２ｃ、３０２ｄは、各種の操作ボタンを表示する表示領域である。商品表示領域３０４は、商品情報を含む商品ページＰを表示する表示領域である。
As shown in FIG. 3, the
操作ボタン表示領域３０２ａ、３０２ｂは、それぞれ商品閲覧画面３００の上部に上限に並ぶように配置されている。操作ボタン表示領域３０２ｃは、商品閲覧画面３００における操作ボタン表示領域３０２ｂの下の左端部に配置されている。商品表示領域３０４は、商品閲覧画面３００における操作ボタン表示領域３０２ｂの下で操作ボタン表示領域３０２ｂの右側に配置されている。操作ボタン表示領域３０２ｄは、操作ボタン表示領域３０２ｂ及び商品表示領域３０４の下の商品閲覧画面３００の下部に配置されている。なお、商品閲覧画面３００における操作ボタン表示領域３０２ａ、３０２ｂ、３０２ｃ、３０２ｄ及び商品表示領域３０４のレイアウトは、これに限定されるものではなく、種々のレイアウトを採用することができる。
The operation
表示制御部１０２ｃは、操作ボタン表示領域３０２ａに検索ボックス３０６を表示する。利用者Ｕは、検索ボックス３０６に商品に関するキーワードを入力して検索の実行指示を入力することにより、商品条件として商品に関するキーワードを含む商品表示要求を入力することができる。
The
また、表示制御部１０２ｃは、操作ボタン表示領域３０２ｂに複数の商品カテゴリボタン３０８を表示する。表示制御部１０２ｃは、操作ボタン表示領域３０２ｂに複数の商品カテゴリボタン３０８を横に並べて表示することができる。また、表示制御部１０２ｃは、横に並べられた複数の商品カテゴリボタン３０８が操作ボタン表示領域３０２ｂに収まりきらない場合、複数の商品カテゴリボタン３０８を横スクロール可能に表示することができる。各商品カテゴリボタン３０８は、商品が属する上位の商品カテゴリを選択するためのボタンである。利用者Ｕは、商品カテゴリボタン３０８をタップ又はクリックして選択することにより、その商品カテゴリボタン３０８が示す商品カテゴリを選択することができる。なお、図３では、便宜上、商品カテゴリボタン３０８に「商品カテゴリＡ」、「商品カテゴリＢ」及び「商品カテゴリＣ」とのラベルを表示しているが、商品カテゴリボタン３０８には、商品カテゴリを示す具体的な商品カテゴリ名を表示することができる。
The
表示制御部１０２ｃは、商品カテゴリボタン３０８が利用者Ｕにより選択されると、選択された商品カテゴリボタン３０８から複数の商品カテゴリボタン３１０を展開して表示する。表示制御部１０２ｃは、商品カテゴリボタン３０８から横方向に複数の商品カテゴリボタン３１０を展開して表示することができる。商品カテゴリボタン３０８から展開された商品カテゴリボタン３１０は、商品カテゴリボタン３０８により選択された上位の商品カテゴリに属するサブカテゴリである中位の商品カテゴリを選択するためのボタンである。利用者Ｕは、商品カテゴリボタン３１０をタップ又はクリックして選択することにより、その商品カテゴリボタン３１０が示す商品カテゴリを選択することができる。なお、図３では、便宜上、商品カテゴリボタン３１０に「商品カテゴリＡ１」、「商品カテゴリＡ２」及び「商品カテゴリＡ３」とのラベルを表示しているが、商品カテゴリボタン３１０には、商品カテゴリを示す具体的な商品カテゴリ名を表示することができる。
When the
また、表示制御部１０２ｃは、操作ボタン表示領域３０２ｃに複数の商品カテゴリボタン３１２を表示する。表示制御部１０２ｃは、操作ボタン表示領域３０２ｃに複数の商品カテゴリボタン３１２を縦に並べて表示することができる。また、表示制御部１０２ｃは、縦に並べられた複数の商品カテゴリボタン３１２が操作ボタン表示領域３０２ｃに収まりきらない場合、複数の商品カテゴリボタン３１２を縦スクロール可能に表示することができる。各商品カテゴリボタン３１２は、商品カテゴリボタン３１０により選択された中位の商品カテゴリに属するサブカテゴリである下位の商品カテゴリを選択するためのボタンである。利用者Ｕは、商品カテゴリボタン３１２をタップ又はクリックして選択することにより、商品カテゴリボタン３１２が示す商品カテゴリを商品条件として含む商品表示要求を入力することができる。なお、図３では、便宜上、商品カテゴリボタン３１２に「商品カテゴリＡ１ａ」、「商品カテゴリＡ１ｂ」等とのラベルを表示しているが、商品カテゴリボタン３１２には、商品カテゴリを示す具体的な商品カテゴリ名を表示することができる。
The
また、表示制御部１０２ｃは、操作ボタン表示領域３０２ｄに注文手続きボタン３１４及び移動ボタン３１６を表示する。注文手続きボタン３１４は、商品表示領域３０４において選択された商品の注文手続きに移行するためのボタンである。移動ボタン３１６は、トップ画面に移動するためのボタン、前の画面に戻るためのボタンを含む。
The
また、表示制御部１０２ｃは、操作ボタン表示領域３０２ａ、３０２ｂ、３０２ｃ、３０２ｄに、商品条件として、商品の価格帯、等を設定する操作ボタンを表示することもできる。また、表示制御部１０２ｃは、操作ボタン表示領域３０２ａ、３０２ｂ、３０２ｃ、３０２ｄに、各種の操作ボタンのほか、広告等の情報を表示することができる。
The
表示制御部１０２ｃは、操作ボタン表示領域３０２ａ、３０２ｂ、３０２ｃ、３０２ｄの表示方法を固定して表示することができる。より具体的には、表示制御部１０２ｃは、操作ボタン表示領域３０２ａ、３０２ｂ、３０２ｃ、３０２ｄにおける拡大縮小率、色彩、明度、彩度等を固定して表示することができる。
The
一方、表示制御部１０２ｃは、商品表示領域３０４に商品ページＰを表示する。商品ページＰは、情報取得部１０２ｂにより取得された商品情報を表示する商品表示欄３１８を含むページである。表示制御部１０２ｃは、複数の商品表示欄３１８が縦横に格子状に並ぶように配置された商品ページＰを表示することができる。
On the other hand, the
図４に示すように、表示制御部１０２ｃは、商品表示欄３１８において、商品に関する情報として、例えば、商品画像３２０、商品名３２２、価格３２４を表示する。また、表示制御部１０２ｃは、商品表示欄３１８において、商品表示欄３１８に表示される商品を、購入希望商品として選択するための商品選択ボタン３２６を表示する。利用者Ｕは、商品選択ボタン３２６をタップ又はクリックすることにより、商品を購入希望商品として選択することができる。なお、表示制御部１０２ｃは、商品に関する情報として、図４に示す情報のほか、商品の製造者又は販売者、商品の仕様、過去の購入者による評価、購入により付与されるポイント数等を他の情報を表示することもできる。
As shown in FIG. 4, the
表示制御部１０２ｃは、商品表示領域３０４に縦方向に収まらない商品ページＰを上下の縦方向に縦スクロール可能に表示することができる。また、表示制御部１０２ｃは、商品表示領域３０４に横方向に収まらない商品ページＰを左右の横方向にスクロール可能に表示することができる。これにより、表示制御部１０２ｃは、商品ページＰに配置された複数の商品表示欄３１８を縦又は横に移動して、くまなく利用者Ｕが閲覧可能に表示することができる。利用者Ｕは、例えば、商品表示領域３０４をスクロールさせる方向に沿ってスワイプ、フリック又はドラッグするタッチ操作により、商品ページＰをスクロールさせることができる。なお、商品ページＰをスクロールさせる方法は、特に限定されるものではない。利用者Ｕは、例えば、入力部１０８としてのマウスによるホイール操作又は商品ページＰとともに表示されたスクロールバーのドラッグ操作、入力部１０８としてのキーボードのキー操作等により、商品ページＰをスクロールさせることができる。
The
また、表示制御部１０２ｃは、商品ページＰにおける複数の商品表示欄３１８が横方向に１列に並んで配置された帯状の部分である商品棚Ｓのそれぞれを、上下に隣接する商品棚Ｓとは独立して左右の横方向にスクロール可能に表示することができる。なお、表示制御部１０２ｃは、商品棚Ｓのそれぞれに、最下位の商品カテゴリごとに商品表示欄３１８を分類して表示することができる。最下位の商品カテゴリは、商品カテゴリボタン３１２により選択された商品カテゴリに属するサブカテゴリである。
In addition, the
また、表示制御部１０２ｃは、商品表示領域３０４において表示される商品ページＰを拡大又は縮小して、商品表示欄３１８を拡大又は縮小して表示することができる。利用者Ｕは、例えば、商品表示領域３０４をピンチアウト又はピンチインするタッチ操作により、商品ページＰを拡大又は縮小して商品表示欄３１８を拡大又は縮小することができる。なお、商品ページＰを拡大又は縮小する方法は、特に限定されるものではない。利用者Ｕは、例えば、入力部１０８としてのマウスによるホイール操作、入力部１０８としてのキーボードのキー操作等により、商品ページを拡大又は縮小することができる。
In addition, the
また、表示制御部１０２ｃは、例えば、利用者Ｕに対する訴求力の向上、利用者Ｕの視認性の向上等を目的として、商品表示領域３０４の表示方法を変更可能に表示することができる。より具体的には、表示制御部１０２ｃは、商品表示領域３０４において上述のように商品ページＰをスクロール可能又は拡大縮小可能に表示することができるほか、商品表示領域３０４又は商品表示欄３１８の色彩、明度、彩度等を変更して表示することができる。
Further, the
例えば、表示制御部１０２ｃは、商品表示領域３０４に表示される商品表示欄３１８の属性に応じて、商品表示領域３０４の一部若しくは全部又は商品表示欄３１８の一部若しくは全部について色彩、明度、彩度等を変更して表示することができる。表示制御部１０２ｃは、例えば、商品表示領域３０４に表示される商品表示欄３１８の属性に応じて、商品表示領域３０４の一部若しくは全部又は商品表示欄３１８の一部若しくは全部について色彩、明度、彩度等を変更して表示することができる。具体的には、表示制御部１０２ｃは、商品表示欄３１８に表示する商品が季節商品である場合、その季節に応じて、商品表示領域３０４の一部若しくは全部又は商品表示欄３１８の一部若しくは全部について色彩、明度、彩度等を変更して表示することができる。
For example, the
また、例えば、表示制御部１０２ｃは、商品表示領域３０４のうち、利用者Ｕにより注視又は注目されることが予測される中央の左右にわたる帯状部分を、上下端の左右にわたる帯状部分よりも明度又は彩度を上げて表示することができる。
Further, for example, the
判定部１０２ｄは、商品表示領域３０４における商品ページＰのスクロール又は拡大若しくは縮小により商品表示領域３０４の端辺で商品表示欄３１８に見切れによる部分的欠落が発生したか否かを判定する。すなわち、判定部１０２ｄは、商品ページＰのスクロール又は拡大若しくは縮小による商品表示欄３１８の移動又は拡大若しくは縮小により、商品表示領域３０４の端辺で商品表示欄３１８に見切れによる部分的欠落が発生したか否かを判定する。判定部１０２ｄは、見切れによる部分的欠落が発生したか否かの判定するため、商品ページＰのスクロール又は拡大若しくは縮小の有無を監視する。
The
判定部１０２ｄは、商品表示欄３１８に表示されるべき情報の一部が、商品表示領域３０４の端辺の外側に位置して商品表示領域３０４に表示されない場合に、商品表示欄３１８に見切れによる部分的欠落が発生したと判定することができる。判定部１０２ｄは、例えば、商品表示領域３０４の下端辺３０４Ｂ又は右端辺３０４Ｒで商品表示欄３１８に見切れによる部分的欠落が発生したか否かを判定することができる。なお、判定部１０２ｄは、商品表示領域３０４の下端辺３０４Ｂ又は右端辺３０４Ｒのほか、商品表示領域３０４の上端辺３０４Ｔ又は左端辺３０４Ｌで商品表示欄３１８に見切れによる部分的欠落が発生したか否かを判定することもできる。
If part of the information to be displayed in the
ただし、上端辺３０４Ｔ及び下端辺３０４Ｂの両端辺、又は左端辺３０４Ｌ及び右端辺３０４Ｒの両端辺で見切れによる部分的欠落が発生したか否かを判定して以下の表示調整部１０２ｅによる表示の調整を行うと、表示の調整が繰り返されるおそれがある。このため、見切れによる部分的欠落の発生の要因となりうるスクロールの方向等に応じて、上端辺３０４Ｔ及び下端辺３０４Ｂのいずれか一方、又は左端辺３０４Ｌ及び右端辺３０４Ｒのいずれか一方について、判定部１０２ｄによる判定を行うことができる。
However, display adjustment by the display adjusting unit 102e is performed by judging whether or not partial omission has occurred on both sides of the
例えば、商品表示領域３０４の下端辺３０４Ｂの下側に位置する商品表示欄３１８が商品表示領域３０４に表示されるように商品ページＰが下から上に縦スクロールされる場合がある。この場合、判定部１０２ｄは、上端辺３０４Ｔ及び下端辺３０４Ｂのうち、非表示だった商品表示欄３１８が縦スクロールにより商品表示領域３０４に表示されてくる下端辺３０４Ｂで見切れによる部分的欠落が発生したか否かを判定することができる。
For example, the product page P may be vertically scrolled from bottom to top so that the
また、例えば、商品表示領域３０４の右端辺３０４Ｒの右側に位置する商品表示欄３１８が商品表示領域３０４に表示されるように商品ページＰ全体又は商品棚Ｓが右から左に横スクロールされる場合がある。この場合、判定部１０２ｄは、左端辺３０４Ｌ及び右端辺３０４Ｒのうち、非表示だった商品表示欄３１８が横スクロールにより商品表示領域３０４に表示されてくる右端辺３０４Ｒで見切れによる部分的欠落が発生したか否かを判定することができる。
Further, for example, when the entire product page P or the product shelf S is horizontally scrolled from right to left so that the
表示調整部１０２ｅは、判定部１０２ｄにより見切れによる部分的欠落が発生したと判定された商品表示欄３１８の部分的欠落が表示されて解消されるように、商品表示領域３０４における当該商品表示欄３１８の表示位置を調整する表示調整処理を実行する。表示調整部１０２ｅは、商品表示領域３０４に表示される商品ページＰの位置をスクロールにより調整することにより、商品表示領域３０４における商品表示欄３１８の表示位置を調整することができる。
The display adjustment unit 102e adjusts the
表示調整部１０２ｅは、商品表示欄３１８の部分的欠落の全部が解消されるように商品表示欄３１８の表示位置を調整することもできるし、商品表示欄３１８の部分的欠落の一部が解消されるように商品表示欄３１８の表示位置を調整することもできる。すなわち、表示調整部１０２ｅは、商品表示欄３１８の部分的欠落の全部が商品表示領域３０４に表示されるように当該商品表示欄３１８の表示位置を調整することができる。また、表示調整部１０２ｅは、商品表示欄３１８の部分的欠落の一部が商品表示領域３０４に表示されるように当該商品表示欄３１８の表示位置を調整することもできる。
The display adjustment unit 102e can also adjust the display position of the
注文要求部１０２ｆは、商品表示領域３０４における商品表示欄３１８に表示された商品のうち、利用者Ｕにより購入希望商品として選択された商品の注文を電子商取引サーバ２０に対して要求する。注文要求部１０２ｆは、例えば、商品表示領域３０４における商品表示欄３１８の商品選択ボタン３２６により選択された商品の注文を要求する注文要求を、電子商取引サーバ２０にネットワークＮＷを介して送信する。
The
利用者Ｕは、例えば、商品表示領域３０４において商品表示欄３１８に表示された一又は複数の商品を選択して、注文手続きボタン３１４により注文手続きに移行することができる。利用者Ｕは、例えば、注文手続きの際に表示部１１０に表示されたカート画面等の注文確認画面において、注文確定ボタン等をタップ又はクリックすることにより、注文要求部１０２ｆに対して注文要求の送信を指示して注文を確定することができる。
For example, the user U can select one or a plurality of products displayed in the
記憶部１０６は、フラッシュメモリ、ハードディスクドライブ等の不揮発性メモリのような記憶媒体により構成されている。記憶部１０６は、ＣＰＵ１０２により実行される特定のアプリケーションプログラム等のプログラム、そのプログラムの実行の際にＣＰＵ１０２により参照されるデータ等を記憶する。例えば、記憶部１０６は、ＣＰＵ１０２により実行される電子商取引アプリケーションを記憶する。また、例えば、記憶部１０６は、情報取得部１０２ｂにより取得された商品情報、利用者Ｕにより購入希望商品として選択された商品に関する情報等を記憶することができる。
The
入力部１０８は、利用者端末１０に対するユーザからの情報、指示等の入力を受け付ける。利用者Ｕは、入力部１０８を介して、利用者端末１０に対して、各種情報を入力したり、処理の実行の指示を入力したりすることができる。入力部１０８は、例えば、表示部１１０に組み込まれたタッチパネルにより構成されている。なお、入力部１０８は、例えば、キーボード、マウス等により構成されていてもよい。
The
表示部１１０は、ＣＰＵ１０２による制御に従って、例えば、電子商取引アプリケーションの実行画面等の各種画面を表示する。電子商取引アプリケーションの実行画面は、例えば、商品閲覧画面３００のほか、電子商取引サービスの入口となるトップ画面、利用者Ｕの認証を要求するログイン画面、注文を確認して確定するための注文確認画面等を含む。表示部１１０は、例えば、液晶ディスプレイ、ＯＬＥＤ（Organic Light Emitting Diode）ディスプレイ等により構成され、入力部１０８とともにタッチパネルディスプレイとして構成されている。
The
通信部１１２は、ＣＰＵ１０２による制御に従って、ネットワークＮＷを介して電子商取引サーバ２０等の外部装置とデータの送受信を行う。通信部１１２の通信規格、方式等は、特に限定されるものではなく、無線方式であっても有線方式であってもよい。
The
こうして、本実施形態による利用者端末１０が構成されている。
Thus, the
電子商取引サーバ２０は、利用者端末１０から商品の購入が可能な電子取引サービスを提供する情報処理装置である。電子商取引サーバ２０は、購入可能な商品の商品情報、電子取引サービスを利用する顧客の顧客情報等を管理するとともに、利用者端末１０から送信される商品の注文要求に応じて、その決済、商品手配等の注文に関する処理を実行する。なお、電子商取引サーバ２０の機能は、単一のサーバにより実現されてもよいし、複数のサーバにより実現されてもよい。
The
電子商取引サーバ２０は、図２に示すように、ＣＰＵ２０２と、ＲＡＭ２０４と、記憶部２０６と、通信部２０８とを有している。ＣＰＵ２０２、ＲＡＭ２０４、記憶部２０６及び通信部２０８は、共通バス２１０に接続されている。
The
ＣＰＵ２０２は、記憶部２０６に記憶されたプログラムを実行することにより動作し、電子商取引サーバ２０全体の動作を制御する制御部として機能する。また、ＣＰＵ２０２は、記憶部２０６に記憶されたプログラムを実行して電子商取引サーバ２０としての各種処理を実行する。ＲＡＭ２０４は、ＣＰＵ２０２の動作に必要なメモリ領域を提供する。
The
より具体的には、ＣＰＵ２０２は、電子商取引サービスを提供するためのプログラムを実行することにより、情報提供部２０２ａ及び注文処理部２０２ｂとして機能する。
More specifically, the
情報提供部２０２ａは、利用者端末１０から受信した商品条件に合致する商品の商品情報を利用者端末１０に送信して提供する。情報提供部２０２ａは、記憶部２０６に格納された商品ＤＢ２０６ａから商品条件に合致する商品の商品情報を抽出する。例えば、情報提供部２０２ａは、商品条件と、商品ＤＢ２０６ａに記録された商品の商品情報とを比較して、商品条件と少なくとも商品情報の一部が合致した商品を、商品条件に合致する商品としてその商品情報を抽出することができる。
The
また、情報提供部２０２ａは、商品ＤＢ２０６ａから抽出した商品の商品情報を、ネットワークＮＷを介して利用者端末１０に送信する。
Further, the
注文処理部２０２ｂは、利用者端末１０から受信した商品の注文要求に応じて、当該商品の注文に関する処理を実行する。注文処理部２０２ｂは、注文に関する処理として、例えば、商品の注文に関する決済処理をネットワークＮＷを介して不図示の決済システムに要求する。また注文処理部２０２ｂは、注文に関する処理として、商品の確保、発送等の商品の手配をネットワークＮＷを介して不図示の商品管理システムに指示する。注文処理部２０２ｂは、注文に関する処理に際して、記憶部２０６に格納された顧客ＤＢ２０６ｂに記録された顧客情報を適宜利用することができる。
In response to a product order request received from the
記憶部２０６は、フラッシュメモリ、ハードディスクドライブ等の不揮発性メモリのような記憶媒体により構成されている。記憶部２０６は、ＣＰＵ２０２により実行される特定のアプリケーションプログラム等のプログラム、そのプログラムの実行の際にＣＰＵ２０２により参照されるデータ等を記憶する。例えば、記憶部２０６は、ＣＰＵ２０２により実行される電子商取引サービスを提供するためのアプリケーションを記憶する。
The
また、記憶部２０６は、電子商取引サービスにて購入可能な商品の商品情報が記録された商品ＤＢ２０６ａを格納している。商品ＤＢ２０６ａに登録された商品情報は、例えば、商品を一意に識別するための商品ＩＤ（Identification）、商品画像、商品名、製造者又は販売者、商品仕様、価格、商品カテゴリ等を含んでいる。また、記憶部２０６は、電子商取引サービスを利用する顧客の顧客情報が登録された顧客ＤＢ２０６ｂを格納している。顧客ＤＢ２０６ｂに登録された顧客情報は、例えば、顧客を一意に識別するための顧客ＩＤ、氏名、住所、連絡先、決済手段に関する情報等を含んでいる。
The
通信部２０８は、ＣＰＵ２０２による制御に従って、ネットワークＮＷを介して利用者端末１０等の外部装置とデータの送受信を行う。通信部２０８の通信規格、方式等は、特に限定されるものではなく、無線方式であっても有線方式であってもよい。
The
こうして、本実施形態による電子商取引サーバ２０が構成されている。
Thus, the
本実施形態による利用者端末１０は、商品閲覧画面３００を表示する表示動作の間、見切れによる部分的欠落が発生した商品表示欄３１８の部分的欠落が表示されて解消されるように、商品表示領域３０４における当該商品表示欄３１８の表示位置を調整する。これにより、商品閲覧画面３００に表示される要素である商品表示欄３１８について見切れによる部分的欠落のために見づらくなることを回避して、商品表示欄３１８を表示する商品表示領域３０４について高い閲覧性を実現することができる。こうして、本実施形態によれば、商品表示欄３１８が見やすくなるため、商品表示欄３１８の見づらさによる商品の販売機会の損失を低減することができる。
The
以下、本実施形態による利用者端末１０の表示動作についてさらに図５乃至図８を用いて説明する。図５は、利用者端末１０の表示動作を示すフローチャートである。図６は、利用者端末１０の表示動作において商品ページＰの縦スクロールにより見切れによる部分的欠落が発生した場合の表示調整処理を説明する概略図である。図７は、利用者端末１０の表示動作において商品ページＰの横スクロールにより見切れによる部分的欠落が発生した場合の表示調整処理を説明する概略図である。図８は、利用者端末１０の表示動作において商品ページＰの拡大により見切れによる部分的欠落が発生した場合の表示調整処理を説明する概略図である。利用者端末１０における表示動作が行われることにより、本実施形態による情報処理方法が実行される。
The display operation of the
図５に示すように、ＣＰＵ１０２により電子商取引アプリケーションが実行された利用者端末１０では、入力受付部１０２ａが、利用者Ｕにより入力部１０８を介して入力される商品表示要求の入力を受け付ける（ステップＳ１０２）。入力受付部１０２ａは、商品閲覧画面３００に表示された検索ボックス３０６、商品カテゴリボタン３０８、３１０、３１２等により入力された商品に関連するキーワード、商品が属する商品カテゴリ等の商品条件を含む商品表示要求を受け付ける。
As shown in FIG. 5, in the
次いで、情報取得部１０２ｂは、入力受付部１０２ａにより受け付けられた商品表示要求に含まれる商品条件に合致する商品の商品情報を電子商取引サーバ２０から取得する（ステップＳ１０４）。このため、情報取得部１０２ｂは、商品表示要求に含まれる商品条件を電子商取引サーバ２０にネットワークＮＷを介して送信する。次いで、情報取得部１０２ｂは、電子商取引サーバ２０において商品ＤＢ２０６ａから商品条件に合致する商品として抽出された商品の商品情報を、電子商取引サーバ２０からネットワークＮＷを介して受信する。
Next, the
次いで、表示制御部１０２ｃは、商品閲覧画面３００における商品表示領域３０４に、情報取得部１０２ｂにより取得された商品情報を表示する商品表示欄３１８を含む商品ページＰを表示する（ステップＳ１０６）。
Next, the
表示制御部１０２ｃは、利用者Ｕによる商品ページＰの表示を変更する操作として、商品ページＰをスクロール又は拡大若しくは縮小する操作が行われたか否かを継続的に判定し（ステップＳ１０８）、利用者Ｕによる操作を監視する（ステップＳ１０８、ＮＯ）。
The
表示制御部１０２ｃは、利用者Ｕによる商品ページＰの表示を変更する操作が行われたと判定すると（ステップＳ１０８、ＹＥＳ）、利用者Ｕの操作に応じて、商品表示領域３０４における商品ページＰの表示を変更する（ステップＳ１１０）。すなわち、表示制御部１０２ｃは、利用者Ｕにより商品ページＰをスクロールする操作が行われたと判定すると、その操作に応じて商品ページＰをスクロールする。また、表示制御部１０２ｃは、利用者Ｕにより商品ページＰを拡大又は縮小する操作が行われたと判定すると、その操作に応じて商品ページＰを拡大又は縮小する。
When the
判定部１０２ｄは、商品ページＰのスクロール又は拡大若しくは縮小により、商品表示領域３０４の端辺で商品表示欄３１８の見切れによる部分的欠落が発生したか否かを判定する（ステップＳ１１２）。判定部１０２ｄが、商品表示欄３１８の見切れによる部分的欠落が発生していないと判定すると（ステップＳ１１２、ＮＯ）、処理はステップＳ１０８に移行する。
The
判定部１０２ｄが、商品表示欄３１８に見切れによる部分的欠落が発生していると判定すると（ステップＳ１１２、ＹＥＳ）、表示調整部１０２ｅは、見切れによる部分的欠落が表示されるように、当該商品表示欄３１８の表示位置を調整する（ステップＳ１１４）。これにより、表示調整部１０２ｅは、商品表示欄３１８に発生した見切れによる部分的欠落を解消する。以下、商品表示欄３１８の表示位置を調整する表示調整部１０２ｅによる表示調整処理について、見切れによる部分的欠落の発生状況に応じて詳述する。
When the determining
まず、商品ページＰの縦スクロールにより商品表示領域３０４の下端辺３０４Ｂで商品表示欄３１８に見切れによる部分的欠落が発生した場合の表示調整部１０２ｅによる表示調整処理について図６（ａ）及び図６（ｂ）を用いて説明する。図６（ａ）及び図６（ｂ）では、商品表示欄３１８として、商品ページＰにおいて上から下に順に縦に並ぶように配置された商品表示欄３１８Ａ、３１８Ｂ、３１８Ｃを例示する。なお、商品ページＰには、商品表示欄３１８Ａ、３１８Ｂ、３１８Ｃ以外にも他の商品表示欄３１８が配置されうるが、図６（ａ）及び図６（ｂ）では他の商品表示欄３１８を省略している。
First, display adjustment processing by the display adjustment unit 102e when a partial omission has occurred due to the
図６（ａ）は、例えば商品表示欄３１８Ａ、３１８Ｂ、３１８Ｃが下から上に向かって移動する商品ページＰの縦スクロールの結果、商品表示領域３０４の下端辺３０４Ｂで商品表示欄３１８Ｂに見切れによる部分的欠落が発生した状態を示している。
FIG. 6A shows, for example, as a result of vertical scrolling of the product page P in which the
図６（ａ）に示すように、商品表示欄３１８Ｂの上側部分は、下端辺３０４Ｂの上側に位置して商品表示領域３０４に表示されている表示部分３１８Ｂａになっている。一方、商品表示欄３１８Ｂの下側部分は、下端辺３０４Ｂの下側に位置して商品表示領域３０４に表示されていない非表示部分３１８Ｂｂになっている。判定部１０２ｄは、このような商品表示欄３１８Ｂについて見切れによる部分的欠落が発生したと判定する。一方、商品表示欄３１８Ｂの上側に位置する商品表示欄３１８Ａは、全部が下端辺３０４Ｂの上側に位置して商品表示領域３０４に表示されている。商品表示欄３１８Ｂの下側に位置する商品表示欄３１８Ｃは、全部が下端辺３０４Ｂの下側に位置して商品表示領域３０４に表示されていない。
As shown in FIG. 6A, the upper part of the
なお、見切れによる部分的欠落の発生の原因となる商品ページＰの縦スクロールは、商品表示欄３１８Ａ、３１８Ｂ、３１８Ｃが下から上に向かって移動するもののみならず、上から下に向かって移動するものであってもよい。
It should be noted that the vertical scrolling of the product page P, which causes the occurrence of partial omission due to cut-off, is not limited to moving the
表示調整部１０２ｅは、図６（ａ）に示す見切れによる部分的欠落が発生した商品表示欄３１８Ｂの部分的欠落が表示されて解消されるように、商品表示領域３０４に表示される商品ページＰの位置を縦スクロールにより調整する。具体的には、表示調整部１０２ｅは、商品表示欄３１８Ａ、３１８Ｂ、３１８Ｃが下から上に向かって移動するように商品ページＰを縦スクロールすることにより、商品表示領域３０４における商品表示欄３１８Ｂの表示位置を調整する。これにより、表示調整部１０２ｅは、商品表示欄３１８Ｂの全部を下端辺３０４Ｂの上側に位置させて、商品表示欄３１８Ｂの全部を商品表示領域３０４に表示する。こうして、表示調整部１０２ｅは、商品表示欄３１８Ｂに発生した部分的欠落の全部を商品表示領域３０４に表示して解消する。
The display adjustment unit 102e adjusts the product page P displayed in the
図６（ｂ）は、表示調整部１０２ｅの表示調整処理により、図６（ａ）に示す商品表示欄３１８Ｂの見切れによる部分的欠落が解消された状態を示している。図６（ｂ）に示すように、表示位置の調整の結果、商品表示欄３１８Ｂは、全部が下端辺３０４Ｂの上側に位置して商品表示領域３０４に表示されている。なお、商品表示欄３１８Ｂの上側に位置する商品表示欄３１８Ａは、表示位置の調整後も、全部が下端辺３０４Ｂの上側に位置して商品表示領域３０４に表示されている。商品表示欄３１８Ｂの下側に位置する商品表示欄３１８Ｃは、表示位置の調整後も、全部が下端辺３０４Ｂの下側に位置して商品表示領域３０４に表示されていない。
FIG. 6(b) shows a state in which the partial omission due to the cut-out of the
次に、商品ページＰの横スクロールにより商品表示領域３０４の右端辺３０４Ｒで商品表示欄３１８の見切れによる部分的欠落が発生した場合の表示調整部１０２ｅによる表示調整処理について図７（ａ）及び図７（ｂ）を用いて説明する。図７（ａ）及び図７（ｂ）では、商品表示欄３１８として、商品ページＰにおいて左から右に順に縦に並ぶように配置された商品表示欄３１８Ｄ、３１８Ｅ、３１８Ｆを例示する。なお、商品ページＰには、商品表示欄３１８Ｄ、３１８Ｅ、３１８Ｆ以外にも他の商品表示欄３１８が配置されうるが、図６（ａ）及び図６（ｂ）では他の商品表示欄３１８を省略している。なお、商品ページＰの横スクロールは、商品ページＰ全体の横スクロールであってもよいし、商品棚Ｓの横スクロールであってもよい。
Next, display adjustment processing by the display adjustment unit 102e when a partial omission occurs due to the
図７（ａ）は、例えば商品表示欄３１８Ｄ、３１８Ｅ、３１８Ｆが右から左に向かって移動する商品ページＰの横スクロールの結果、商品表示領域３０４の右端辺３０４Ｒで商品表示欄３１８Ｅに見切れによる部分的欠落が発生した状態を示している。
FIG. 7A shows, for example, as a result of horizontal scrolling of the product page P in which the
図７（ａ）に示すように、商品表示欄３１８Ｅの左側部分は、右端辺３０４Ｒの左側に位置して商品表示領域３０４に表示されている表示部分３１８Ｅａになっている。一方、商品表示欄３１８Ｅの右側部分は、右端辺３０４Ｒの右側に位置して商品表示領域３０４に表示されていない非表示部分３１８Ｅｂになっている。判定部１０２ｄは、このような商品表示欄３１８Ｅについて見切れによる部分的欠落が発生したと判定する。一方、商品表示欄３１８Ｅの左側に位置する商品表示欄３１８Ｄは、全部が右端辺３０４Ｒの左側に位置して商品表示領域３０４に表示されている。商品表示欄３１８Ｅの右側に位置する商品表示欄３１８Ｆは、全部が右端辺３０４Ｒの右側に位置して商品表示領域３０４に表示されていない。
As shown in FIG. 7A, the left side of the
なお、見切れによる部分的欠落の発生の原因となった商品ページＰの横スクロールは、商品表示欄３１８Ｄ、３１８Ｅ、３１８Ｆが右から左に向かって移動するもののみならず、左から右に向かって移動するものであってもよい。
It should be noted that the horizontal scrolling of the product page P, which caused the partial omission due to cut-off, was not only the
表示調整部１０２ｅは、図７（ａ）に示す見切れによる部分的欠落が発生した商品表示欄３１８Ｅの部分的欠落が表示されて解消されるように、商品表示領域３０４に表示される商品ページＰの位置を横スクロールにより調整する。具体的には、表示調整部１０２ｅは、商品表示欄３１８Ｄ、３１８Ｅ、３１８Ｆが右から左に向かって移動するように商品ページＰを横スクロールすることにより、商品表示領域３０４における商品表示欄３１８Ｅの表示位置を調整する。これにより、表示調整部１０２ｅは、商品表示欄３１８Ｅの全部を右端辺３０４Ｒの左側に位置させて、商品表示欄３１８Ｅの全部を商品表示領域３０４に表示する。こうして、表示調整部１０２ｅは、商品表示欄３１８Ｅに発生した部分的欠落の全部を商品表示領域３０４に表示して解消する。
The display adjustment unit 102e adjusts the product page P displayed in the
図７（ｂ）は、表示調整部１０２ｅの表示調整処理により、図７（ａ）に示す商品表示欄３１８Ｅの見切れによる部分的欠落が解消された状態を示している。図７（ｂ）に示すように、表示位置の調整の結果、商品表示欄３１８Ｅは、全部が右端辺３０４Ｒの左側に位置して商品表示領域３０４に表示されている。なお、商品表示欄３１８Ｅの左側に位置する商品表示欄３１８Ｄは、表示位置の調整後も、全部が右端辺３０４Ｒの左側に位置して商品表示領域３０４に表示されている。商品表示欄３１８Ｅの右側に位置する商品表示欄３１８Ｆは、表示位置の調整後も、全部が右端辺３０４Ｒの右側に位置して商品表示領域３０４に表示されていない。
FIG. 7(b) shows a state in which the partial omission due to the cut-out of the
次に、商品ページＰの拡大により商品表示領域３０４の下端辺３０４Ｂで商品表示欄３１８の見切れによる部分的欠落が発生した場合の表示調整部１０２ｅによる表示調整処理について図８（ａ）及び図８（ｂ）を用いて説明する。図８（ａ）及び図８（ｂ）では、商品表示欄３１８として、商品ページＰに配置された商品表示欄３１８Ｇを例示する。なお、商品ページＰには、商品表示欄３１８Ｇ以外にも他の商品表示欄３１８が配置されうるが、図８（ａ）及び図８（ｂ）では他の商品表示欄３１８を省略している。
Next, display adjustment processing by the display adjustment unit 102e in the case where the
図８（ａ）は、商品表示領域３０４に全部が表示された商品表示欄３１８Ｇを含む商品ページＰの拡大の結果、商品表示領域３０４の下端辺３０４Ｂで、拡大された商品表示欄３１８Ｇに見切れによる部分的欠落が発生した状態を示している。なお、図８（ａ）では、商品ページＰの拡大により拡大される前の商品表示欄３１８Ｇを、商品表示欄３１８Ｇ′として示している。
In FIG. 8A, as a result of enlarging the product page P including the
図８（ａ）に示すように、拡大された商品表示欄３１８Ｇの上側部分は、下端辺３０４Ｂの上側に位置して商品表示領域３０４に表示されている表示部分３１８Ｇａになっている。一方、商品表示欄３１８Ｇの下側部分は、下端辺３０４Ｂの下側に位置して商品表示領域３０４に表示されていない非表示部分３１８Ｇｂになっている。判定部１０２ｄは、このような商品表示欄３１８Ｇについて見切れによる部分的欠落が発生したと判定する。
As shown in FIG. 8A, the upper part of the expanded
表示調整部１０２ｅは、図８（ａ）に示す見切れによる部分的欠落が発生した商品表示欄３１８Ｇの部分的欠落が表示されて解消されるように、商品表示領域３０４に表示される商品ページＰの位置を縦スクロールにより調整する。具体的には、表示調整部１０２ｅは、商品表示欄３１８Ｇが下から上に向かって移動するように商品ページＰを縦スクロールすることにより、商品表示領域３０４における商品表示欄３１８Ｇの表示位置を調整する。これにより、表示調整部１０２ｅは、商品表示欄３１８Ｇの全部を下端辺３０４Ｂの上側に位置させて、商品表示欄３１８Ｇの全部を商品表示領域３０４に表示する。こうして、表示調整部１０２ｅは、商品表示欄３１８Ｇに発生した部分的欠落の全部を商品表示領域３０４に表示して解消する。
The display adjustment unit 102e adjusts the product page P displayed in the
図８（ｂ）は、表示調整部１０２ｅの表示調整処理により、図８（ａ）に示す商品表示欄３１８Ｇの見切れによる部分的欠落が解消された状態を示している。図８（ｂ）に示すように、表示位置の調整の結果、商品表示欄３１８Ｇは、全部が下端辺３０４Ｂの上側に位置して商品表示領域３０４に表示されている。
FIG. 8(b) shows a state in which the partial omission due to the cut-out of the
なお、商品ページＰの拡大により拡大された商品表示欄３１８Ｇについては、例えば商品表示領域３０４の下端辺３４０Ｂのほか、例えば右端辺３０４Ｒで見切れによる部分的欠落が発生することがありうる。この場合、表示調整部１０２ｅは、上記図７（ａ）及び図７（ｂ）に示す場合と同様に処理して見切れによる部分的欠落を商品表示領域３０４に表示して解消することができる。
Regarding the
また、商品ページＰの拡大により拡大された商品表示欄３１８Ｇと同様に、商品ページＰの縮小により縮小された商品表示欄３１８についても、商品表示領域３０４の端辺で見切れが発生しうる。この場合、表示調整部１０２ｅは、商品ページＰの拡大により見切れによる部分的欠落が発生した場合と同様に処理して見切れによる部分的欠落を商品表示領域３０４に表示して解消することができる。
Further, as with the
利用者端末１０は、商品閲覧画面３００の商品表示領域３０４において商品表示欄３１８を表示する間、上述したステップＳ１０８からステップＳ１１４までの処理を適宜繰り返して実行する。こうして、利用者端末１０は、商品ページＰのスクロール又は拡大若しくは縮小により商品表示領域３０４の商品表示欄３１８に見切れによる部分的欠落が発生した場合に、商品表示欄３１８の見切れによる部分的欠落を商品表示領域３０４に表示して解消する。
While the
このように、本実施形態によれば、商品閲覧画面３００を表示する表示動作の間、見切れによる部分的欠落が発生した商品表示欄３１８の部分的欠落が表示されて解消されるように、商品表示領域３０４における当該商品表示欄３１８の表示位置を調整する。これにより、商品閲覧画面３００に表示される要素である商品表示欄３１８について、見切れによる部分的欠落のために見づらくなることを回避して、商品表示欄３１８を表示する商品表示領域３０４について高い閲覧性を実現することができる。こうして、本実施形態によれば、商品表示欄３１８が見やすくなるため、商品表示欄３１８の見づらさによる商品の販売機会の損失を低減することができる。
As described above, according to the present embodiment, during the display operation for displaying the
［第２実施形態］
本発明の第２実施形態による情報処理装置及び情報処理方法について図９乃至図１１を用いて説明する。なお、上記第１実施形態による情報処理装置及び情報処理方法と同様の構成要素については同一の符号を付し説明を省略し又は簡略にする。
[Second embodiment]
An information processing apparatus and an information processing method according to a second embodiment of the present invention will be described with reference to FIGS. 9 to 11. FIG. Components similar to those of the information processing apparatus and information processing method according to the first embodiment are denoted by the same reference numerals, and descriptions thereof are omitted or simplified.
上記第１実施形態では、見切れによる部分的欠落が発生した商品表示欄３１８について、見切れによる部分的欠落を一律に解消して商品表示領域３０４に表示する場合について説明したが、これに限定されるものではない。見切れによる部分的欠落が発生した商品表示欄３１８の表示部分の比率に応じて、商品表示欄３１８の見切れによる部分的欠落を解消し又は見切れによる部分的欠落が発生した商品表示欄３１８の全部を非表示の状態とすることもできる。
In the above-described first embodiment, a case has been described in which partial omission due to a cutout is uniformly resolved and displayed in the
本実施形態による利用者端末１０の構成は、第１実施形態と同様である。本実施形態では、見切れによる部分的欠落が発生した商品表示欄３１８の表示部分の比率に応じて、見切れによる部分的欠落を解消し又は部分的欠落が発生した商品表示欄３１８の全部を非表示の状態とする表示調整処理を実行する場合について説明する。本実施形態による表示調整処理は、図５に示すステップＳ１１４の表示調整処理に代えて実行することができる。
The configuration of the
以下、本実施形態による利用者端末１０の表示動作における表示調整処理について図９乃至図１１を用いて説明する。図９は、本実施形態による利用者端末１０の表示動作における表示調整処理を示すフローチャートである。図１０及び図１１は、本実施形態による利用者端末１０の表示動作において商品ページＰの縦スクロールにより見切れによる部分的欠落が発生した場合の表示調整処理を説明する概略図である。
Display adjustment processing in the display operation of the
判定部１０２ｄが、商品表示欄３１８に見切れによる部分的欠落が発生していると判定すると、図９に示すように、表示調整部１０２ｅは、部分的欠落が発生した商品表示欄３１８における表示部分の非表示部分に対する比率Ｒを計算する（ステップＳ２０２）。部分的欠落が発生した商品表示欄３１８における表示部分は、商品表示領域３０４の内側に位置して商品表示領域３０４に表示されている部分である。部分的欠落が発生した商品表示欄３１８における非表示部分は、商品表示領域３０４の外側に位置して商品表示領域３０４に表示されていない部分である。
When the
表示調整部１０２ｅは、見切れによる部分的欠落が発生した商品表示欄３１８における表示部分の非表示部分に対する比率Ｒとして種々の比率を計算することができる。表示調整部１０２ｅは、表示部分の非表示部分に対する比率Ｒとして、例えば、見切れによる部分的欠落の原因となったスクロールの方向における表示部分の非表示部分に対する長さ比を計算することができる。また、表示調整部１０２ｅは、表示部分の非表示部分に対する比率Ｒとして、例えば、表示部分の非表示部分に対する面積比を計算することもできる。
The display adjustment unit 102e can calculate various ratios as the ratio R of the display portion to the non-display portion in the
図１０（ａ）及び図１１（ａ）は、それぞれ図６（ａ）と同様に、商品ページＰの縦スクロールにより商品表示領域３０４の下端辺３０４Ｂで商品表示欄３１８Ｂに見切れによる部分的欠落が発生した状態を示している。
10(a) and 11(a), similar to FIG. 6(a), the vertical scrolling of the product page P causes the
図１０（ａ）では、商品表示欄３１８Ｂにおいて、表示部分３１８Ｂａの非表示部分３１８Ｂｂに対する比率Ｒが１よりも大きくなっている。すなわち、表示部分３１８Ｂａが非表示部分３１８Ｂｂよりも大きくなっている。表示部分３１８Ｂａは、商品表示欄３１８Ｂのうち、下端辺３０４Ｂの上側に位置して商品表示領域３０４に表示されている部分である。非表示部分３１８Ｂｂは、商品表示欄３１８Ｂのうち、下端辺３０４Ｂの下側に位置して商品表示領域３０４に表示されていない部分である。
In FIG. 10A, the ratio R of the display portion 318Ba to the non-display portion 318Bb is greater than 1 in the
図１０（ａ）とは異なり、図１１（ａ）では、商品表示欄３１８Ｂにおいて、表示部分３１８Ｂａの非表示部分３１８Ｂｂに対する比率Ｒが１よりも小さくなっている。すなわち、表示部分３１８Ｂａが非表示部分３１８Ｂｂよりも小さくなっている。
Unlike FIG. 10(a), in FIG. 11(a), the ratio R of the display portion 318Ba to the non-display portion 318Bb is smaller than 1 in the
表示調整部１０２ｅは、図１０（ａ）に示すように、表示部分３１８Ｂａの非表示部分３１８Ｂｂに対する比率Ｒが１以上であると判定すると（ステップＳ２０４、ＹＥＳ）、商品表示欄３１８Ｂの見切れによる部分的欠落を解消する（ステップＳ２０６）。このため、表示調整部１０２ｅは、商品表示領域３０４に表示される商品ページＰの位置を縦スクロールにより調整する。具体的には、表示調整部１０２ｅは、商品表示欄３１８Ａ、３１８Ｂ、３１８Ｃが下から上に向かって移動するように商品ページＰを縦スクロールすることにより、商品表示領域３０４における商品表示欄３１８Ｂの表示位置を調整する。これにより、表示調整部１０２ｅは、商品表示欄３１８Ｂの全部を下端辺３０４Ｂの上側に位置させて、商品表示欄３１８Ｂの全部を商品表示領域３０４に表示する。こうして、表示調整部１０２ｅは、商品表示欄３１８Ｂに発生した部分的欠落の全部を商品表示領域３０４に表示して解消する。
When the display adjustment unit 102e determines that the ratio R of the display portion 318Ba to the non-display portion 318Bb is 1 or more (step S204, YES), as shown in FIG. The missing target is resolved (step S206). Therefore, the display adjustment unit 102e adjusts the position of the product page P displayed in the
図１０（ｂ）は、表示調整部１０２ｅの表示調整処理により、図１０（ａ）に示す商品表示欄３１８Ｂの見切れによる部分的欠落が解消された状態を示している。図１０（ｂ）に示すように、表示位置の調整の結果、商品表示欄３１８Ｂは、第１実施形態と同様に、全部が下端辺３０４Ｂの上側に位置して商品表示領域３０４に表示されている。
FIG. 10(b) shows a state in which the partial omission due to the cut-out of the
一方、表示調整部１０２ｅは、図１１（ａ）に示すように、表示部分３１８Ｂａの非表示部分３１８Ｂｂに対する比率Ｒが１未満であると判定すると（ステップＳ２０４、ＮＯ）、商品表示欄３１８Ｂの全部を非表示の状態とする（ステップＳ２０８）。このため、表示調整部１０２ｅは、商品表示領域３０４に表示される商品ページＰの位置を縦スクロールにより調整する。具体的には、表示調整部１０２ｅは、商品表示欄３１８Ａ、３１８Ｂ、３１８Ｃが上から下に向かって移動するように商品ページＰを縦スクロールすることにより、商品表示領域３０４における商品表示欄３１８Ｂの表示位置を調整する。これにより、表示調整部１０２ｅは、商品表示欄３１８Ｂの全部を下端辺３０４Ｂの下側に位置させて、商品表示欄３１８Ｂの全部を商品表示領域３０４に表示されていない非表示の状態とする。
On the other hand, when the display adjustment unit 102e determines that the ratio R of the display portion 318Ba to the non-display portion 318Bb is less than 1 (step S204, NO), as shown in FIG. is hidden (step S208). Therefore, the display adjustment unit 102e adjusts the position of the product page P displayed in the
図１１（ｂ）は、表示調整部１０２ｅの表示調整処理により、図１０（ａ）に示す見切れによる部分的欠落が発生した商品表示欄３１８Ｂが非表示とされた状態を示している。図１１（ｂ）に示すように、表示位置の調整の結果、商品表示欄３１８Ｂは、全部が下端辺３０４Ｂの下側に位置して商品表示領域３０４に表示されていない非表示の状態になっている。
FIG. 11(b) shows a state in which the
こうして、本実施形態において、表示調整部１０２ｅは、表示部分３１８Ｂａの非表示部分３１８Ｂｂに対する比率Ｒに応じて、商品表示欄３１８Ｂの部分的欠落を解消し又は商品表示欄３１８Ｂの全部を非表示の状態とする表示調整処理を実行する。本実施形態では、表示部分３１８Ｂａが非表示部分３１８Ｂｂよりも小さい場合には部分的欠落が発生した商品表示欄３１８Ｂの全部を非表示の状態とするため、不自然な表示の調整を回避することができる。
Thus, in this embodiment, the display adjustment unit 102e eliminates the partial omission of the
なお、上記では、縦スクロールにより見切れによる部分的欠落が発生した場合について説明したが、横スクロールにより見切れによる部分的欠落が発生した場合も、縦横の方向が異なる点を除き同様に処理することができる。 In the above description, the case where a partial omission occurs due to the vertical scrolling has been explained. However, even if a partial omission occurs due to the horizontal scrolling, the same process can be performed, except that the vertical and horizontal directions are different. can.
［第３実施形態］
本発明の第３実施形態による情報処理装置及び情報処理方法について図１２乃至図１４を用いて説明する。なお、上記第１及び第２実施形態による情報処理装置及び情報処理方法と同様の構成要素については同一の符号を付し説明を省略し又は簡略にする。
[Third Embodiment]
An information processing apparatus and an information processing method according to a third embodiment of the present invention will be described with reference to FIGS. 12 to 14. FIG. Components similar to those of the information processing apparatus and information processing method according to the first and second embodiments are denoted by the same reference numerals, and description thereof is omitted or simplified.
上記第１実施形態では、見切れによる部分的欠落が発生した商品表示欄３１８について、一律に見切れを解消して商品表示領域３０４に表示する場合について説明したが、これに限定されるものではない。見切れによる部分的欠落の発生の原因となったスクロールの方向に応じて、商品表示欄３１８の見切れによる部分的欠落を解消し又は見切れによる部分的欠落が発生した商品表示欄３１８の全部を非表示とすることもできる。
In the above-described first embodiment, a description has been given of a case in which the
本実施形態による利用者端末１０の構成は、第１実施形態と同様である。本実施形態では、見切れによる部分的欠落の発生の原因となったスクロールの方向に応じて、見切れによる部分的欠落を解消し又は部分的欠落が発生した商品表示欄３１８の全部を非表示の状態とする表示調整処理を実行する場合について説明する。本実施形態による表示調整処理は、図５に示すステップＳ１１４の表示調整処理に代えて実行することができる。
The configuration of the
以下、本実施形態による利用者端末１０の表示動作における表示調整処理について図１２乃至図１４を用いて説明する。図１２は、本実施形態による利用者端末１０の表示動作における表示調整処理を示すフローチャートである。図１３及び図１４は、本実施形態による利用者端末１０の表示動作において商品ページＰの縦スクロールにより見切れによる部分的欠落が発生した場合の表示調整処理を説明する概略図である。
Display adjustment processing in the display operation of the
判定部１０２ｄが、商品表示欄３１８に見切れによる部分的欠落が発生していると判定すると、図１２に示すように、表示調整部１０２ｅは、見切れによる部分的欠落の発生の原因となった商品ページＰの縦スクロールの方向を取得する（ステップＳ３０２）。スクロールの方向を取得するため、表示調整部１０２ｅは、商品ページＰがスクロールされるたびにそのスクロールの方向をＲＡＭ１０４、記憶部１０６等に記憶して監視しておくことができる。
When the
図１３（ａ）及び図１４（ａ）は、それぞれ図６（ａ）と同様に、商品ページＰの縦スクロールにより商品表示領域３０４の下端辺３０４Ｂで商品表示欄３１８Ｂに見切れによる部分的欠落が発生した状態を示している。
13(a) and 14(a), similar to FIG. 6(a), the vertical scrolling of the product page P causes the
図１３（ａ）は、商品ページＰの縦スクロールの方向が、商品表示欄３１８Ａ、３１８Ｂ、３１８Ｃが下から上に向かって移動して商品表示欄３１８Ｂが下端辺３０４Ｂから商品表示領域３０４内に向かって移動していく進入方向である場合を示している。この場合、商品表示欄３１８Ｂは、商品ページＰの進入方向Ｄｉｎの縦スクロールにより、商品表示領域３０４内に向かって移動していって商品表示領域３０４に表示されていった結果、下端辺３０４Ｂで見切れによる部分的欠落が発生している。
In FIG. 13A, the direction of vertical scrolling of the product page P is such that the
一方、図１４（ａ）は、商品ページＰの縦スクロールの方向が、商品表示欄３１８Ａ、３１８Ｂ、３１８Ｃが上から下に向かって移動して商品表示欄３１８Ｂが下端辺３０４Ｂから商品表示領域３０４外に向かって移動していく退出方向である場合を示している。この場合、商品表示欄３１８Ｂは、商品ページＰの退出方向Ｄｏｕｔの縦スクロールにより、商品表示領域３０４外に向かって移動していって商品表示領域３０４から消えていった結果、下端辺３０４Ｂで見切れによる部分的欠落が発生している。
On the other hand, in FIG. 14A, the direction of vertical scrolling of the product page P is such that the
表示調整部１０２ｅは、図１３（ａ）に示すように、商品ページＰの縦スクロールの方向が進入方向Ｄｉｎであると判定すると（ステップＳ３０４、ＹＥＳ）、商品表示欄３１８Ｂの見切れによる部分的欠落を解消する（ステップＳ３０６）。このため、表示調整部１０２ｅは、商品表示領域３０４に表示される商品ページＰの位置を縦スクロールにより調整する。具体的には、表示調整部１０２ｅは、商品表示欄３１８Ａ、３１８Ｂ、３１８Ｃが下から上に向かって移動するように商品ページＰを縦スクロールすることにより、商品表示領域３０４における商品表示欄３１８Ｂの表示位置を調整する。これにより、表示調整部１０２ｅは、商品表示欄３１８Ｂの全部を下端辺３０４Ｂの上側に位置させて、商品表示欄３１８Ｂの全部を商品表示領域３０４に表示する。こうして、表示調整部１０２ｅは、商品表示領域３０４内に向かって移動した商品表示欄３１８Ｂに発生した部分的欠落の全部を商品表示領域３０４に表示して解消する。
When the display adjustment unit 102e determines that the direction of vertical scrolling of the product page P is the approach direction Din as shown in FIG. is eliminated (step S306). Therefore, the display adjustment unit 102e adjusts the position of the product page P displayed in the
図１３（ｂ）は、表示調整部１０２ｅの表示調整処理により、図１３（ａ）に示す商品表示欄３１８Ｂの見切れによる部分的欠落が解消された状態を示している。図１３（ｂ）に示すように、表示位置の調整の結果、商品表示欄３１８Ｂは、第１実施形態と同様に、全部が下端辺３０４Ｂの上側に位置して商品表示領域３０４に表示されている。
FIG. 13(b) shows a state in which the partial omission due to the cut-out of the
一方、表示調整部１０２ｅは、図１４（ａ）に示すように、商品ページＰの縦スクロールの方向が進入方向Ｄｉｎでなく退出方向Ｄｏｕｔであると判定すると（ステップＳ３０４、ＮＯ）、商品表示欄３１８Ｂの全部を非表示の状態とする（ステップＳ３０８）。このため、表示調整部１０２ｅは、商品表示領域３０４に表示される商品ページＰの位置を縦スクロールにより調整する。具体的には、表示調整部１０２ｅは、商品表示欄３１８Ａ、３１８Ｂ、３１８Ｃが上から下に向かって移動するように商品ページＰを縦スクロールすることにより、商品表示領域３０４における商品表示欄３１８Ｂの表示位置を調整する。これにより、表示調整部１０２ｅは、商品表示領域３０４外に向かって移動した商品表示欄３１８Ｂの全部を下端辺３０４Ｂの下側に位置させて、商品表示欄３１８Ｂの全部を商品表示領域３０４に表示されていない非表示の状態とする。
On the other hand, when the display adjustment unit 102e determines that the direction of vertical scrolling of the product page P is not the approach direction Din but the exit direction Dout as shown in FIG. 14A (step S304, NO), the
図１４（ｂ）は、表示調整部１０２ｅの表示調整処理により、図１４（ａ）に示す見切れによる部分的欠落が発生した商品表示欄３１８Ｂが非表示とされた状態を示している。図１４（ｂ）に示すように、表示位置の調整の結果、商品表示欄３１８Ｂは、全部が下端辺３０４Ｂの下側に位置して商品表示領域３０４に表示されていない非表示の状態になっている。
FIG. 14(b) shows a state in which the
こうして、本実施形態において、表示調整部１０２ｅは、見切れによる部分的欠落の発生の原因となった縦スクロールの方向に応じて、商品表示欄３１８Ｂの部分的欠落を解消し又は商品表示欄３１８Ｂの全部を非表示の状態とする表示調整処理を実行する。本実施形態では、スクロールの方向が退出方向Ｄｏｕｔである場合には部分的欠落が発生した商品表示欄３１８Ｂの全部を非表示の状態とするため、不自然な表示の調整を回避することができる。
In this way, in this embodiment, the display adjustment unit 102e eliminates the partial omission of the
なお、本実施形態による表示調整処理は、第２実施形態による表示調整処理とは独立して又は第２実施形態による表示調整処理と組み合わせて実行することができる。 Note that the display adjustment processing according to the present embodiment can be executed independently of the display adjustment processing according to the second embodiment or in combination with the display adjustment processing according to the second embodiment.
また、上記では、縦スクロールにより見切れによる部分的欠落が発生した場合について説明したが、横スクロールにより見切れによる部分的欠落が発生した場合も、縦横の方向が異なる点を除き同様に処理することができる。 Also, in the above description, the case where a partial omission occurs due to the vertical scrolling has been explained, but when a partial omission occurs due to the horizontal scrolling, the same process can be performed, except that the vertical and horizontal directions are different. can.
［他の実施形態］
上記実施形態において説明した情報処理装置は、他の実施形態によれば、図１５に示すように構成することもできる。図１５は、他の実施形態による情報処理装置の構成を示すブロック図である。
[Other embodiments]
The information processing apparatus described in the above embodiment can also be configured as shown in FIG. 15 according to another embodiment. FIG. 15 is a block diagram showing the configuration of an information processing device according to another embodiment.
図１５に示すように、他の実施形態による情報処理装置１０００は、１の表示領域と第２の表示領域とを含む画面において第１の表示領域に第１の要素を表示する表示制御部１００２を有する。また、情報処理装置１０００は、第１の表示領域の端辺で第１の要素に部分的欠落が発生した場合に、部分的欠落の少なくとも一部が表示されるように第１の要素の表示位置を調整する表示調整部１００４を有する。
As shown in FIG. 15, an
他の実施形態による情報処理装置１０００によれば、画面に表示される要素に発生した部分的欠落の少なくとも一部が表示されるように要素の表示位置を調整するので、要素を表示する画面について高い閲覧性を実現することができる。
According to the
［変形実施形態］
本発明は、上記実施形態に限らず、種々の変形が可能である。
[Modified embodiment]
The present invention is not limited to the above embodiments, and various modifications are possible.
例えば、上記実施形態では、表示調整部１０２ｅが、商品表示欄３１８に発生した部分的欠落の全部を商品表示領域３０４に表示して解消する場合を例に説明したが、これに限定されるものではない。表示調整部１０２ｅは、商品表示欄３１８に発生した部分的欠落の少なくとも一部が表示されて解消されるように当該商品表示欄３１８の表示位置を調整するものであればよい。
For example, in the above-described embodiment, the case where the display adjustment unit 102e displays all the partial omissions occurring in the
例えば、商品表示欄３１８に発生した部分的欠落に商品選択ボタン３２６が含まれる場合、すなわち商品表示欄３１８の商品選択ボタン３２６が表示されていない場合がある。この場合、表示調整部１０２ｅは、少なくとも商品選択ボタン３２６が選択可能に商品表示領域３０４に表示されるように当該商品表示欄３１８の表示位置を調整することができる。これにより、商品表示欄３１８に発生した商品選択ボタン３２６を含む部分的欠落の一部を商品表示領域３０４に表示して解消することができる。このとき、商品選択ボタン３２６が表示されるようになった商品表示欄３１８には、依然として部分的欠落が発生していてもよい。
For example, there is a case where the
また、上記実施形態では、表示調整部１０２ｅが、商品表示領域３０４における商品表示欄３１８に発生した見切れによる部分的欠落を商品表示領域３０４に表示して解消する場合を例に説明したが、これに限定されるものではない。表示調整部１０２ｅは、商品閲覧画面３００に表示される種々の要素に発生した見切れによる部分的欠落を解消することができる。
Further, in the above-described embodiment, the case where the display adjusting unit 102e resolves the partial omission caused by the cut-out in the
例えば、操作ボタン表示領域３０２ｂ、３０２ｃに表示される要素である商品カテゴリボタン３０８、３１０、３１２にも、商品表示欄３１８と同様に、スクロールにより操作ボタン表示領域３０２ｂ、３０２ｃの端辺で見切れによる部分的欠落が発生しうる。見切れによる部分的欠落が発生した商品カテゴリボタン３０８、３１０、３１２についても、表示調整部１０２ｅは、商品表示欄３１８と同様に表示位置を調整して見切れによる部分的欠落を操作ボタン表示領域３０２ｂ、３０２ｃに表示して解消することができる。また、表示調整部１０２ｅは、見切れによる部分的欠落が発生した商品カテゴリボタン３０８、３１０、３１２について、タップ又はクリックされた場合に、その全部を操作ボタン表示領域３０２ｂ、３０２ｃに表示するように表示位置を調整することもできる。そのほか、操作ボタン表示領域３０２ｂ、３０２ｃ等において広告を表示する広告表示欄等についても、見切れによる部分的欠落が発生した場合に同様に処理することができる。
For example, the
また、上記実施形態では、判定部１０２ｄが、見切れによる部分的欠落が発生したと判定した場合に、見切れによる部分的欠落を解消する等の表示調整処理を実行する場合を例に説明したが、これに限定されるものではない。例えば、判定部１０２ｄは、商品ページＰのスクロールの方向、速度、加速度等のスクロールに関する情報に基づき、商品表示領域３０４の端辺で商品表示欄３１８に見切れによる部分的欠落が発生するか否かを予測することもできる。この場合、表示調整部１０２ｅは、判定部１０２ｄが、見切れによる部分的欠落が発生すると予測した場合、部分的欠落が予測された商品表示欄３１８を、スクロール後の表示位置として上記と同様の表示調整処理後の表示位置に位置させることができる。これにより、商品表示欄３１８に発生する見切れによる部分的欠落を未然に防止することができる。
Further, in the above-described embodiment, the case where the
また、上記実施形態では、商品閲覧画面３００における商品表示領域３０４に商品表示欄３１８を表示する場合を例に説明したが、これに限定されるものではない。画面における部分的な表示領域において表示される欄、領域、部分、区画等のあらゆる要素について、上記実施形態と同様に、見切れによる部分的欠落を表示して解消する処理を実行することができる。また、例えば、画面に表示される画像自体、テキスト自体である要素についても、上記実施形態と同様に、見切れによる部分的欠落を表示して解消する処理を実行することができる。
Further, in the above-described embodiment, the case where the
また、上記第１乃至第３実施形態は、いかなる態様で組み合わせて実施することもできるし、それぞれ単独で実施することもできる。 Moreover, the above-described first to third embodiments can be implemented in combination in any manner, or can be implemented independently.
また、上記の各実施形態の機能を実現するように該実施形態の構成を動作させるプログラムを記録媒体に記録させ、該記録媒体に記録されたプログラムをコードとして読み出し、コンピュータにおいて実行する処理方法も各実施形態の範疇に含まれる。すなわち、コンピュータ読取可能な記録媒体も各実施形態の範囲に含まれる。また、上述のコンピュータプログラムが記録された記録媒体はもちろん、そのコンピュータプログラム自体も各実施形態に含まれる。 There is also a processing method in which a program for operating the configuration of each embodiment described above is recorded on a recording medium, the program recorded on the recording medium is read as code, and executed by a computer. It is included in the category of each embodiment. That is, a computer-readable recording medium is also included in the scope of each embodiment. In addition to recording media on which the computer programs described above are recorded, the computer programs themselves are also included in each embodiment.
該記録媒体としては、例えばフロッピー（登録商標）ディスク、ハードディスク、光ディスク、光磁気ディスク、ＣＤ－ＲＯＭ（Compact Disc-Read Only Memory）、磁気テープ、不揮発性メモリカード、ＲＯＭを用いることができる。また、該記録媒体に記録されたプログラム単体で処理を実行しているものに限らず、他のソフトウェア、拡張ボードの機能と共同して、ＯＳ（Operating System）上で動作して処理を実行するものも各実施形態の範疇に含まれる。 As the recording medium, for example, a floppy (registered trademark) disk, hard disk, optical disk, magneto-optical disk, CD-ROM (Compact Disc-Read Only Memory), magnetic tape, nonvolatile memory card, and ROM can be used. In addition, the program is not limited to executing the processing by itself, which is recorded on the recording medium, but in cooperation with other software and functions of the expansion board, it operates on the OS (Operating System) to execute the processing. are also included in the scope of each embodiment.
上記の実施形態の一部又は全部は、以下の付記のようにも記載されうるが、以下には限られない。 Some or all of the above-described embodiments can also be described in the following supplementary remarks, but are not limited to the following.
（付記１）
第１の表示領域と第２の表示領域とを含む画面において前記第１の表示領域に第１の要素を表示する表示制御部と、
前記第１の表示領域の端辺で前記第１の要素に部分的欠落が発生した場合に、前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の表示位置を調整する表示調整部と
を有する情報処理装置。
(Appendix 1)
a display control unit for displaying a first element in the first display area on a screen including the first display area and the second display area;
adjusting the display position of the first element so that at least part of the partial omission is displayed when the first element is partially occluded at the edge of the first display area; An information processing device comprising: a display adjustment unit;
（付記２）
前記表示調整部は、前記第１の表示領域に表示された前記第１の要素の移動又は拡大若しくは縮小により前記第１の要素に前記部分的欠落が発生した場合に、前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の前記表示位置を調整する付記１記載の情報処理装置。
(Appendix 2)
The display adjustment unit, when the partial lack occurs in the first element due to movement, enlargement, or reduction of the first element displayed in the first display area, adjusts the partial lack at least The information processing apparatus according to appendix 1, wherein the display position of the first element is adjusted so that a part of the element is displayed.
（付記３）
前記表示調整部は、前記部分的欠落が発生した前記第１の要素における表示部分の非表示部分に対する比率が１以上である場合に、前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の前記表示位置を調整する付記１又は２に記載の情報処理装置。
(Appendix 3)
The display adjustment unit adjusts the display so that at least a part of the partial omission is displayed when the ratio of the display portion to the non-display portion of the first element in which the partial omission occurs is 1 or more. 3. The information processing apparatus according to appendix 1 or 2, wherein the display position of the first element is adjusted.
（付記４）
前記表示調整部は、前記比率が１未満である場合に、前記部分的欠落が発生した前記第１の要素を、前記第１の表示領域に表示されない非表示の状態とする付記３記載の情報処理装置。
(Appendix 4)
The information according to Supplementary Note 3, wherein, when the ratio is less than 1, the display adjustment unit puts the first element in which the partial missing has occurred into a non-display state in which it is not displayed in the first display area. processing equipment.
（付記５）
前記表示調整部は、前記第１の表示領域内に向かって移動した前記第１の要素に前記部分的欠落が発生した場合に、前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の前記表示位置を調整する付記１乃至４のいずれかに記載の情報処理装置。
(Appendix 5)
The display adjustment unit adjusts the first element so that, when the partial omission occurs in the first element that has moved toward the first display area, at least part of the partial omission is displayed. 5. The information processing apparatus according to any one of appendices 1 to 4, wherein the display position of one element is adjusted.
（付記６）
前記表示調整部は、前記第１の表示領域外に向かって移動した前記第１の要素に前記部分的欠落が発生した場合に、前記部分的欠落が発生した前記第１の要素を、前記第１の表示領域に表示されない非表示の状態とする付記５記載の情報処理装置。
(Appendix 6)
When the first element moved out of the first display area is partially missing, the display adjustment unit adjusts the partially missing first element to the first display area. 6. The information processing apparatus according to appendix 5, which is in a non-display state in which the display area 1 is not displayed.
（付記７）
前記表示制御部は、前記第１の要素の属性に応じて、前記第１の表示領域の一部若しくは全部又は前記第１の要素の一部若しくは全部について、色彩、明度又は彩度を変更して表示する付記１乃至６のいずれかに記載の情報処理装置。
(Appendix 7)
The display control unit changes the color, brightness, or saturation of part or all of the first display area or part or all of the first element according to the attribute of the first element. 7. The information processing apparatus according to any one of appendices 1 to 6, wherein
（付記８）
前記表示制御部は、前記第１の表示領域に表示する前記第１の要素を選択するため第２の要素を前記第２の表示領域に表示する付記１乃至７のいずれかに記載の情報処理装置。
(Appendix 8)
8. The information processing according to any one of appendices 1 to 7, wherein the display control unit displays a second element in the second display area to select the first element to be displayed in the first display area. Device.
（付記９）
第１の表示領域と第２の表示領域とを含む画面において前記第１の表示領域に第１の要素を表示し、
前記第１の表示領域の端辺で前記第１の要素に部分的欠落が発生した場合に、前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の表示位置を調整する情報処理方法。
(Appendix 9)
displaying a first element in the first display area on a screen including a first display area and a second display area;
adjusting the display position of the first element so that at least part of the partial omission is displayed when the first element is partially occluded at the edge of the first display area; Information processing methods.
（付記１０）
コンピュータに、
第１の表示領域と第２の表示領域とを含む画面において前記第１の表示領域に第１の要素を表示し、
前記第１の表示領域の端辺で前記第１の要素に部分的欠落が発生した場合に、前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の表示位置を調整する
ことを実行させるプログラム。
(Appendix 10)
to the computer,
displaying a first element in the first display area on a screen including a first display area and a second display area;
adjusting the display position of the first element so that at least part of the partial omission is displayed when the first element is partially occluded at the edge of the first display area; A program that does something.
１…電子商取引システム
１０…利用者端末
２０…電子商取引サーバ
１０２…ＣＰＵ
１０２ａ…入力受付部
１０２ｂ…情報取得部
１０２ｃ…表示制御部
１０２ｄ…判定部
１０２ｅ…表示調整部
１０２ｆ…注文要求部
１０４…ＲＡＭ
１０６…記憶部
１０８…入力部
１１０…表示部
１１０…表示
１１２…通信部
１１４…共通バス
２０２…ＣＰＵ
２０２ａ…情報提供部
２０２ｂ…注文処理部
２０４…ＲＡＭ
２０６…記憶部
２０８…通信部
２１０…共通バス
1
106
202a...
206
Claims (9)
前記第１の表示領域の端辺で前記第１の要素に部分的欠落が発生した場合に、前記部分的欠落が発生した前記第１の要素における前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の表示位置を調整する表示調整部と
を有し、
前記表示調整部は、前記部分的欠落が発生した前記第１の要素における表示部分の非表示部分に対する比率が１以上である場合に、前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の前記表示位置を調整する情報処理装置。 a display control unit for displaying a first element in the first display area on a screen including the first display area and the second display area;
When the first element is partially missing at the edge of the first display area, at least part of the partial missing of the first element in which the partial missing is generated is displayed. a display adjustment unit that adjusts the display position of the first element as follows ,
The display adjustment unit adjusts the display so that at least a part of the partial omission is displayed when the ratio of the display portion to the non-display portion of the first element in which the partial omission occurs is 1 or more. An information processing device that adjusts the display position of the first element .
前記第１の表示領域の端辺で前記第１の要素に部分的欠落が発生した場合に、前記部分的欠落が発生した前記第１の要素における前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の表示位置を調整し、
前記第１の要素の表示位置を調整することは、前記部分的欠落が発生した前記第１の要素における表示部分の非表示部分に対する比率が１以上である場合に、前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の前記表示位置を調整する情報処理方法。 displaying a first element in the first display area on a screen including a first display area and a second display area;
When the first element is partially missing at the edge of the first display area, at least part of the partial missing of the first element in which the partial missing is generated is displayed. Adjust the display position of the first element so that
Adjusting the display position of the first element includes at least one of the partial omissions when the ratio of the display portion to the non-display portion of the first element in which the partial omission has occurred is 1 or more. An information processing method for adjusting the display position of the first element so that a portion is displayed .
第１の表示領域と第２の表示領域とを含む画面において前記第１の表示領域に第１の要素を表示し、
前記第１の表示領域の端辺で前記第１の要素に部分的欠落が発生した場合に、前記部分的欠落が発生した前記第１の要素における前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の表示位置を調整し、
前記第１の要素の表示位置を調整することは、前記部分的欠落が発生した前記第１の要素における表示部分の非表示部分に対する比率が１以上である場合に、前記部分的欠落の少なくとも一部が表示されるように前記第１の要素の前記表示位置を調整する
ことを実行させるプログラム。 to the computer,
displaying a first element in the first display area on a screen including a first display area and a second display area;
When the first element is partially missing at the edge of the first display area, at least part of the partial missing in the first element in which the partial missing is generated is displayed. Adjust the display position of the first element so that
Adjusting the display position of the first element includes at least one of the partial omissions when the ratio of the display portion to the non-display portion of the first element in which the partial omission has occurred is 1 or more. A program for adjusting the display position of the first element so that a portion is displayed .
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2018241125A JP7238394B2 (en) | 2018-12-25 | 2018-12-25 | Information processing device, information processing method and program |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2018241125A JP7238394B2 (en) | 2018-12-25 | 2018-12-25 | Information processing device, information processing method and program |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP2020102105A JP2020102105A (en) | 2020-07-02 |
| JP7238394B2 true JP7238394B2 (en) | 2023-03-14 |
Family
ID=71139673
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2018241125A Active JP7238394B2 (en) | 2018-12-25 | 2018-12-25 | Information processing device, information processing method and program |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP7238394B2 (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2009128994A (en) | 2007-11-20 | 2009-06-11 | Fujifilm Corp | Merchandise retrieval system, merchandise retrieval method, and merchandise retrieval program |
| JP2014056400A (en) | 2012-09-12 | 2014-03-27 | Sharp Corp | Information processing apparatus, control method of information processing apparatus, control program, and recording medium |
| US20160266703A1 (en) | 2015-03-13 | 2016-09-15 | Fuji Xerox Co., Ltd. | Display device, image processing apparatus, non-transitory computer readable medium, and display control method |
| JP2018185837A (en) | 2018-06-28 | 2018-11-22 | キヤノン株式会社 | Display control apparatus, control method thereof, and program |
-
2018
- 2018-12-25 JP JP2018241125A patent/JP7238394B2/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2009128994A (en) | 2007-11-20 | 2009-06-11 | Fujifilm Corp | Merchandise retrieval system, merchandise retrieval method, and merchandise retrieval program |
| JP2014056400A (en) | 2012-09-12 | 2014-03-27 | Sharp Corp | Information processing apparatus, control method of information processing apparatus, control program, and recording medium |
| US20160266703A1 (en) | 2015-03-13 | 2016-09-15 | Fuji Xerox Co., Ltd. | Display device, image processing apparatus, non-transitory computer readable medium, and display control method |
| JP2016170674A (en) | 2015-03-13 | 2016-09-23 | 富士ゼロックス株式会社 | Display, image processing apparatus, and program |
| JP2018185837A (en) | 2018-06-28 | 2018-11-22 | キヤノン株式会社 | Display control apparatus, control method thereof, and program |
Also Published As
| Publication number | Publication date |
|---|---|
| JP2020102105A (en) | 2020-07-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8606652B2 (en) | Topical page layout | |
| US7996282B1 (en) | Method and system for selecting and displaying items | |
| US7949573B1 (en) | Displaying product recommendations in electronic commerce | |
| US8972895B2 (en) | Actively and passively customizable navigation bars | |
| US20140249935A1 (en) | Systems and methods for forwarding users to merchant websites | |
| JP6215425B1 (en) | Determination program, determination method, and determination apparatus | |
| JP5199289B2 (en) | Product information providing server device, product information display program, product information display method, and product information display system | |
| TW201528184A (en) | Information processing system, information processing system control method, information processing device, information processing device control method, program, and information storage medium | |
| CN112734537A (en) | Commodity information processing method, commodity information processing device, storage medium and computer equipment | |
| US20060226220A1 (en) | Sales office system | |
| JP5119188B2 (en) | Purchase support device, purchase support system, purchase support method, and purchase support program | |
| JP5715112B2 (en) | Product information providing server device, product information display program, product information display method, and product information display system | |
| CN114647802A (en) | Method, apparatus and computer program for displaying search information | |
| JP7238394B2 (en) | Information processing device, information processing method and program | |
| JP6712024B1 (en) | Product information providing device, product information providing program, and product information providing method | |
| JP2007079759A (en) | Internet advertising method and advertising system | |
| US9697557B2 (en) | System and method of electronic searching and shopping carts | |
| US9959564B1 (en) | Providing confirmations for list modifications | |
| JP5162308B2 (en) | Product information providing server and product information providing system | |
| JP7013506B2 (en) | Information processing equipment, information processing methods and programs | |
| JP6706913B2 (en) | Advertisement display device and advertisement display method | |
| US9652792B1 (en) | Dynamically generating resource tracking codes | |
| WO2017098576A1 (en) | Presentation device, presentation method, non-transitory computer-readable information recording medium, and program | |
| JP2007115184A (en) | Electronic commerce system | |
| US8055553B1 (en) | Dynamic comparison text functionality |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20211108 |
|
| A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20220729 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20220802 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20220929 |
|
| 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: 20230131 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20230213 |
|
| R151 | Written notification of patent or utility model registration |
Ref document number: 7238394 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R151 |