JP2021168215A - Information processing device, information processing method, and program - Google Patents
Information processing device, information processing method, and program Download PDFInfo
- Publication number
- JP2021168215A JP2021168215A JP2021123145A JP2021123145A JP2021168215A JP 2021168215 A JP2021168215 A JP 2021168215A JP 2021123145 A JP2021123145 A JP 2021123145A JP 2021123145 A JP2021123145 A JP 2021123145A JP 2021168215 A JP2021168215 A JP 2021168215A
- Authority
- JP
- Japan
- Prior art keywords
- product
- image
- displayed
- variation
- display
- 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.)
- Granted
Links
- 230000010365 information processing Effects 0.000 title claims abstract description 56
- 238000003672 processing method Methods 0.000 title claims abstract description 8
- 230000004044 response Effects 0.000 claims description 10
- 239000000047 product Substances 0.000 description 638
- 238000000034 method Methods 0.000 description 41
- 230000008569 process Effects 0.000 description 22
- 238000004891 communication Methods 0.000 description 20
- 238000012790 confirmation Methods 0.000 description 13
- 238000010586 diagram Methods 0.000 description 13
- 238000012545 processing Methods 0.000 description 10
- 230000006870 function Effects 0.000 description 8
- 238000000605 extraction Methods 0.000 description 6
- 230000007704 transition Effects 0.000 description 4
- 230000008859 change Effects 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000010079 rubber tapping Methods 0.000 description 2
- 208000034874 Product colour issue Diseases 0.000 description 1
- 239000013065 commercial product Substances 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
Images
Abstract
Description
本発明は、情報処理装置、情報処理方法及びプログラムに関する。 The present invention relates to an information processing device, an information processing method and a program.
近年、インターネットの普及に伴い、インターネットを介した商品の販売が盛んに行われている。このような販売形態の一例として、電子商取引に係るウェブサイトに出品者が商品を出品し、かかるウェブサイトを介して商品をユーザに販売するものがある（例えば特許文献１）。 In recent years, with the spread of the Internet, products have been actively sold via the Internet. As an example of such a sales form, there is a case where a seller puts up a product on a website related to electronic commerce and sells the product to a user through such a website (for example, Patent Document 1).
このような電子商取引では、スマートフォン等の端末装置に対するユーザの操作（例えば、検索ワードによる検索指示や、商品カテゴリーの選択）に応じて、商品の画像が端末装置の表示部に表示される（例えば、特許文献２）。通常、ユーザの操作に応じてまず複数の商品が抽出され、これらの複数の商品が端末装置の表示部において一覧表示される。ユーザは、この商品一覧画面においていずれかの商品を選択する操作を行うことで、商品の詳細な情報を閲覧したり、商品の購入手続きを進めたりするための個別の商品画面に遷移させることができる。 In such electronic commerce, an image of a product is displayed on the display unit of the terminal device in response to a user operation (for example, a search instruction by a search word or selection of a product category) on a terminal device such as a smartphone (for example, a search instruction by a search word or selection of a product category). , Patent Document 2). Usually, a plurality of products are first extracted according to the operation of the user, and the plurality of products are listed in a list on the display unit of the terminal device. By performing an operation of selecting one of the products on this product list screen, the user can transition to an individual product screen for viewing detailed product information or proceeding with the product purchase procedure. can.
また、個別の商品を表示する画面において、商品に予め対応付けられている複数の商品画像を、ユーザの操作（例えば、画面上をスワイプする操作）に応じて所定の表示順序で切り替えて表示部に表示させる技術がある。ここで表示される複数の商品画像に、商品の詳細な特徴を示す商品画像等を含めておくことで、商品の特徴を把握しやすくすることができる。 Further, on the screen for displaying individual products, a plurality of product images associated with the products in advance are switched in a predetermined display order according to a user operation (for example, an operation of swiping on the screen) to display a display unit. There is a technology to display on. By including the product image or the like showing the detailed characteristics of the product in the plurality of product images displayed here, it is possible to easily grasp the characteristics of the product.
しかしながら、上記複数の商品画像の表示順序は、商品の出品者等によって予め定められて固定されている。このため、ユーザにとって必要性の低い商品画像が優先されて表示されたり、ユーザが所望する商品画像が表示されるまでに多数回の操作を要したりする。
このように、従来の技術では、簡易に所望の商品画像を表示させることができないという課題がある。
However, the display order of the plurality of product images is predetermined and fixed by the seller of the product or the like. For this reason, a product image that is less necessary for the user may be displayed with priority, or a large number of operations may be required before the product image desired by the user is displayed.
As described above, the conventional technique has a problem that a desired product image cannot be easily displayed.
この発明の目的は、簡易に所望の商品画像を表示させることができる情報処理装置、情報処理方法及びプログラムを提供することにある。 An object of the present invention is to provide an information processing device, an information processing method, and a program capable of easily displaying a desired product image.
上記目的を達成するため、請求項１に記載の情報処理装置の発明は、
電子商取引の取引対象である商品に予め対応付けられている複数の商品画像を、表示部の所定の商品情報画面において、ユーザの操作に応じて所定の表示順序で切り替えて表示させる商品表示制御部を備え、
前記複数の商品画像の各々は、異なる複数種類の画像群のいずれかに属し、
前記表示順序は、同一の画像群に属する商品画像が連続して表示されるように、かつ前記複数種類の画像群が所定の優先順位に従う順序で表示されるように定められており、
前記複数種類の画像群の優先順位は、前記商品が属する商品分類に応じて定められていることを特徴としている。
In order to achieve the above object, the invention of the information processing apparatus according to
A product display control unit that switches and displays a plurality of product images associated with a product that is a transaction target of electronic commerce in a predetermined display order according to a user's operation on a predetermined product information screen of the display unit. With
Each of the plurality of product images belongs to one of a plurality of different types of image groups, and
The display order is defined so that product images belonging to the same image group are continuously displayed, and the plurality of types of image groups are displayed in an order according to a predetermined priority.
The priority order of the plurality of types of image groups is characterized in that it is determined according to the product classification to which the product belongs.
請求項２に記載の発明は、請求項１に記載の情報処理装置において、
前記複数種類の画像群は、前記商品に設定されている複数のバリエーションに対応する複数の商品画像からなるバリエーション画像群を含むことを特徴としている。
The invention according to
The plurality of types of image groups are characterized by including a variation image group including a plurality of product images corresponding to a plurality of variations set in the product.
請求項３に記載の発明は、請求項２に記載の情報処理装置において、
前記商品表示制御部は、
前記商品の前記複数のバリエーションのうち、在庫がないバリエーションを特定し、
前記商品情報画面において、前記複数のバリエーションのうち在庫があるバリエーションに対応する商品画像が、在庫がないバリエーションに対応する商品画像より先に表示されるように、前記バリエーション画像群における商品画像の表示順序を定めることを特徴としている。
The invention according to
The product display control unit
Among the plurality of variations of the product, the variation that is out of stock is identified.
On the product information screen, the product image in the variation image group is displayed so that the product image corresponding to the in-stock variation among the plurality of variations is displayed before the product image corresponding to the out-of-stock variation. It is characterized by determining the order.
請求項４に記載の発明は、請求項２又は３に記載の情報処理装置において、
ユーザの操作に応じて抽出された複数の商品を、前記表示部における所定の商品一覧画面に表示させる商品一覧表示制御部と、
前記商品一覧画面に表示された前記複数の商品の中からユーザの操作により選択された一の商品を特定する商品特定部と、
を備え、
前記商品表示制御部は、前記商品特定部により特定された前記商品に対応付けられた前記複数の商品画像を前記商品情報画面において表示させ、
前記商品一覧表示制御部は、前記商品一覧画面において、商品の複数のバリエーションを表示させ、
前記商品特定部は、前記商品一覧画面におけるユーザの操作に応じて、前記商品とともに当該商品のバリエーションを特定し、
前記商品表示制御部は、前記商品情報画面において、前記商品特定部により特定されたバリエーションに対応する商品画像を最初に表示させるとともに、前記複数種類の画像群のうち前記バリエーション画像群が最初に表示されるように前記優先順位を定めることを特徴としている。
The invention according to
A product list display control unit that displays a plurality of products extracted according to a user's operation on a predetermined product list screen in the display unit, and a product list display control unit.
A product identification unit that identifies one product selected by a user's operation from the plurality of products displayed on the product list screen.
With
The product display control unit displays the plurality of product images associated with the product specified by the product identification unit on the product information screen.
The product list display control unit displays a plurality of variations of the product on the product list screen.
The product identification unit identifies a variation of the product together with the product in response to a user operation on the product list screen.
The product display control unit first displays the product image corresponding to the variation specified by the product identification unit on the product information screen, and the variation image group is displayed first among the plurality of types of image groups. It is characterized in that the priority is set so as to be performed.
請求項５に記載の発明は、請求項２〜４のいずれか一項に記載の情報処理装置において、
特定の商品分類に属する商品に係る前記複数種類の画像群の表示順序は、前記バリエーション画像群が先頭となるように定められていることを特徴としている。
The invention according to
The display order of the plurality of types of image groups related to products belonging to a specific product category is characterized in that the variation image group is set to be the first.
請求項６に記載の発明は、請求項５に記載の情報処理装置において、
前記特定の商品分類は被服であることを特徴としている。
The invention according to
The particular product classification is characterized by being clothing.
請求項７に記載の発明は、請求項２〜６のいずれか一項に記載の情報処理装置において、
前記バリエーションは、商品の外観の相違であることを特徴としている。
The invention according to
The variation is characterized by a difference in the appearance of the product.
請求項８に記載の発明は、請求項７に記載の情報処理装置において、
前記バリエーションは、商品の色の相違であることを特徴としている。
The invention according to
The variation is characterized by a difference in the color of the product.
請求項９に記載の発明は、請求項２〜８のいずれか一項に記載の情報処理装置において、
前記複数種類の画像群は、前記商品を代表する商品画像からなる代表画像群を含むこと
を特徴としている。
The invention according to
The plurality of types of image groups are characterized by including a representative image group composed of product images representing the product.
請求項１０に記載の発明は、請求項２〜９のいずれか一項に記載の情報処理装置において、
前記複数種類の画像群は、前記商品の詳細な特徴を示す商品画像からなる詳細画像群を含むことを特徴としている。
The invention according to
The plurality of types of image groups are characterized by including a detailed image group composed of product images showing detailed features of the product.
請求項１１に記載の発明は、請求項２〜１０のいずれか一項に記載の情報処理装置において、
前記商品表示制御部は、前記商品情報画面において前記バリエーション画像群に属する前記商品画像を表示させる場合に、前記複数のバリエーションの各々に設定された複数のサブバリエーションに係る情報を併せて表示させることを特徴としている。
The invention according to
When displaying the product image belonging to the variation image group on the product information screen, the product display control unit also displays information related to a plurality of subvariations set for each of the plurality of variations. It is characterized by.
請求項１２に記載の発明は、請求項１〜１１のいずれか一項に記載の情報処理装置において、
前記商品表示制御部は、前記商品情報画面において、前記複数の商品画像のうち表示されている商品画像の、前記所定の表示順序に従った画像番号を表示させることを特徴としている。
The invention according to
The product display control unit is characterized in that, on the product information screen, image numbers of the product images displayed among the plurality of product images are displayed according to the predetermined display order.
請求項１３に記載の発明は、請求項１〜１２のいずれか一項に記載の情報処理装置において、
前記商品表示制御部は、
前記商品画像を所定の方向にスライド移動させて表示させる商品画像を切り替え、
前記商品情報画面において、表示の切り替えの対象となる他の商品画像がある方向を示す切替方向標識を表示させることを特徴としている。
The invention according to
The product display control unit
Switching the product image to be displayed by sliding the product image in a predetermined direction,
The product information screen is characterized in that a switching direction sign indicating a certain direction is displayed for another product image to be displayed.
また、上記目的を達成するため、請求項１４に記載の情報処理方法の発明は、
電子商取引の取引対象である商品に予め対応付けられている複数の商品画像を、表示部の所定の商品情報画面において、ユーザの操作に応じて所定の表示順序で切り替えて表示させる商品表示ステップを含み、
前記複数の商品画像の各々は、異なる複数種類の画像群のいずれかに属し、
前記表示順序は、同一の画像群に属する商品画像が連続して表示されるように、かつ前記複数種類の画像群が所定の優先順位に従う順序で表示されるように定められており、
前記複数種類の画像群の優先順位は、前記商品が属する商品分類に応じて定められていることを特徴としている。
Further, in order to achieve the above object, the invention of the information processing method according to
A product display step of switching and displaying a plurality of product images associated with a product to be traded in an electronic commerce in a predetermined display order according to a user's operation on a predetermined product information screen of the display unit. Including
Each of the plurality of product images belongs to one of a plurality of different types of image groups, and
The display order is defined so that product images belonging to the same image group are continuously displayed, and the plurality of types of image groups are displayed in an order according to a predetermined priority.
The priority order of the plurality of types of image groups is characterized in that it is determined according to the product classification to which the product belongs.
また、上記目的を達成するため、請求項１５に記載のプログラムの発明は、
情報処理装置に設けられたコンピュータを、
電子商取引の取引対象である商品に予め対応付けられている複数の商品画像を、表示部の所定の商品情報画面において、ユーザの操作に応じて所定の表示順序で切り替えて表示させる商品表示制御手段として機能させ、
前記複数の商品画像の各々は、異なる複数種類の画像群のいずれかに属し、
前記表示順序は、同一の画像群に属する商品画像が連続して表示されるように、かつ前記複数種類の画像群が所定の優先順位に従う順序で表示されるように定められており、
前記複数種類の画像群の優先順位は、前記商品が属する商品分類に応じて定められていることを特徴としている。
Further, in order to achieve the above object, the invention of the program according to
The computer installed in the information processing device
A product display control means for switching and displaying a plurality of product images associated with a product that is a transaction target of electronic commerce in a predetermined display order according to a user's operation on a predetermined product information screen of the display unit. To function as
Each of the plurality of product images belongs to one of a plurality of different types of image groups, and
The display order is defined so that product images belonging to the same image group are continuously displayed, and the plurality of types of image groups are displayed in an order according to a predetermined priority.
The priority order of the plurality of types of image groups is characterized in that it is determined according to the product classification to which the product belongs.
本発明に従うと、簡易に所望の商品画像を表示させることができるという効果がある。 According to the present invention, there is an effect that a desired product image can be easily displayed.
以下、本発明の情報処理装置、情報処理方法及びプログラムに係る実施の形態を図面に基づいて説明する。 Hereinafter, embodiments of the information processing apparatus, information processing method, and program of the present invention will be described with reference to the drawings.
［１．情報処理システムの構成］
図１は、本実施形態に係る情報処理システム１の構成を示す図である。
情報処理システム１は、複数の端末装置１０（情報処理装置）と、サーバ装置２０と、を備える。複数の端末装置１０及びサーバ装置２０は、通信ネットワークＮを介して接続されている。通信ネットワークＮは、例えばインターネットであるが、これに限られず、ＬＡＮ（Local Area Network）等、他のネットワークであってもよい。
[1. Information processing system configuration]
FIG. 1 is a diagram showing a configuration of an
The
端末装置１０は、例えば、スマートフォン、タブレット型端末、ノートＰＣ（Personal Computer）、デスクトップＰＣ、携帯電話機、ＰＤＡ（Personal Digital Assistant）等である。図１では、端末装置１０がスマートフォンである場合を例に挙げて説明している。複数の端末装置１０は、それぞれ異なるユーザＵ１、Ｕ２、Ｕ３…により使用される。以下では、ユーザＵ１、Ｕ２、Ｕ３…のうち任意の１人を指す場合には「ユーザＵ」と記す。なお、端末装置１０は、ユーザＵが使用するものであってサーバ装置２０との通信が可能であれば、上記の機器に限られない。
The
サーバ装置２０は、端末装置１０からの要求に応じて各種の情報処理を実行し、結果を端末装置１０に送信する。端末装置１０は、サーバ装置２０から受信した情報に基づいて表示部において表示を行う。情報処理システム１は、端末装置１０及びサーバ装置２０によるこれらの一連の情報処理により、ユーザＵに対して電子商取引サービスを提供する。
The
ユーザＵは、端末装置１０上で電子商取引サービス用のアプリケーションプログラム（プログラム）（以下、「ショッピングアプリ１２４」と記す）を実行させることで、端末装置１０の表示部１４に電子商取引サービスの各種情報を表示させて電子商取引を行うことができる。詳しくは、ショッピングアプリ１２４が実行されると、予め登録済の認証情報が端末装置１０からサーバ装置２０に送信され、電子商取引サービスへのログインが行
われる。ユーザＵが電子商取引サービスにログインした状態で、ショッピングアプリ１２４上で各種操作を行うと、サーバ装置２０に対して電子商取引サービスに係る各種処理要求が送信され、その処理結果がサーバ装置２０から端末装置１０に送信される。端末装置１０では、当該処理結果に応じて表示部１４に電子商取引サービスに係る各種情報が表示される。例えば、商品（取引対象）の検索結果を表示部１４に表示させたり、選択した商品の購入手続きを行うための画面を表示させたりすることができる。ショッピングアプリ１２４上で購入手続きが完了すると、予め登録されているユーザＵの住所に出品者から商品が発送される。このように、本実施形態の電子商取引サービスでは、有体物である商品を電子商取引の取引対象とすることができる。ただし、これに限られず、動画視聴や旅行といったサービスが取引対象の商品とされてもよい。
The user U causes the
次に、端末装置１０及びサーバ装置２０の構成について説明する。
図２は、端末装置１０及びサーバ装置２０の機能構成を示すブロック図である。
Next, the configurations of the
FIG. 2 is a block diagram showing a functional configuration of the
［１−１．端末装置の構成］
図２に示すように、端末装置１０は、制御部１１（コンピュータ）と、記憶部１２と、通信部１３と、表示部１４と、操作部１５などを備える。
[1-1. Terminal device configuration]
As shown in FIG. 2, the
制御部１１は、ＣＰＵ（Central Processing Unit）等の演算装置、及びＲＡＭ（Random Access Memory）、ＲＯＭ（Read Only Memory）、フラッシュメモリー等の記憶装置を備える。制御部１１は、ＲＡＭ等を作業領域として記憶部１２に記憶されているシステムプログラムや各種アプリケーションプログラム（例えばショッピングアプリ１２４）を実行することで端末装置１０の各部の動作を制御する。具体的には、制御部１１は、ショッピングアプリ１２４を実行し、通信部１３により各種処理の実行要求のための信号をサーバ装置２０に対して送信させたり、サーバ装置２０から受信した情報に基づいて表示部１４に各種情報を表示させたりすることで、電子商取引サービスに係る情報をユーザＵに提示する。制御部１１は、ショッピングアプリ１２４を実行することで、商品一覧表示制御部１１１、商品特定部１１２（商品特定手段）、及び商品表示制御部１１３（商品表示制御手段）として機能する。
The
商品一覧表示制御部１１１は、電子商取引の全ての取引対象の中から抽出された複数の商品を、表示部１４における所定の商品一覧画面３０１（図４参照）に表示させる。商品一覧画面３０１における表示対象となる複数の商品は、サーバ装置２０の制御部２１により抽出され、その抽出結果が端末装置１０に送信される。
商品特定部１１２は、商品一覧画面３０１におけるユーザＵの操作に応じて一の商品を特定する。
商品表示制御部１１３は、商品特定部１１２により特定された商品の情報を表示する各種の画面（例えば、図６、図７に示す商品情報画面３０２、図１２〜図１４に示す購入仕様選択画面３０３、図１５に示す購入仕様確認画面３０４等）を表示部１４に表示させる。
商品一覧表示制御部１１１、商品特定部１１２及び商品表示制御部１１３による処理内容については後に詳述する。
The product list
The
The product
The processing contents by the product list
記憶部１２は、ＨＤＤ（Hard Disk Drive）、ＳＳＤ（Solid State Drive）等の記憶装置によって実現される。記憶部１２には、商品データ１２１、商品画像データ１２２、及び画像群配列設定データ１２３などが記憶されている。このうち商品データ１２１及び商品画像データ１２２は、端末装置１０からの要求に応じてサーバ装置２０から送信され、通信部１３により受信した商品に係るデータである。商品データ１２１及び商品画像データ１２２は、それぞれサーバ装置２０の記憶部２２に記憶されている商品データ２２１及び商品画像データ２２２の一部に相当する。これらのデータの詳細については後述する。
また、記憶部１２には、ショッピングアプリ１２４が記憶されている。
The
In addition, the
通信部１３は、例えば、ＮＩＣ（Network Interface Card）等によって実現される。通信部１３は、通信ネットワークＮと有線または無線で接続され、サーバ装置２０の通信部２３との間で情報の送受信を行う。また、通信部１３は、携帯電話基地局などと交信し、電話通信の音声データやインターネット接続に係るパケットデータなどを送受信する。
The
表示部１４は、液晶表示装置や有機ＥＬ表示装置などにより実現され、制御部１１による制御下で各種情報を表示する。
The
操作部１５は、表示部１４と一体的に設けられたタッチパネルや、各種押しボタン等により実現される。操作部１５は、これらのタッチパネルや押しボタンに対するユーザＵからの入力操作を受け付けて、当該入力操作に応じた操作信号を制御部１１に出力する。例えば、表示部１４に各種操作ボタンが表示された状態で、当該操作ボタンの表示領域に指を接触させる入力操作がなされると、当該指の接触がタッチパネルにより検出され、上記操作ボタンを選択する操作として受け付けられる。
The
［１−２．サーバ装置の構成］
図２に示すように、サーバ装置２０は、制御部２１と、記憶部２２と、通信部２３などを備える。サーバ装置２０は、この他に、サーバ装置２０の操作者からの入力操作を受け付ける入力部（キーボードやマウス等）や、各種情報を表示するための表示部（液晶表示装置等）などをさらに備えていてもよい。
[1-2. Server device configuration]
As shown in FIG. 2, the
制御部２１は、ＣＰＵ等の演算装置、及びＲＡＭ、ＲＯＭ、フラッシュメモリー等の記憶装置を備える。制御部２１は、ＲＡＭ等を作業領域として、記憶部２２に記憶されているプログラム２２３を実行することで、電子商取引サービスに係る各種の処理を実行するとともに、サーバ装置２０の各部の動作を制御する。
The
記憶部２２は、ＨＤＤ、ＳＳＤ等の記憶装置によって実現される。記憶部２２には、商品データ２２１、商品画像データ２２２、及びプログラム２２３等が記憶されている。
The
通信部２３は、各種通信モジュールによって実現される。通信部２３は、通信ネットワークＮを介して端末装置１０の通信部１３との間で情報の送受信を行う。
The
［２．情報処理システムの動作］
次に、電子商取引サービスを実現するための情報処理システム１の各部の動作について説明する。以下では、端末装置１０の表示部１４に表示されるショッピングアプリ１２４の画面及びその遷移を用いて、端末装置１０動作を中心に説明する。
[2. Information processing system operation]
Next, the operation of each part of the
図３は、ショッピングアプリ１２４の商品検索画面３００を示す図である。
商品検索画面３００は、端末装置１０においてショッピングアプリ１２４が実行されているときに表示部１４に表示される画面の１つである。詳しくは、商品検索画面３００は、ショッピングアプリ１２４上で所望の商品を絞り込んで表示させようとする場合に、ユーザＵの指示に応じて表示される。例えば、商品検索画面３００は、ショッピングアプリ１２４の起動時に表示される図示略のホーム画面において、検索アイコン３３ｂを選択する操作がなされた場合に表示される。
FIG. 3 is a diagram showing a
The
図３に示すように、商品検索画面３００では、検索バー３１、カテゴリー選択ボタン３２、及びアイコン３３ａ〜３３ｅなどが表示されている。
検索バー３１は、商品の検索に用いられる。検索バー３１に検索ワードを入力して検索
ボタンを選択する入力操作を行うことで、検索ワードと関連性の高い複数の商品が抽出されて商品一覧画面３０１（図４参照）に一覧表示される。
カテゴリー選択ボタン３２は、商品のカテゴリー（商品分類）の一覧を表示する図示略のカテゴリー選択画面に遷移させるためのボタンである。このカテゴリー選択画面におけるユーザＵの操作により一のカテゴリーが選択された場合には、選択されたカテゴリーに属する複数の商品が抽出されて、上記の商品一覧画面３０１に一覧表示される。なお、１つのカテゴリーが選択された場合に、当該カテゴリーに属する複数のサブカテゴリーがさらに表示されてもよい。また、サブカテゴリーが２階層以上の階層構造を有していてもよい。これらの場合には、いずれかのサブカテゴリーを選択する入力操作がなされた場合に、当該サブカテゴリーに属する複数の商品が抽出されて商品一覧画面３０１に一覧表示される。
As shown in FIG. 3, on the
The
The
アイコン３３ａ〜３３ｅは、それぞれ所定の機能を実行したり、所定の情報を表示したりするための専用の画面に遷移させるための操作ボタンである。
ホームアイコン３３ａを選択すると、任意の画面表示から、図示略のホーム画面に遷移させることができる。
検索アイコン３３ｂを選択すると、任意の表示画面から、図３に示す商品検索画面３００に遷移させることができる。
カートアイコン３３ｃを選択すると、ユーザＵが、購入予定の商品の候補として登録している商品を一覧表示させることができ、これらの商品の購入手続を進めることができる。
新着アイコン３３ｄを選択すると、イベントや新商品等の、電子商取引サービスからの新たな通知の内容を表示する画面に遷移させることができる。
マイページアイコン３３ｅを選択すると、ユーザＵの登録情報やショッピングアプリ１２４の動作設定等の確認及び変更を行うための画面に遷移させることができる。
The
When the
When the
When the
When the
When the
図４は、商品一覧画面３０１を示す図である。
商品一覧画面３０１は、商品検索画面３００において検索バー３１を用いた商品の検索がなされた場合に表示される。図４では、検索バー３１に検索ワードとして「コート」が入力され、この検索ワードを用いて検索が実行された場合が例示されている。また、上述のカテゴリー選択画面において、「ファッション」のサブカテゴリーである「コート」が選択された場合にも、図４と同一の商品一覧画面３０１が表示される。
FIG. 4 is a diagram showing a
The
図４に示すように、商品一覧画面３０１では、検索バー３１、アイコン３３ａ〜３３ｅ、複数の商品画像３４１〜３４３が表示されている。このうち検索バー３１及びアイコン３３ａ〜３３ｅの外観及び機能は、基本的に商品検索画面３００の検索バー３１及びアイコン３３ａ〜３３ｅと同一である。ただし、検索バー３１の入力欄には、抽出対象アイコン３１ａが追加されて表示されている。抽出対象アイコン３１ａは、商品一覧画面３０１に表示されている商品の抽出に用いられた文字列を表す。ここでは、検索に用いられた検索ワードである「コート」を示す抽出対象アイコン３１ａが表示されている。
As shown in FIG. 4, on the
商品一覧画面３０１では、指定された検索ワードによる検索結果に係る複数の商品が抽出され、これらの抽出された商品に係る複数の商品画像３４１〜３４３が並べられて表示されている。ここでは、「コート」を検索ワードとして抽出された複数のコートに係る商品画像３４１〜３４３が表示されている。以下では、任意の１つの商品画像を指す場合には「商品画像３４」と記す。
また、上方へのスワイプ操作（指等を表示画面に接触させた状態で素早くずらす操作）などにより、商品一覧画面３０１を上方にスクロールさせて未表示の商品画像３４を表示させることができる。
On the
In addition, the
図４の商品画像３４１には、商品画像３４１ｂ、３４１ｗ、３４１ｇの３種類がある。商品画像３４１ｂ、３４１ｗ、３４１ｇは、同一種類の商品に設定された複数のバリエーションを示す画像である。ここでは、商品画像３４１ｂ、３４１ｗ、３４１ｇは、同一デザインのコートに設定された複数のカラーバリエーションに係る画像である。具体的には、商品画像３４１ｂは、ブラックのカラーバリエーションのコートを示し、商品画像３４１ｗは、ホワイトのカラーバリエーションのコートを示し、商品画像３４１ｇは、グレーのカラーバリエーションのコートを示している。本明細書では、商品画像３４１ｂ、３４１ｗ、３４１ｇのうち任意の１つを指す場合には「商品画像３４１」と記す。
同様に、商品画像３４２には、２色のカラーバリエーションに係る２種類の画像があり、商品画像３４３には、４色のカラーバリエーションに係る４種類の画像があるが、図４では、簡便のためそれぞれ共通の符号３４２、３４３を付している。
The product image 341 of FIG. 4 has three types of
Similarly, the
商品一覧画面３０１を表示させる処理は、商品データ１２１及び商品画像データ１２２に基づいて、制御部１１の商品一覧表示制御部１１１により実行される。
The process of displaying the
図５は、商品データ１２１の内容例を示す図である。
商品データ１２１は、検索ワード「コート」に基づいてサーバ装置２０において抽出され、端末装置１０に送信された、一群の商品に係るデータである。商品データ１２１では、商品ごとに、「品名」、「商品コード」、「バリエーションコード」、「画像データ」の項目のデータが記憶されている。
「品名」は、商品の名称を示す。
「商品コード」は、同一種類の商品に対して共通に付されている符号である。図５の例では、デザインが共通である同一品名の商品に対して共通の商品コードが付されている。
「バリエーションコード」は、商品に設定されている複数のバリエーションを示す符号である。図５のバリエーションコードは、商品のカラーバリエーションを示している。例えば、「ＢＫ」は「ブラック」、「ＷＴ」は「ホワイト」、「ＧＲ」は「グレー」のカラーバリエーションを示す。
「画像データ」は、複数のカラーバリエーションの各々に対応付けられている商品画像の画像データを特定しているデータである。例えば、商品コード「Ｃ００１」、バリエーションコード「ＢＫ」に対応付けられている画像データ「ｃ００１ｂｋ．ｘｘｘ」は、品名「コート１」のうち「ブラック」の商品の画像データとなっている。「画像データ」の項目に設定されている各画像データは、サーバ装置２０から送信され、記憶部１２の商品画像データ１２２に記憶されている。
FIG. 5 is a diagram showing a content example of the
The
"Product name" indicates the name of the product.
The "product code" is a code commonly attached to products of the same type. In the example of FIG. 5, a common product code is attached to products having the same product name having a common design.
The "variation code" is a code indicating a plurality of variations set in the product. The variation code in FIG. 5 indicates the color variation of the product. For example, "BK" indicates a color variation of "black", "WT" indicates a color variation of "white", and "GR" indicates a color variation of "gray".
The "image data" is data that specifies the image data of the product image associated with each of the plurality of color variations. For example, the image data "c001bk.xxx" associated with the product code "C001" and the variation code "BK" is the image data of the "black" product in the product name "
制御部１１の商品一覧表示制御部１１１は、商品データ１２１において商品にバリエーションコードが設定されており、かつ各バリエーションに対応して商品画像３４の画像データが対応付けられている場合には、各バリエーションコードに対応する複数の画像データを商品画像データ１２２から取得して商品一覧画面３０１に表示させる。これにより、商品一覧画面３０１において、商品に設定されている複数のカラーバリエーションの商品画像３４が一覧表示される。なお、１つの商品に設定されているカラーバリエーションの種類が多い場合などにおいては、商品一覧画面３０１において、１種類の商品当たりに表示させるカラーバリエーションの数の上限値を定めてもよい。
When the product list
図４の商品一覧画面３０１において、ユーザＵにより一の商品画像３４を選択する操作（例えば指などにより画面に接触する操作（タップ））がなされると、選択された商品の情報を表示する商品情報画面３０２が表示部１４に表示される。
ユーザＵの操作に応じて、一の商品を特定する処理は、制御部１１の商品特定部１１２により実行される。商品特定部１１２は、特定する商品に複数のカラーバリエーションが設定されている場合に、ユーザＵの操作に応じて、商品とともに複数のカラーバリエーションのうちいずれかのカラーバリエーションを特定する。図４の商品画像３４は、商品の
カラーバリエーションごとに表示されているため、商品特定部１１２は、商品画像３４を選択する操作に応じて、商品とともに当該商品のカラーバリエーションを特定する。
また、商品情報画面３０２を表示させる処理は、制御部１１の商品表示制御部１１３により実行される。
On the
The process of identifying one product according to the operation of the user U is executed by the
Further, the process of displaying the
図６は、商品情報画面３０２を示す図である。
ここでは、図４における商品画像３４１ｇ（図５における商品コード「Ｃ００１」、バリエーションコード「ＧＲ」の商品及びカラーバリエーション）が選択されたものとする。
図６に示すように、商品情報画面３０２では、アイコン３３ａ〜３３ｅと、選択された商品画像３４１ｇと、第１の購入商品決定ボタン３５などが表示されている。このうちアイコン３３ａ〜３３ｅの外観及び機能は、基本的に商品検索画面３００のアイコン３３ａ〜３３ｅと同一である。
FIG. 6 is a diagram showing a
Here, it is assumed that 341 g of the product image in FIG. 4 (the product and the color variation of the product code “C001” and the variation code “GR” in FIG. 5) are selected.
As shown in FIG. 6, on the
商品情報画面３０２では、商品一覧画面３０１においてユーザＵが選択したバリエーションに対応する商品画像３４１ｇが拡大されて表示される。また、商品画像３４１ｇの下方には、商品画像３４１ｇのカラーバリエーション（グレー）、及び、当該カラーバリエーションの各サイズの在庫状況が表示されている。図６の例では、グレーのカラーバリエーションについて、Ｓ（Ｓｍａｌｌ）、Ｍ（Ｍｅｄｉｕｍ）、Ｌ（Ｌａｒｇｅ）の各サイズの在庫があることが示されている。各カラーバリエーションに設定されている複数のサイズは、「複数のサブバリエーション」に相当する。
On the
商品情報画面３０２における商品画像３４１ｇは、まず商品一覧画面３０１で用いられたものと同一の画像データに基づいて表示される。商品一覧画面３０１で用いられた画像データは、一覧表示用の解像度の低い画像であるため、この表示では、拡大により若干目の粗い画像が表示されることとなる。この表示と並行して、サーバ装置２０からより高解像度の商品画像３４１ｇの画像データが送信され、端末装置１０において当該画像データの受信が完了すると、高解像度の画像データによる表示に差し替えられる。この一連の動作により、商品一覧画面３０１から商品情報画面３０２に切り替えられた場合に、シームレスに商品画像３４１ｇを表示させることができる。
The
また、上記の高解像度の画像データとともに、商品コード「Ｃ００１」の商品に予め対応付けられている複数の商品画像３４の画像データがサーバ装置２０から送信され、端末装置１０により受信される。ここでは、商品コード「Ｃ００１」の商品について１５枚の商品画像３４が取得されたものとする。
商品情報画面３０２の商品画像３４（初期状態では商品画像３４１ｇ）上を左方向にスワイプする操作により、商品画像３４を左方向にスライドさせて、取得された複数の商品画像３４のうち他の商品画像３４の表示に切り替えることができる。このスワイプ操作を行うごとに、複数の商品画像３４を所定の表示順序で切り替えて表示させることができる。図６の商品画像３４１ｇの右端に表示されている切替方向アイコン３４ａ（切替方向標識）は、表示切替えの対象となる他の商品画像３４がある方向を示している。また、商品画像３４１ｇの左下に表示されている画像番号３４ｂにより、上記表示順序のうち何番目の商品画像３４が表示されているかを判別できるようになっている。なお、切替方向アイコン３４ａをタップする操作によって商品画像３４が切り替えられるようになっていてもよい。
以下では、商品情報画面３０２において複数の商品画像３４をスワイプ操作に応じて切り替えて表示させる動作を「スライド表示」と記す。
Further, along with the above-mentioned high-resolution image data, image data of a plurality of product images 34 associated with the product of the product code "C001" in advance is transmitted from the
By swiping the product image 34 (
In the following, the operation of switching and displaying a plurality of product images 34 in response to a swipe operation on the
図７は、スライド表示により商品画像３４１を切り替えた場合の商品情報画面３０２を示す図である。
図７は、図６の状態から商品画像３４が２回スワイプ操作されて、３枚目の商品画像３４である商品画像３４１ｗに表示が切り替わった状態を示している。
商品画像３４１ｗは、商品コード「Ｃ００１」のうちホワイトのカラーバリエーションに対応する画像である。この商品画像３４１ｗの下方にも、当該カラーバリエーションの在庫状況が表示されている。図７の例では、ホワイトのカラーバリエーションについて、Ｓ、Ｍ、Ｌのいずれのサイズの在庫もないことが示されている。
FIG. 7 is a diagram showing a
FIG. 7 shows a state in which the product image 34 is swiped twice from the state of FIG. 6 and the display is switched to the
The
図７の商品画像３４１ｗでは、右端及び左端にそれぞれ切替方向アイコン３４ａが表示されており、左右両方向への商品画像３４の切り替えが可能であることが示されている。図７の状態で左方向にスワイプ操作を行うことで、商品画像３４１を左方向にスライドさせて、所定の表示順序の順方向に商品画像３４の表示を切り替えていくことができる。また、図７の状態で右方向にスワイプ操作を行うことで、商品画像３４１を右方向にスライドさせて、所定の表示順序とは逆方向に商品画像３４の表示を切り替えていくことができる。左方向へのスワイプ操作を続けて、表示順序において最後の商品画像３４（ここでは、１５枚目の商品画像３４）が表示されると、右端の切替方向アイコン３４ａが表示されなくなり、逆方向への表示切替が可能であることを示す左端の切替方向アイコン３４ａのみが表示される。
なお、これに限られず、複数の商品画像３４を循環表示させるようにしてもよい。すなわち、最後の商品画像３４が表示された場合にも右端の切替方向アイコン３４ａを表示させ、さらに左方向へのスワイプ操作がなされた場合には１枚目の商品画像３４（商品画像３４１ｇ）に表示が切り替わるようにしてもよい。
In the
Not limited to this, a plurality of product images 34 may be cyclically displayed. That is, even when the last product image 34 is displayed, the switching
ここで、スライド表示における複数の商品画像３４の表示順序について説明する。
図８は、スライド表示における複数の商品画像３４の表示順序の設定を示す図である。
図８に示すように、複数の（ここでは１５枚の）商品画像３４の各々は、異なる複数種類の画像群のいずれかに属する。本実施形態の複数種類の画像群は、バリエーション画像群、代表画像群、及び詳細画像群からなる。
Here, the display order of the plurality of product images 34 in the slide display will be described.
FIG. 8 is a diagram showing the setting of the display order of the plurality of product images 34 in the slide display.
As shown in FIG. 8, each of the plurality of (15 in this case) product images 34 belongs to one of a plurality of different types of image groups. The plurality of types of image groups of the present embodiment include a variation image group, a representative image group, and a detailed image group.
バリエーション画像群は、商品に設定されている複数のバリエーション（ここでは、カラーバリエーション）の各々に対応する商品画像３４１ｂ、３４１ｗ、３４１ｇからなる。
代表画像群は、商品を代表する商品画像である代表画像からなる。図８の例では、ブラックのコートの商品画像３４が代表画像として設定されている。この商品画像３４は、バリエーション画像群に含まれる商品画像３４１ｂと同一であってもよいし、異なる画像であってもよい。
詳細画像群は、商品の詳細な特徴を示す商品画像３４である詳細画像からなる。詳細画像の内容は、特には限られないが、例えば商品の一部を拡大して細部を示す画像、代表画像とは異なる角度から商品を撮影した画像、及び商品の使用態様を示す画像などである。図８では、詳細画像群は、１１枚の詳細画像からなる。
The variation image group includes
The representative image group is composed of a representative image which is a product image representing the product. In the example of FIG. 8, the product image 34 of the black coat is set as the representative image. The product image 34 may be the same as the
The detailed image group is composed of a detailed image which is a product image 34 showing the detailed features of the product. The content of the detailed image is not particularly limited, but for example, an image showing details by enlarging a part of the product, an image of the product taken from an angle different from the representative image, an image showing the usage mode of the product, and the like. be. In FIG. 8, the detailed image group consists of 11 detailed images.
商品情報画面３０２におけるスライド表示では、複数の商品画像３４の表示順序は、同一の画像群に属する商品画像３４が連続して表示されるように、かつ複数の画像群が所定の優先順位に従う順序で表示されるように定められている。図８の例では、複数の画像群の優先順位は、優先順位が高い方から、バリエーション画像群、代表画像群、詳細画像群の順となっている。したがって、スライド表示では、まずユーザＵにより選択されたグレーのカラーバリエーションに対応する商品画像３４１ｇが表示されるとともに、複数種類の画像群のうちバリエーション画像群が最初に表示されるように表示順序が定められている。グレーのカラーバリエーションに対応する商品画像３４１ｇが表示された後、スワイプ操作がなされるごとに、バリエーション画像群に属する残りの商品画像３４、代表画像群に属する商品画像３４、詳細画像群に属する商品画像３４の順に表示が切り替わる。
In the slide display on the
また、スライド表示では、商品の複数のカラーバリエーションのうち、在庫がないカラーバリエーションが特定され、複数のカラーバリエーションのうち在庫があるカラーバリエーションに対応する商品画像（図８では、グレーの商品画像３４１ｇ及びブラックの商品画像３４１ｂ）が、在庫がないカラーバリエーションに対応する商品画像（商品画像３４１ｗ）より先に表示されるように、バリエーション画像群における商品画像３４１の表示順序が定められている。したがって、バリエーション画像群における表示順序は、ユーザＵに選択されたカラーバリエーション（グレーの商品画像３４１ｇ）、残りのカラーバリエーションのうち在庫があるカラーバリエーション（ブラックの商品画像３４１ｂ）、残りのカラーバリエーションのうち在庫がないカラーバリエーション（ホワイトの商品画像３４１ｗ）の順となる。
Further, in the slide display, the out-of-stock color variation is specified among the plurality of product color variations, and the product image corresponding to the in-stock color variation among the plurality of color variations (in FIG. 8, the
スライド表示における複数の画像群の優先順位は、その商品が属するカテゴリー（商品分類）に応じて定められている。以下では、画像群の優先順位に応じた複数の画像群の配列を、画像群配列と記す。商品分類ごとの画像群配列は、画像群配列設定データ１２３に設定されている。
The priority of a plurality of image groups in the slide display is determined according to the category (product classification) to which the product belongs. In the following, an array of a plurality of image groups according to the priority of the image group will be referred to as an image group array. The image group arrangement for each product classification is set in the image group
図９は、画像群配列設定データ１２３の内容例を示す図である。
画像群配列設定データ１２３では、商品のカテゴリーごとに、そのカテゴリーに対応する画像群配列が対応付けられている。図９の例では、「ファッション」のカテゴリーには「カラーバリエーション優先」の画像群配列が対応付けられており、他の「アクセサリー」、「インテリア」、「電化製品」等のカテゴリーには「通常」の画像群配列が対応付けられている。
「カラーバリエーション優先」の画像群配列は、図８に示したように、バリエーション画像群を先頭とし、次いで代表画像群、詳細画像群の順に表示させる配列である。なお、代表画像群及び詳細画像群の順序は逆としてもよい。
「通常」の画像群配列は、図１０に示すように、代表画像群を先頭とし、次いで詳細画像群、バリエーション画像群の順に表示させる配列である。
FIG. 9 is a diagram showing a content example of the image group
In the image group
As shown in FIG. 8, the image group arrangement of "color variation priority" is an array in which the variation image group is displayed first, then the representative image group, and then the detailed image group. The order of the representative image group and the detailed image group may be reversed.
As shown in FIG. 10, the "normal" image group array is an array in which the representative image group is displayed first, then the detailed image group, and then the variation image group.
本実施形態で例示している「コート」の商品は、「ファッション」のカテゴリーに属しているため、画像群配列設定データ１２３の設定に従って「カラーバリエーション優先」の画像群配列が適用され、図８に示す表示順序でスライド表示が行われる。
「ファッション」（被服）のカテゴリーに属する商品は、購入するユーザＵにとってカラーバリエーションが重要である場合が多い。このため、「カラーバリエーション優先」の画像群配列として、スライド表示における先頭からカラーバリエーションの商品画像３４が表示されるようにすることで、ユーザＵが簡易に所望の商品画像３４を確認できるようにすることができる。
なお、「ファッション」以外の特定のカテゴリーについて、「カラーバリエーション優先」の画像群配列が設定されてもよい。
Since the "coat" product illustrated in this embodiment belongs to the "fashion" category, the "color variation priority" image group array is applied according to the setting of the image group
For products belonging to the "fashion" (clothing) category, color variations are often important for the purchasing user U. Therefore, by displaying the product image 34 of the color variation from the beginning of the slide display as the image group arrangement of "color variation priority", the user U can easily confirm the desired product image 34. can do.
An image group arrangement of "color variation priority" may be set for a specific category other than "fashion".
また、「通常」の画像群配列が対応付けられているカテゴリーの商品については、画一的に「通常」の画像群配列を適用する方法に代えて、以下の方法でスライド表示を行ってもよい。
商品に複数のカラーバリエーションが設定されており、商品一覧画面３０１において、複数のカラーバリエーションのうち代表画像とは異なるカラーバリエーション（例えば、図１０における「カラー２」）がユーザＵにより選択された場合には、商品情報画面３０２において、選択されたカラーバリエーションに対応する商品画像３４を最初に表示させる。このとき、図１０に示す「通常」の画像群配列をそのまま適用すると、商品情報画面３０２の初期画面において、表示順序が１４番目である「カラー２」の商品画像３４が表示された状態となる。この状態では、順方向の切り替えで表示できる商品画像３４は、残
り１枚のみ（１５枚目の商品画像３４）であるため、ユーザＵは、その商品に設定されている商品画像が１４枚目及び１５枚目の２枚のみであるように誤認しやすい。
そこで、「通常」の画像群配列が対応付けられているカテゴリーの商品であっても、代表画像とは異なるカラーバリエーションがユーザＵにより選択された場合には、図１１に示すように「カラーバリエーション優先」の画像群配列を適用してもよい。すなわち、スライド表示においてまず選択されたカラーバリエーションに対応する商品画像３４を表示させるとともに、バリエーション画像群が表示順の先頭となるように画像群配列を変更してもよい。これにより、商品画像を順方向に切り替えていくことで、設定されている各カラーバリエーションに対応する商品画像３４をまず確認できるとともに、商品に対応付けられている全ての商品画像３４を確認することができる。
In addition, for products in the category to which the "normal" image group array is associated, the slide display may be performed by the following method instead of the method of uniformly applying the "normal" image group array. good.
When a plurality of color variations are set for a product and a color variation different from the representative image (for example, "
Therefore, even if the product is in the category to which the "normal" image group array is associated, when the user U selects a color variation different from the representative image, the "color variation" is shown in FIG. A "priority" image group array may be applied. That is, in the slide display, the product image 34 corresponding to the selected color variation may be displayed first, and the image group arrangement may be changed so that the variation image group is at the top of the display order. As a result, by switching the product image in the forward direction, the product image 34 corresponding to each set color variation can be confirmed first, and all the product images 34 associated with the product can be confirmed. Can be done.
図６及び図７に示す商品情報画面３０２において、第１の購入商品決定ボタン３５を選択する操作がなされると、商品情報画面３０２において表示されている商品及びカラーバリエーションが、購入予定の商品及びカラーバリエーションとして特定される。以下では、購入予定の商品として特定することを「カートに入れる」とも記す。また、第１の購入商品決定ボタン３５を選択する操作を「カートへの追加を指示する操作」とも記す。購入予定の商品及びカラーバリエーションの特定に係る処理は、制御部１１の商品特定部１１２により実行される。
また、第１の購入商品決定ボタン３５の操作に応じて、購入予定の商品の情報を表示する購入仕様選択画面３０３が表示される。購入仕様選択画面３０３を表示させる処理は、制御部１１の商品表示制御部１１３により実行される。購入仕様選択画面３０３は、「購入商品画面」の一例である
When the operation of selecting the first purchase
Further, in response to the operation of the first purchase
図１２は、購入仕様選択画面３０３を示す図である。
図１２では、グレーのカラーバリエーションに対応する商品画像３４１ｇが表示された状態で第１の購入商品決定ボタン３５が選択された場合の購入仕様選択画面３０３が示されている。
購入仕様選択画面３０３では、アイコン３３ａ〜３３ｅ、商品画像３４１ｇ、バリエーション選択画像３６、及び第２の購入商品決定ボタン３７などが表示されている。このうちアイコン３３ａ〜３３ｅの外観及び機能は、商品検索画面３００のアイコン３３ａ〜３３ｅと同一である。
FIG. 12 is a diagram showing a purchase
FIG. 12 shows a purchase
On the purchase
購入仕様選択画面３０３では、購入予定の商品として特定された商品及びそのカラーバリエーションに対応する商品画像３４１ｇが表示される。すなわち、特定された商品の複数のカラーバリエーションの各々に、各カラーバリエーションに係る商品画像が対応付けられている場合には、特定されたカラーバリエーションに対応する商品画像３４１ｇが表示される。このように、表示する商品画像３４を、代表画像（ブラック）ではなく、購入予定として特定されたカラーバリエーション（グレー）に対応する商品画像３４１ｇとすることにより、ユーザＵに対し、選択した商品のカラーバリエーションを分かりやすく示すことができる。
商品画像３４１ｇの右側には、商品の名称や価格等の詳細情報が表示されている。
On the purchase
On the right side of the
また、商品画像３４１ｇの下方には、購入予定の商品に設定されている複数のカラーバリエーションの選択肢を示すバリエーション選択画像３６が表示されている。バリエーション選択画像３６は、複数のカラーバリエーションに対応する複数のバリエーションボタン３６１と、選択されているカラーバリエーションについて商品のサイズを選択するためのラジオボタン３６２と、を含む。図１２では、「グレー」、「ブラック」、「ホワイト」に対応する３つのバリエーションボタン３６１が表示されている。また、バリエーション選択画像３６では、商品に設定されている複数のカラーバリエーションのうち、購入予定の商品として特定されたカラーバリエーション（ここでは「グレー」）のバリエーショ
ンボタン３６１が最も上方に表示される。
Further, below the
図１２のバリエーション選択画像３６では、グレーのカラーバリエーションに対応する商品画像３４１ａが選択されたことに応じて、グレーのバリエーションボタン３６１が自動的に選択状態となっている。選択状態となっているバリエーションボタン３６１の下方には、Ｓ、Ｍ、Ｌのうちいずれかのサイズを選択するための３つのラジオボタン３６２が表示される。図１２では、Ｍサイズのラジオボタン３６２が選択されている。
In the
また、バリエーション選択画像３６が表示される場合には、購入予定の商品に設定されている複数のカラーバリエーションのうち、在庫がないカラーバリエーションが予め特定され、バリエーション選択画像３６において、複数のカラーバリエーションのうち在庫がないカラーバリエーションが、在庫があるカラーバリエーションより下方に表示される。図１２の例では、グレー及びブラックのカラーバリエーションの在庫があり、ホワイトのカラーバリエーションの在庫がない。このため、ホワイトのバリエーションボタン３６１は、グレー及びブラックのバリエーションボタン３６１よりも下方に表示される。
When the
図１２の状態から、グレー以外のカラーバリエーションに対応するバリエーションボタン３６１を選択する操作がなされると、購入予定の商品のカラーバリエーションを変更することができる。すなわち、バリエーションボタン３６１を選択する操作は、購入予定の商品のバリエーションを変更する操作に相当する。
When the operation of selecting the
図１３は、ブラックのバリエーションボタン３６１が選択された場合の購入仕様選択画面３０３を示す図である。
図１３では、ブラックのバリエーションボタン３６１が選択状態となり、当該バリエーションボタン３６１の下方にラジオボタン３６２が表示されている。また、購入予定の商品のカラーバリエーションがブラックに変更されたことに応じて、購入仕様選択画面３０３に表示される画像が、グレーの商品画像３４１ｇからブラックの商品画像３４１ｂに切り替わる。これにより、ユーザＵは、その時点で購入予定の商品として選択しているカラーバリエーションを容易に確認することができる。
FIG. 13 is a diagram showing a purchase
In FIG. 13, the
また、購入仕様選択画面３０３では、商品画像３４１ｂをタップする操作により、図１４に示すように、商品画像３４１ｂを拡大して表示させることができる。これにより、商品情報画面３０２に戻ることなく、各カラーバリエーションの商品画像３４１ｂを拡大して閲覧することができる。
Further, on the purchase
図１２〜図１４に示す購入仕様選択画面３０３において、第２の購入商品決定ボタン３７を選択する操作がなされると、バリエーション選択画像３６において表示されているカラーバリエーション及びサイズが、購入予定の商品のカラーバリエーション及びサイズとして特定される。また、第２の購入商品決定ボタン３７の操作に応じて、購入予定の商品の最終確認のための購入仕様確認画面３０４が表示される。第２の購入商品決定ボタン３７を選択する操作も「カートへの追加を指示する操作」に相当する。購入仕様確認画面３０４を表示させる処理は制御部１１の商品表示制御部１１３により実行される。購入仕様確認画面３０４は、購入仕様選択画面３０３と同様、「購入商品画面」の一例である。
When the operation of selecting the second purchase
図１５は、購入仕様確認画面３０４を示す図である。
図１５では、カラーバリエーションとして「グレー」、サイズとして「Ｍ」が選択された状態で第２の購入商品決定ボタン３７が選択された場合の購入仕様確認画面３０４が示されている。
購入仕様選択画面３０３では、アイコン３３ａ〜３３ｅ、商品画像３４１ｇ、及び注文手続ボタン３８などが表示されている。このうちアイコン３３ａ〜３３ｅの外観及び機能
は、商品検索画面３００のアイコン３３ａ〜３３ｅと同一である。
FIG. 15 is a diagram showing a purchase
FIG. 15 shows a purchase
On the purchase
購入仕様確認画面３０４では、購入仕様選択画面３０３と同様、購入予定の商品として特定された商品及びそのカラーバリエーションに対応する商品画像３４１ｇが表示される。よって、購入仕様確認画面３０４においても、ユーザＵに対し、選択した商品のカラーバリエーションを分かりやすく示すことができる。
注文手続ボタン３８を選択する操作が行われると、注文手続を進めるための図示略の所定の注文画面が表示される。
On the purchase
When the operation of selecting the
上記では、商品一覧画面３０１で特定されたカラーバリエーションに対応する商品画像３４を、商品情報画面３０２、購入仕様選択画面３０３及び購入仕様確認画面３０４において表示させる例を説明したが、特定されたカラーバリエーションに対応する商品画像３４を表示させる対象はこれらに限られない。
例えば、過去の電子商取引の注文履歴、電子商取引サービスにおける商品の閲覧履歴、ユーザＵが所定の方法で登録した商品の一覧（例えば、「お気に入り」として登録された商品の一覧）、及び電子商取引の状況に係る通知（例えば、商品の配送状況を知らせるメールの表示）を行う通知画面などを表示部１４に表示させる場合に、特定されたカラーバリエーションに対応する商品画像３４を表示させてもよい。これらの表示に係る処理も、制御部１１の商品一覧表示制御部１１１によって実行される。
In the above, an example of displaying the product image 34 corresponding to the color variation specified on the
For example, the order history of past electronic commerce, the browsing history of products in the electronic commerce service, the list of products registered by the user U by a predetermined method (for example, the list of products registered as "favorites"), and the electronic commerce. When displaying a notification screen or the like for notifying the status (for example, displaying an e-mail notifying the delivery status of the product) on the
［３．制御部による処理手順］
次に、上述した各種動作を実行するための商品表示処理の制御手順について説明する。
図１６及び図１７は、商品表示処理の制御部１１による制御手順を示すフローチャートである。
商品表示処理は、端末装置１０において、検索バー３１を用いた商品の検索指示、又は商品のカテゴリーの選択に係る操作がユーザＵによりなされた場合に開始される。
商品表示処理が開始されると、制御部１１は、検索結果に係る複数の商品、又は指定されたカテゴリーに属する複数の商品の抽出結果をサーバ装置２０から受信し、抽出された複数の商品を商品一覧画面３０１に表示させる（ステップＳ１０１）。ここでは、図５に示した商品データ１２１に基づいて、各商品に複数のカラーバリエーションが設定されており、かつ複数のカラーバリエーションの各々に商品画像３４が対応付けられている場合には、複数のカラーバリエーションに対応する複数の商品画像３４を表示させる。
[3. Processing procedure by the control unit]
Next, the control procedure of the product display process for executing the various operations described above will be described.
16 and 17 are flowcharts showing a control procedure by the
The product display process is started when the user U performs a product search instruction using the
When the product display process is started, the
制御部１１は、商品を選択する操作がなされたか否かを判別し（ステップＳ１０２）、当該操作がなされていないと判別された場合には（ステップＳ１０２で“ＮＯ”）、再度ステップＳ１０２の処理を実行する。
The
商品を選択する操作がなされたと判別された場合には（ステップＳ１０２で“ＹＥＳ”）、制御部１１は、選択された商品及びそのカラーバリエーションを特定し、当該カラーバリエーションに対応する商品画像３４を含む商品情報画面３０２を表示させる（ステップＳ１０３：商品表示ステップ）。また、制御部１１は、選択された商品に対応付けられている全ての商品画像３４の画像データをサーバ装置２０から取得する（ステップＳ１０４）。
If it is determined that the product selection operation has been performed (“YES” in step S102), the
制御部１１は、商品情報画面３０２の商品画像３４（すなわち、スライド表示が行われる領域）に対するスワイプ操作がなされたか否かを判別する（ステップＳ１０５）。商品画像３４に対するスワイプ操作がなされたと判別された場合には（ステップＳ１０５で“ＹＥＳ”）、制御部１１は、画像群配列設定データ１２３を参照し、選択された商品が属するカテゴリーに設定されている画像群配列に従って、表示する商品画像３４を切り替える（ステップＳ１０６：商品表示ステップ）。
The
ステップＳ１０６の処理が終了した場合、又はステップＳ１０５の処理で商品画像３４に対するスワイプ操作がなされていないと判別された場合には（ステップＳ１０５で“ＮＯ”）、制御部１１は、第１の購入商品決定ボタン３５を選択する操作（カートへの商品の追加を指示する操作）がなされたか否かを判別する（ステップＳ１０７）。制御部１１は、当該操作がなされていないと判別された場合には（ステップＳ１０７で“ＮＯ”）、処理をステップＳ１０５に戻す。
When the process of step S106 is completed, or when it is determined in the process of step S105 that the swipe operation for the product image 34 has not been performed (“NO” in step S105), the
第１の購入商品決定ボタン３５を選択する操作がなされたと判別された場合には（ステップＳ１０７で“ＹＥＳ”）、制御部１１は、選択された商品及びそのカラーバリエーションを特定し、当該カラーバリエーションに対応する商品画像３４を含む購入仕様選択画面３０３を表示させる（ステップＳ１０８）。
When it is determined that the operation of selecting the first purchased
制御部１１は、購入仕様選択画面３０３のバリエーション選択画像３６において、商品のカラーバリエーションを変更する操作（バリエーションボタン３６１を選択する操作）がなされたか否かを判別する（ステップＳ１０９）。商品のカラーバリエーションを変更する操作がなされたと判別された場合には（ステップＳ１０９で“ＹＥＳ”）、制御部１１は、変更後のカラーバリエーションを特定し、当該購入仕様選択画面３０３に表示させる商品画像３４を、変更後のカラーバリエーションに対応する商品画像３４に切り替える（ステップＳ１１０）。
The
ステップＳ１１０の処理が終了した場合、又はステップＳ１０９の処理において商品のカラーバリエーションを変更する操作がなされていないと判別された場合には（ステップＳ１０９で“ＮＯ”）、制御部１１は、第２の購入商品決定ボタン３７を選択する操作（カートへの商品の追加を指示する操作）がなされたか否かを判別する（ステップＳ１１１）。当該操作がなされていないと判別された場合には（ステップＳ１１１で“ＮＯ”）、制御部１１は、処理をステップＳ１０９に戻す。
When the process of step S110 is completed, or when it is determined that the operation of changing the color variation of the product has not been performed in the process of step S109 (“NO” in step S109), the
第２の購入商品決定ボタン３７を選択する操作がなされたと判別された場合には（ステップＳ１１１で“ＹＥＳ”）、制御部１１は、選択された商品及びそのカラーバリエーションを特定し、当該カラーバリエーションに対応する商品画像３４を含む購入仕様確認画面３０４を表示させる（ステップＳ１１２）。
ステップＳ１１２の処理が終了すると、制御部１１は、商品表示処理を終了させる。
When it is determined that the operation for selecting the second purchased
When the process of step S112 is completed, the
［４．効果］
以上のように、本実施形態に係る情報処理装置としての端末装置１０は、制御部１１を備え、制御部１１は、電子商取引の取引対象である商品に予め対応付けられている複数の商品画像３４を、表示部１４の所定の商品情報画面３０２において、ユーザＵの操作に応じて所定の表示順序で切り替えて表示させる（商品表示制御部１１３）。また、複数の商品画像３４の各々は、異なる複数種類の画像群のいずれかに属し、上記の表示順序は、同一の画像群に属する商品画像３４が連続して表示されるように、かつ複数種類の画像群が所定の優先順位に従う順序で表示されるように定められており、複数種類の画像群の優先順位は、商品が属するカテゴリーに応じて定められている。これにより、商品情報画面３０２のスライド表示において、商品が属するカテゴリーに応じて、ユーザＵにとって必要性の高い商品画像３４を優先して（すなわち、相対的に早い順番で）表示させることができる。よって、簡易に所望の商品画像を表示させることができる。
[4. effect]
As described above, the
また、複数種類の画像群は、商品に設定されている複数のバリエーションに対応する複数の商品画像３４からなるバリエーション画像群を含む。これにより、商品情報画面３０２のスライド表示において、商品に設定されている複数のバリエーションを簡易に確認す
ることができる。
Further, the plurality of types of image groups include a variation image group including a plurality of product images 34 corresponding to a plurality of variations set in the product. As a result, a plurality of variations set in the product can be easily confirmed on the slide display of the
また、制御部１１は、商品の複数のバリエーションのうち、在庫がないバリエーションを特定し、商品情報画面３０２において、複数のバリエーションのうち在庫があるバリエーションに対応する商品画像３４が、在庫がないバリエーションに対応する商品画像３４より先に表示されるように、バリエーション画像群における商品画像３４の表示順序を定める。これにより、スライド表示において、在庫のあるバリエーションに対応する商品画像３４を優先して（すなわち、相対的に早い順番で）表示させることができる。
Further, the
また、制御部１１は、ユーザＵの操作に応じて抽出された複数の商品を、表示部１４における所定の商品一覧画面３０１に表示させ（商品一覧表示制御部１１１）、商品一覧画面３０１に表示された複数の商品の中からユーザＵの操作により選択された一の商品を特定する（商品特定部１１２）。また、制御部１１は、商品特定部１１２により特定された商品に対応付けられた複数の商品画像３４を商品情報画面３０２において表示させる（商品表示制御部１１３）。また、制御部１１は、商品一覧画面３０１において、商品の複数のバリエーションを表示させ（商品一覧表示制御部１１１）、商品一覧画面３０１におけるユーザＵの操作に応じて、商品とともに当該商品のバリエーションを特定する（商品特定部１１２）。また、制御部１１は、商品情報画面３０２において、商品特定部１１２により特定されたバリエーションに対応する商品画像３４を最初に表示させるとともに、複数種類の画像群のうちバリエーション画像群が最初に表示されるように優先順位を定める（商品表示制御部１１３）。これにより、ユーザＵは、商品情報画面３０２において、自身が選択したバリエーションに対応する商品画像をまず確認することができるとともに、スワイプ操作を行うことで、商品に対応付けられている商品画像３４をその場で簡易に確認することができる。
Further, the
また、特定のカテゴリーに属する商品に係る複数種類の画像群の表示順序は、バリエーション画像群が先頭となるように定められている。これにより、特に商品の外観のバリエーションが重要となるカテゴリーのスライド表示において、ユーザＵにとって重要な商品画像３４（外観を示すバリエーション画像群）を優先して表示させることができる。 In addition, the display order of a plurality of types of image groups related to products belonging to a specific category is set so that the variation image group is at the top. As a result, in the slide display of the category in which the variation of the appearance of the product is particularly important, the product image 34 (variation image group showing the appearance) which is important for the user U can be preferentially displayed.
また、上記の特定のカテゴリーは「ファッション」（被服）である。「ファッション」（被服）のカテゴリーに属する商品は、購入するユーザＵにとってカラーバリエーションが重要である場合が多い。このため、「カラーバリエーション優先」の画像群配列として、スライド表示における先頭からカラーバリエーションの商品画像が表示されるようにすることで、ユーザＵが簡易に所望の商品画像を確認できるようにすることができる。 Also, the specific category mentioned above is "fashion" (clothing). For products belonging to the "fashion" (clothing) category, color variations are often important for the purchasing user U. Therefore, by displaying the product image of the color variation from the beginning of the slide display as the image group arrangement of "color variation priority", the user U can easily confirm the desired product image. Can be done.
また、バリエーションは、商品の外観の相違である。これにより、所望の外観の商品を選択しやすくすることができる。 The variation is the difference in the appearance of the product. This makes it easier to select a product having a desired appearance.
また、バリエーションは、商品の色の相違である。これにより、所望の色の商品を選択しやすくすることができる。 The variation is the difference in the color of the product. This makes it easier to select a product of a desired color.
また、複数種類の画像群は、商品を代表する商品画像３４からなる代表画像群を含む。これにより、スライド表示における所定のタイミングで、商品の特徴を分かりやすく示す代表画像を表示させることができる。 Further, the plurality of types of image groups include a representative image group composed of product images 34 representing the products. As a result, it is possible to display a representative image showing the features of the product in an easy-to-understand manner at a predetermined timing in the slide display.
また、複数種類の画像群は、商品の詳細な特徴を示す商品画像３４からなる詳細画像群を含む。これにより、スライド表示において、商品の詳細な特徴をユーザＵに示すことができる。 Further, the plurality of types of image groups include a detailed image group including product images 34 showing detailed features of the product. As a result, the detailed features of the product can be shown to the user U in the slide display.
また、制御部１１は、商品情報画面３０２においてバリエーション画像群に属する商品画像３４を表示させる場合に、複数のバリエーションの各々に設定された商品のサイズ（複数のサブバリエーション）に係る情報を併せて表示させる（商品表示制御部１１３）。これにより、ユーザＵは、スライド表示において、カラーバリエーションに加えて、各カラーバリエーションに設定されているサイズに係る情報（在庫情報等）を併せて確認することができる。
Further, when displaying the product image 34 belonging to the variation image group on the
また、制御部１１は、商品情報画面３０２において、複数の商品画像３４のうち表示されている商品画像３４の、所定の表示順序に従った画像番号３４ｂを表示させる（商品表示制御部１１３）。これにより、ユーザＵは、所定の表示順序のうち何番目の商品画像３４が表示されているかを簡易に判別することができる。
Further, the
また、制御部１１は、商品画像３４を所定の方向にスライド移動させて商品画像３４を切り替え、商品情報画面３０２において、表示の切り替えの対象となる他の商品画像がある方向を示す切替方向マーク３４ａを表示させる（商品表示制御部１１３）。これにより、ユーザＵは、スライド表示が可能な方向を直感的に把握することができる。
Further, the
また、本実施形態に係る情報処理方法は、電子商取引の取引対象である商品に予め対応付けられている複数の商品画像３４を、表示部１４の所定の商品情報画面３０２において、ユーザＵの操作に応じて所定の表示順序で切り替えて表示させる商品表示ステップを含み、複数の商品画像３４の各々は、異なる複数種類の画像群のいずれかに属し、上記の表示順序は、同一の画像群に属する商品画像３４が連続して表示されるように、かつ複数種類の画像群が所定の優先順位に従う順序で表示されるように定められており、複数種類の画像群の優先順位は、商品が属するカテゴリーに応じて定められている。このような方法によれば、商品情報画面３０２のスライド表示において、商品が属するカテゴリーに応じて、ユーザＵにとって必要性の高い商品画像３４を優先して（すなわち、相対的に早い順番で）表示させることができる。よって、簡易に所望の商品画像を表示させることができる。
Further, in the information processing method according to the present embodiment, the user U operates a plurality of product images 34 that are previously associated with the products that are the transaction targets of the electronic commerce on the predetermined
また、本実施形態に係るプログラム１２４は、端末装置１０に設けられたコンピュータとしての制御部１１を、電子商取引の取引対象である商品に予め対応付けられている複数の商品画像３４を、表示部１４の商品情報画面３０２において、ユーザＵの操作に応じて所定の表示順序で切り替えて表示させる商品表示制御手段として機能させ、複数の商品画像３４の各々は、異なる複数種類の画像群のいずれかに属し、表示順序は、同一の画像群に属する商品画像３４が連続して表示されるように、かつ複数種類の画像群が所定の優先順位に従う順序で表示されるように定められており、複数種類の画像群の優先順位は、商品が属するカテゴリーに応じて定められている。このようなプログラム１２４により端末装置１０を動作させることで、商品情報画面３０２のスライド表示において、商品が属するカテゴリーに応じて、ユーザＵにとって必要性の高い商品画像３４を優先して（すなわち、相対的に早い順番で）表示させることができる。よって、簡易に所望の商品画像を表示させることができる。
Further, in the
［５．その他］
本発明は、上記実施形態に限られるものではなく、様々な変更が可能である。
例えば、端末装置１０の制御部１１の商品一覧表示制御部１１１、商品特定部１１２及び商品表示制御部１１３が実行する処理を、サーバ装置２０の制御部２１が実行してもよい。換言すれば、サーバ装置２０に商品一覧表示制御部、商品特定部及び商品表示制御部が設けられていてもよい。例えば、端末装置１０上ではブラウザアプリを実行し、サーバ装置２０の制御部２１の商品一覧表示制御部、商品特定部及び商品表示制御部の処理結果を端末装置１０で受信して、ブラウザにより処理結果を表示させる態様とすることができ
る。このような態様は、特に端末装置１０がノートＰＣやデスクトップＰＣである場合等において好適に採用できる。この場合には、サーバ装置２０が情報処理装置に相当する。
[5. others]
The present invention is not limited to the above embodiment, and various modifications can be made.
For example, the
また、商品のバリエーションとして、商品の色の相違（カラーバリエーション）を例示したが、バリエーションはこれに限られない。例えば、商品のバリエーションには、同一色で模様が異なるものや、部分的に形状が異なるものといった、各種の外観の相違が含まれ得る。
また、商品のバリエーションは、商品の外観以外の特徴の相違であってもよい。一例を挙げると、商品としての電池において、同梱されている電池の本数の相違がバリエーションとされていてもよい。また、商品としてのフラッシュメモリー等の記憶装置において、記憶容量の相違がバリエーションとされていてもよい。いずれの場合においても、各バリエーションに対して異なる商品画像（例えば、本数や容量の相違が判別できる商品画像）を対応付けておくことで、上記実施形態と同様の動作を行うことができる。
Further, as the variation of the product, the difference in the color of the product (color variation) is illustrated, but the variation is not limited to this. For example, product variations may include various differences in appearance, such as those having the same color but different patterns, and those having partially different shapes.
Further, the variation of the product may be a difference in features other than the appearance of the product. As an example, in the battery as a product, the difference in the number of batteries included in the product may be regarded as a variation. Further, in a storage device such as a flash memory as a commercial product, the difference in storage capacity may be regarded as a variation. In any case, by associating different product images (for example, product images whose number and capacity can be discriminated) with each variation, the same operation as that of the above embodiment can be performed.
また、複数のサブバリエーションとして、商品のサイズ（Ｓ、Ｍ、Ｌ）を例示したが、サブバリエーションはこれに限られず、商品のカテゴリーや商品の内容に応じて任意のサブバリエーションを設定することができる。 In addition, although the product size (S, M, L) is illustrated as a plurality of sub-variations, the sub-variations are not limited to this, and any sub-variation can be set according to the product category and the product content. can.
また、商品に対応付けられている複数の商品画像３４に係る複数種類の画像群として、バリエーション画像群、代表画像群、及び詳細画像群を例示したが、これに限定する趣旨ではない。画像群は、商品の用途などに応じて適宜設定することができる。
また、画像群配列は、上述した「カラーバリエーション優先」及び「通常」に限られない。
Further, as a plurality of types of image groups related to the plurality of product images 34 associated with the product, a variation image group, a representative image group, and a detailed image group have been exemplified, but the purpose is not limited to these. The image group can be appropriately set according to the intended use of the product.
Further, the image group arrangement is not limited to the above-mentioned "color variation priority" and "normal".
また、商品一覧画面３０１を表示させる場合に行われる複数の商品の抽出方法は、検索バー３１による検索や、カテゴリー選択画面におけるカテゴリーの選択に限られず、特定の範囲の複数の商品を抽出できる任意の方法を用いることができる。
Further, the method of extracting a plurality of products performed when displaying the
本発明のいくつかの実施形態を説明したが、本発明の範囲は、上述の実施の形態に限定されるものではなく、特許請求の範囲に記載された発明の範囲とその均等の範囲を含む。 Although some embodiments of the present invention have been described, the scope of the present invention is not limited to the above-described embodiments, but includes the scope of the invention described in the claims and the equivalent scope thereof. ..
１ 情報処理システム
１０ 端末装置（情報処理装置）
１１ 制御部
１１１ 商品一覧表示制御部
１１２ 商品特定部
１１３ 商品表示制御部
１２ 記憶部
１２１ 商品データ
１２２ 商品画像データ
１２３ 画像群配列設定データ
１２４ ショッピングアプリ（プログラム）
１３ 通信部
１４ 表示部
１５ 操作部
２０ サーバ装置
２１ 制御部
２２ 記憶部
２２１ 商品データ
２２２ 商品画像データ
２２３ プログラム
２３ 通信部
３１ 検索バー
３１ａ 抽出対象アイコン
３２ カテゴリー選択ボタン
３３ａ〜３３ｅ アイコン
３４、３４１、３４１ｂ、３４１ｗ、３４１ｇ、３４２、３４３ 商品画像
３４ａ 切替方向アイコン（切替方向標識）
３４ｂ 画像番号
３５ 第１の購入商品決定ボタン
３６ バリエーション選択画像
３６１ バリエーションボタン
３６２ ラジオボタン
３７ 第２の購入商品決定ボタン
３８ 注文手続ボタン
３００ 商品検索画面
３０１ 商品一覧画面
３０２ 商品情報画面
３０３ 購入仕様選択画面（購入商品画面）
３０４ 購入仕様確認画面（購入商品画面）
Ｎ 通信ネットワーク
1
11
13
304 Purchase specification confirmation screen (Purchased product screen)
N communication network
Claims (15)
前記複数の商品画像の各々は、異なる複数種類の画像群のいずれかに属し、
前記表示順序は、同一の画像群に属する商品画像が連続して表示されるように、かつ前記複数種類の画像群が所定の優先順位に従う順序で表示されるように定められており、
前記複数種類の画像群の優先順位は、前記商品が属する商品分類に応じて定められていることを特徴とする情報処理装置。 A product display control unit that switches and displays a plurality of product images associated with a product that is a transaction target of electronic commerce in a predetermined display order according to a user's operation on a predetermined product information screen of the display unit. With
Each of the plurality of product images belongs to one of a plurality of different types of image groups, and
The display order is defined so that product images belonging to the same image group are continuously displayed, and the plurality of types of image groups are displayed in an order according to a predetermined priority.
An information processing device characterized in that the priority order of the plurality of types of image groups is determined according to the product classification to which the product belongs.
前記商品の前記複数のバリエーションのうち、在庫がないバリエーションを特定し、
前記商品情報画面において、前記複数のバリエーションのうち在庫があるバリエーションに対応する商品画像が、在庫がないバリエーションに対応する商品画像より先に表示されるように、前記バリエーション画像群における商品画像の表示順序を定めることを特徴とする請求項２に記載の情報処理装置。 The product display control unit
Among the plurality of variations of the product, the variation that is out of stock is identified.
On the product information screen, the product image in the variation image group is displayed so that the product image corresponding to the in-stock variation among the plurality of variations is displayed before the product image corresponding to the out-of-stock variation. The information processing apparatus according to claim 2, wherein the order is determined.
前記商品一覧画面に表示された前記複数の商品の中からユーザの操作により選択された一の商品を特定する商品特定部と、
を備え、
前記商品表示制御部は、前記商品特定部により特定された前記商品に対応付けられた前記複数の商品画像を前記商品情報画面において表示させ、
前記商品一覧表示制御部は、前記商品一覧画面において、商品の複数のバリエーションを表示させ、
前記商品特定部は、前記商品一覧画面におけるユーザの操作に応じて、前記商品とともに当該商品のバリエーションを特定し、
前記商品表示制御部は、前記商品情報画面において、前記商品特定部により特定されたバリエーションに対応する商品画像を最初に表示させるとともに、前記複数種類の画像群のうち前記バリエーション画像群が最初に表示されるように前記優先順位を定めることを特徴とする請求項２又は３に記載の情報処理装置。 A product list display control unit that displays a plurality of products extracted according to a user's operation on a predetermined product list screen in the display unit, and a product list display control unit.
A product identification unit that identifies one product selected by a user's operation from the plurality of products displayed on the product list screen.
With
The product display control unit displays the plurality of product images associated with the product specified by the product identification unit on the product information screen.
The product list display control unit displays a plurality of variations of the product on the product list screen.
The product identification unit identifies a variation of the product together with the product in response to a user operation on the product list screen.
The product display control unit first displays the product image corresponding to the variation specified by the product identification unit on the product information screen, and the variation image group is displayed first among the plurality of types of image groups. The information processing apparatus according to claim 2 or 3, wherein the priority is determined so as to be performed.
前記商品画像を所定の方向にスライド移動させて表示させる商品画像を切り替え、
前記商品情報画面において、表示の切り替えの対象となる他の商品画像がある方向を示す切替方向標識を表示させることを特徴とする請求項１〜１２のいずれか一項に記載の情報処理装置。 The product display control unit
Switching the product image to be displayed by sliding the product image in a predetermined direction,
The information processing apparatus according to any one of claims 1 to 12, wherein on the product information screen, a switching direction sign indicating a direction of another product image to be displayed is displayed.
前記複数の商品画像の各々は、異なる複数種類の画像群のいずれかに属し、
前記表示順序は、同一の画像群に属する商品画像が連続して表示されるように、かつ前記複数種類の画像群が所定の優先順位に従う順序で表示されるように定められており、
前記複数種類の画像群の優先順位は、前記商品が属する商品分類に応じて定められていることを特徴とする情報処理方法。 A product display step of switching and displaying a plurality of product images associated with a product to be traded in an electronic commerce in a predetermined display order according to a user's operation on a predetermined product information screen of the display unit. Including
Each of the plurality of product images belongs to one of a plurality of different types of image groups, and
The display order is defined so that product images belonging to the same image group are continuously displayed, and the plurality of types of image groups are displayed in an order according to a predetermined priority.
An information processing method characterized in that the priority order of the plurality of types of image groups is determined according to the product classification to which the product belongs.
電子商取引の取引対象である商品に予め対応付けられている複数の商品画像を、表示部の所定の商品情報画面において、ユーザの操作に応じて所定の表示順序で切り替えて表示させる商品表示制御手段として機能させ、
前記複数の商品画像の各々は、異なる複数種類の画像群のいずれかに属し、
前記表示順序は、同一の画像群に属する商品画像が連続して表示されるように、かつ前記複数種類の画像群が所定の優先順位に従う順序で表示されるように定められており、
前記複数種類の画像群の優先順位は、前記商品が属する商品分類に応じて定められていることを特徴とするプログラム。 The computer installed in the information processing device
A product display control means for switching and displaying a plurality of product images associated with a product that is a transaction target of electronic commerce in a predetermined display order according to a user's operation on a predetermined product information screen of the display unit. To function as
Each of the plurality of product images belongs to one of a plurality of different types of image groups, and
The display order is defined so that product images belonging to the same image group are continuously displayed, and the plurality of types of image groups are displayed in an order according to a predetermined priority.
A program characterized in that the priority order of the plurality of types of image groups is determined according to the product classification to which the product belongs.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2021123145A JP7436432B2 (en) | 2020-03-19 | 2021-07-28 | Information processing device, information processing method and program |
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2020048559A JP6922021B1 (en) | 2020-03-19 | 2020-03-19 | Information processing equipment, information processing methods and programs |
| JP2021123145A JP7436432B2 (en) | 2020-03-19 | 2021-07-28 | Information processing device, information processing method and program |
Related Parent Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2020048559A Division JP6922021B1 (en) | 2020-03-19 | 2020-03-19 | Information processing equipment, information processing methods and programs |
Publications (3)
| Publication Number | Publication Date |
|---|---|
| JP2021168215A true JP2021168215A (en) | 2021-10-21 |
| JP2021168215A5 JP2021168215A5 (en) | 2022-03-25 |
| JP7436432B2 JP7436432B2 (en) | 2024-02-21 |
Family
ID=77269609
Family Applications (2)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2020048559A Active JP6922021B1 (en) | 2020-03-19 | 2020-03-19 | Information processing equipment, information processing methods and programs |
| JP2021123145A Active JP7436432B2 (en) | 2020-03-19 | 2021-07-28 | Information processing device, information processing method and program |
Family Applications Before (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2020048559A Active JP6922021B1 (en) | 2020-03-19 | 2020-03-19 | Information processing equipment, information processing methods and programs |
Country Status (1)
| Country | Link |
|---|---|
| JP (2) | JP6922021B1 (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP7277637B1 (en) | 2022-03-17 | 2023-05-19 | ヤフー株式会社 | Information providing device, information providing method, and information providing program |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP7442772B2 (en) * | 2022-02-01 | 2024-03-05 | 健志 山下 | information processing system |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2005309786A (en) * | 2004-04-21 | 2005-11-04 | Stylink Kk | Information processing system and information processing method |
| WO2011125847A1 (en) * | 2010-03-31 | 2011-10-13 | 楽天株式会社 | Information processing device, information processing method, terminal device, information processing program, and storage medium |
| JP2013206144A (en) * | 2012-03-28 | 2013-10-07 | Dainippon Printing Co Ltd | Merchandise recommendation system, merchandise recommendation method, merchandise recommendation server and program |
| JP2017174304A (en) * | 2016-03-25 | 2017-09-28 | 大和ハウス工業株式会社 | Image display device and image display method |
| JP2018018136A (en) * | 2016-07-25 | 2018-02-01 | アスクル株式会社 | Electronic commercial transaction system |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20090103457A (en) * | 2008-03-28 | 2009-10-01 | 엔에이치엔비즈니스플랫폼 주식회사 | System and method for advertisement using shopping trend |
| JP5319829B1 (en) * | 2012-07-31 | 2013-10-16 | 楽天株式会社 | Information processing apparatus, information processing method, and information processing program |
| JP6233800B2 (en) * | 2013-09-24 | 2017-11-22 | 株式会社スタディスト | Browsing evaluation system, browsing evaluation method and program |
| JP2016091522A (en) * | 2014-11-11 | 2016-05-23 | 富士フイルム株式会社 | Commodity search apparatus, commodity search method, and commodity search system |
-
2020
- 2020-03-19 JP JP2020048559A patent/JP6922021B1/en active Active
-
2021
- 2021-07-28 JP JP2021123145A patent/JP7436432B2/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2005309786A (en) * | 2004-04-21 | 2005-11-04 | Stylink Kk | Information processing system and information processing method |
| WO2011125847A1 (en) * | 2010-03-31 | 2011-10-13 | 楽天株式会社 | Information processing device, information processing method, terminal device, information processing program, and storage medium |
| JP2013206144A (en) * | 2012-03-28 | 2013-10-07 | Dainippon Printing Co Ltd | Merchandise recommendation system, merchandise recommendation method, merchandise recommendation server and program |
| JP2017174304A (en) * | 2016-03-25 | 2017-09-28 | 大和ハウス工業株式会社 | Image display device and image display method |
| JP2018018136A (en) * | 2016-07-25 | 2018-02-01 | アスクル株式会社 | Electronic commercial transaction system |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP7277637B1 (en) | 2022-03-17 | 2023-05-19 | ヤフー株式会社 | Information providing device, information providing method, and information providing program |
| JP2023137129A (en) * | 2022-03-17 | 2023-09-29 | ヤフー株式会社 | Information provision device, method for providing information, and information provision program |
Also Published As
| Publication number | Publication date |
|---|---|
| JP6922021B1 (en) | 2021-08-18 |
| JP7436432B2 (en) | 2024-02-21 |
| JP2021149486A (en) | 2021-09-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107408256B (en) | Optimized item attribute comparison | |
| JP6184924B2 (en) | Information processing apparatus, information processing method, and program | |
| JP7436432B2 (en) | Information processing device, information processing method and program | |
| US20130211938A1 (en) | Retail kiosks with multi-modal interactive surface | |
| WO2021039126A1 (en) | Work assistance system, work assistance device, work assistance method, and program | |
| CN111602110B (en) | Information providing apparatus, information providing method, and non-transitory recording medium | |
| JP7069240B2 (en) | Information processing equipment, information processing methods and programs | |
| US20200320606A1 (en) | Electronic palette apparatus and methods | |
| RU2712816C1 (en) | Interface for mobile device | |
| KR20100044394A (en) | Method and server for searching commodity | |
| US9633193B2 (en) | Server, user apparatus and terminal device | |
| WO2017058685A1 (en) | Transactional user interface | |
| JP2014067314A (en) | Electronic commerce server device | |
| CN112905075B (en) | Page display method, device and medium | |
| JP2021149363A (en) | Information processing device, information processing method, and program | |
| JP5809762B1 (en) | Product display program | |
| JP7318341B2 (en) | Display controller and program | |
| WO2023058807A1 (en) | Method and device for providing information on alternative item | |
| JP6796787B1 (en) | Business support system, business support device, terminal, business support method, business method, and computer program | |
| KR20180040540A (en) | The vibrating bell making an order payment | |
| JP7302314B2 (en) | Display controller and program | |
| JP2019046190A (en) | Distribution device, distribution method, and distribution program | |
| WO2021085456A1 (en) | Commodity display device, commodity display program, and commodity display method | |
| JP6592467B2 (en) | Program, terminal device, and terminal control method | |
| TW202345048A (en) | Method and electronic device for processing order information |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20220316 |
|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20220520 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20230718 |
|
| A601 | Written request for extension of time |
Free format text: JAPANESE INTERMEDIATE CODE: A601 Effective date: 20230919 |
|
| A711 | Notification of change in applicant |
Free format text: JAPANESE INTERMEDIATE CODE: A712 Effective date: 20231026 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20231027 |
|
| 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: 20240123 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20240208 |
|
| R150 | Certificate of patent or registration of utility model |
Ref document number: 7436432 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |