JP2021149485A - 情報処理装置、情報処理方法及びプログラム - Google Patents

Abstract

【課題】選択した商品のバリエーションを分かりやすく示すことができる情報処理装置、情報処理方法及びプログラムを提供する。【解決手段】情報処理装置は、ユーザの操作に応じて、電子商取引の取引対象である一の商品を特定する商品特定部と、商品特定部により特定された商品に係る商品画像を表示部に表示させる商品表示制御部と、を備え、商品特定部は、特定する商品に複数のバリエーションが設定されている場合に、ユーザの操作に応じて、商品とともに複数のバリエーションのうちいずれかのバリエーションを特定し、商品表示制御部は、特定された商品の複数のバリエーションの各々に、各バリエーションに係る商品画像が対応付けられている場合に、商品特定部により特定されたバリエーションに対応する商品画像を表示部に表示させる。【選択図】図１２

Description

本発明は、情報処理装置、情報処理方法及びプログラムに関する。

近年、インターネットの普及に伴い、インターネットを介した商品の販売が盛んに行われている。このような販売形態の一例として、電子商取引に係るウェブサイトに出品者が商品を出品し、かかるウェブサイトを介して商品をユーザに販売するものがある（例えば特許文献１）。

このような電子商取引では、スマートフォン等の端末装置に対するユーザの操作（例えば、検索ワードによる検索指示や、商品カテゴリーの選択）に応じて、商品の画像が端末装置の表示部に表示される（例えば、特許文献２）。通常、ユーザの操作に応じてまず複数の商品が抽出され、これらの複数の商品が端末装置の表示部において一覧表示される。ユーザは、この商品一覧画面においていずれかの商品を選択する操作を行うことで、商品の詳細な情報を閲覧したり、商品の購入手続きを進めたりするための個別の商品画面に遷移させることができる。

また、１つの商品に対し、色などに係る複数のバリエーションが設定されている場合には、商品一覧画面にこれらの複数のバリエーションに対応する複数の画像が表示される。これらのうちいずれかのバリエーションを選択することで、閲覧対象の商品や購入予定の商品を、そのバリエーションまで含めて選択した上で、商品画面に遷移させることができる。

特開２０１８−１８１３６号公報 特開２００１−２７３３０４号公報

しかしながら、従来の商品画面では、選択された商品に対応する固定の代表画像が表示されるため、この代表画像とされているバリエーションが、ユーザが選択したバリエーションとは異なる場合がある。よって、ユーザにとって、自身が選択したバリエーションが分かりにくく、また、意図しないバリエーションを選択したものと誤認してしまう場合もある。
このように、従来の技術では、選択した商品のバリエーションがユーザにとって分かりにくいという課題がある。

この発明の目的は、選択した商品のバリエーションを分かりやすく示すことができる情報処理装置、情報処理方法及びプログラムを提供することにある。

上記目的を達成するため、請求項１に記載の情報処理装置の発明は、
ユーザの操作に応じて、電子商取引の取引対象である一の商品を特定する商品特定部と、
前記商品特定部により特定された前記商品に係る商品画像を表示部に表示させる商品表示制御部と、
を備え、
前記商品特定部は、特定する前記商品に複数のバリエーションが設定されている場合に、前記ユーザの操作に応じて、前記商品とともに前記複数のバリエーションのうちいずれかのバリエーションを特定し、
前記商品表示制御部は、前記特定された商品の前記複数のバリエーションの各々に、各バリエーションに係る商品画像が対応付けられている場合に、前記商品特定部により特定された前記バリエーションに対応する前記商品画像を前記表示部に表示させることを特徴としている。

請求項２に記載の発明は、請求項１に記載の情報処理装置において、
ユーザの操作に応じて抽出された複数の商品を、前記表示部における所定の商品一覧画面に表示させる商品一覧表示制御部を備え、
前記商品特定部は、前記商品一覧画面に表示された前記複数の商品の中からユーザの操作により選択された前記商品を、購入予定の商品として特定し、
前記商品表示制御部は、前記購入予定の商品の情報を表示するための所定の購入商品画面において、前記購入予定の商品の前記特定されたバリエーションに対応する前記商品画像を前記表示部に表示させることを特徴としている。

請求項３に記載の発明は、請求項２に記載の情報処理装置において、
前記商品一覧表示制御部は、前記商品一覧画面において、商品の複数のバリエーションを表示させ、
前記商品特定部は、前記商品一覧画面におけるユーザの操作に応じて前記バリエーションを特定することを特徴としている。

請求項４に記載の発明は、請求項２又は３に記載の情報処理装置において、
前記商品表示制御部は、
前記購入商品画面において、前記購入予定の商品に設定されている前記複数のバリエーションの選択肢を示すバリエーション選択画像を表示させ、
前記購入商品画面において、前記購入予定の商品のバリエーションを変更する操作がなされた場合に、前記購入商品画面において表示させる商品画像を、変更後のバリエーションに対応する商品画像に切り替えることを特徴としている。

請求項５に記載の発明は、請求項４に記載の情報処理装置において、
前記商品表示制御部は、前記バリエーション選択画像において、前記購入予定の商品に設定されている前記複数のバリエーションのうち、前記商品特定部により特定された前記バリエーションを最も上方に表示させることを特徴としている。

請求項６に記載の発明は、請求項４又は５に記載の情報処理装置において、
前記商品表示制御部は、
前記購入予定の商品に設定されている複数のバリエーションのうち、在庫がないバリエーションを特定し、
前記バリエーション選択画像において、前記複数のバリエーションのうち在庫がないバリエーションを、在庫があるバリエーションより下方に表示させることを特徴としている。

請求項７に記載の発明は、請求項２〜６のいずれか一項に記載の情報処理装置において、
前記商品表示制御部は、ユーザの所定の操作に応じて、前記購入商品画面において表示されている前記商品画像を拡大させることを特徴としている。

請求項８に記載の発明は、請求項１〜７のいずれか一項に記載の情報処理装置において、
前記バリエーションは、商品の外観の相違であることを特徴としている。

請求項９に記載の発明は、請求項８に記載の情報処理装置において、
前記バリエーションは、商品の色の相違であることを特徴としている。

請求項１０に記載の発明は、請求項１〜９のいずれか一項に記載の情報処理装置において、
前記商品表示制御部は、前記電子商取引の注文履歴、商品の閲覧履歴、ユーザが所定の方法で登録した商品の一覧、及び電子商取引の状況に係る通知を行う通知画面のうち少なくとも１つを前記表示部に表示させる場合に、前記商品特定部により特定された前記バリエーションに対応する前記商品画像を表示させることを特徴としている。

請求項１１に記載の発明は、請求項１〜１０のいずれか一項に記載の情報処理装置において、
前記商品表示制御部は、
前記表示部の所定の商品情報画面において前記商品の商品画像を表示させる場合に、前記商品特定部により特定された前記バリエーションに対応する前記商品画像を最初に表示させ、
前記商品情報画面において、前記商品に予め対応付けられている複数の商品画像を、ユーザの操作に応じて所定の表示順序で切り替えて表示させることを特徴としている。

請求項１２に記載の発明は、請求項１１に記載の情報処理装置において、
前記複数の商品画像の各々は、異なる複数種類の画像群のいずれかに属し、
前記表示順序は、同一の画像群に属する商品画像が連続して表示されるように、かつ前記複数種類の画像群が所定の優先順位に従う順序で表示されるように定められており、
前記複数種類の画像群の優先順位は、前記商品が属する商品分類に応じて定められていることを特徴としている。

請求項１３に記載の発明は、請求項１２に記載の情報処理装置において、
前記複数種類の画像群は、前記複数のバリエーションの各々に対応する商品画像からなるバリエーション画像群を含み、
前記商品表示制御部は、前記商品特定部により前記バリエーションが特定された場合に、前記商品情報画面において、前記複数種類の画像群のうち前記バリエーション画像群が最初に表示されるように前記優先順位を定めることを特徴としている。

請求項１４に記載の発明は、請求項１３に記載の情報処理装置において、
前記商品表示制御部は、
前記商品の前記複数のバリエーションのうち、在庫がないバリエーションを特定し、
前記商品情報画面において、前記複数のバリエーションのうち在庫があるバリエーションに対応する商品画像が、在庫がないバリエーションに対応する商品画像より先に表示されるように、前記バリエーション画像群における商品画像の表示順序を定めることを特徴としている。

請求項１５に記載の発明は、請求項１２〜１４のいずれか一項に記載の情報処理装置において、
前記複数種類の画像群は、前記商品を代表する商品画像からなる代表画像群を含むことを特徴としている。

請求項１６に記載の発明は、請求項１２〜１５のいずれか一項に記載の情報処理装置において、
前記複数種類の画像群は、前記商品の詳細な特徴を示す商品画像からなる詳細画像群を含むことを特徴としている。

また、上記目的を達成するため、請求項１７に記載の情報処理方法の発明は、
ユーザの操作に応じて、電子商取引の取引対象である一の商品を特定する商品特定ステップと、
前記商品特定ステップにおいて特定された前記商品に係る商品画像を表示部に表示させる商品表示ステップと、
を含み、
前記商品特定ステップでは、特定する前記商品に複数のバリエーションが設定されている場合に、前記ユーザの操作に応じて、前記商品とともに前記複数のバリエーションのうちいずれかのバリエーションを特定し、
前記商品表示ステップでは、前記特定された商品の前記複数のバリエーションの各々に、各バリエーションに係る商品画像が対応付けられている場合に、前記商品特定ステップにおいて特定された前記バリエーションに対応する前記商品画像を前記表示部に表示させることを特徴としている。

また、上記目的を達成するため、請求項１８に記載のプログラムの発明は、
情報処理装置に設けられたコンピュータを、
ユーザの操作に応じて、電子商取引の取引対象である一の商品を特定する商品特定手段、
前記商品特定手段により特定された前記商品に係る商品画像を表示部に表示させる商品表示制御手段、
として機能させ、
前記商品特定手段は、特定する前記商品に複数のバリエーションが設定されている場合に、前記ユーザの操作に応じて、前記商品とともに前記複数のバリエーションのうちいずれかのバリエーションを特定し、
前記商品表示制御手段は、前記特定された商品の前記複数のバリエーションの各々に、各バリエーションに係る商品画像が対応付けられている場合に、前記商品特定手段により特定された前記バリエーションに対応する前記商品画像を前記表示部に表示させることを特徴としている。

本発明に従うと、選択した商品のバリエーションを分かりやすく示すことができるという効果がある。

情報処理システムの構成を示す図である。 端末装置及びサーバ装置の機能構成を示すブロック図である。 ショッピングアプリの商品検索画面を示す図である。 商品一覧画面を示す図である。 商品データの内容例を示す図である。 商品情報画面を示す図である。 スライド表示により商品画像を切り替えた場合の商品情報画面を示す図である。 スライド表示における複数の商品画像の表示順序の設定を示す図である。 画像群配列設定データの内容例を示す図である。 通常の画像群配列における商品画像の表示順序の設定を示す図である。 通常の画像群配列における商品画像の表示順序の変形例を示す図である。 購入仕様選択画面を示す図である。 ブラックのバリエーションボタンが選択された場合の購入仕様選択画面を示す図である。 商品画像を拡大させたときの購入仕様選択画面を示す図である。 購入仕様確認画面を示す図である。 商品表示処理の制御手順を示すフローチャートである。 商品表示処理の制御手順を示すフローチャートである。

以下、本発明の情報処理装置、情報処理方法及びプログラムに係る実施の形態を図面に基づいて説明する。

［１．情報処理システムの構成］
図１は、本実施形態に係る情報処理システム１の構成を示す図である。
情報処理システム１は、複数の端末装置１０（情報処理装置）と、サーバ装置２０と、を備える。複数の端末装置１０及びサーバ装置２０は、通信ネットワークＮを介して接続されている。通信ネットワークＮは、例えばインターネットであるが、これに限られず、ＬＡＮ（Local Area Network）等、他のネットワークであってもよい。

端末装置１０は、例えば、スマートフォン、タブレット型端末、ノートＰＣ（Personal Computer）、デスクトップＰＣ、携帯電話機、ＰＤＡ（Personal Digital Assistant）等である。図１では、端末装置１０がスマートフォンである場合を例に挙げて説明している。複数の端末装置１０は、それぞれ異なるユーザＵ１、Ｕ２、Ｕ３…により使用される。以下では、ユーザＵ１、Ｕ２、Ｕ３…のうち任意の１人を指す場合には「ユーザＵ」と記す。なお、端末装置１０は、ユーザＵが使用するものであってサーバ装置２０との通信が可能であれば、上記の機器に限られない。

サーバ装置２０は、端末装置１０からの要求に応じて各種の情報処理を実行し、結果を端末装置１０に送信する。端末装置１０は、サーバ装置２０から受信した情報に基づいて表示部において表示を行う。情報処理システム１は、端末装置１０及びサーバ装置２０によるこれらの一連の情報処理により、ユーザＵに対して電子商取引サービスを提供する。

ユーザＵは、端末装置１０上で電子商取引サービス用のアプリケーションプログラム（プログラム）（以下、「ショッピングアプリ１２４」と記す）を実行させることで、端末装置１０の表示部１４に電子商取引サービスの各種情報を表示させて電子商取引を行うことができる。詳しくは、ショッピングアプリ１２４が実行されると、予め登録済の認証情報が端末装置１０からサーバ装置２０に送信され、電子商取引サービスへのログインが行われる。ユーザＵが電子商取引サービスにログインした状態で、ショッピングアプリ１２４上で各種操作を行うと、サーバ装置２０に対して電子商取引サービスに係る各種処理要求が送信され、その処理結果がサーバ装置２０から端末装置１０に送信される。端末装置１０では、当該処理結果に応じて表示部１４に電子商取引サービスに係る各種情報が表示される。例えば、商品（取引対象）の検索結果を表示部１４に表示させたり、選択した商品の購入手続きを行うための画面を表示させたりすることができる。ショッピングアプリ１２４上で購入手続きが完了すると、予め登録されているユーザＵの住所に出品者から商品が発送される。このように、本実施形態の電子商取引サービスでは、有体物である商品を電子商取引の取引対象とすることができる。ただし、これに限られず、動画視聴や旅行といったサービスが取引対象の商品とされてもよい。

次に、端末装置１０及びサーバ装置２０の構成について説明する。
図２は、端末装置１０及びサーバ装置２０の機能構成を示すブロック図である。

［１−１．端末装置の構成］
図２に示すように、端末装置１０は、制御部１１（コンピュータ）と、記憶部１２と、通信部１３と、表示部１４と、操作部１５などを備える。

制御部１１は、ＣＰＵ（Central Processing Unit）等の演算装置、及びＲＡＭ（Random Access Memory）、ＲＯＭ（Read Only Memory）、フラッシュメモリー等の記憶装置を備える。制御部１１は、ＲＡＭ等を作業領域として記憶部１２に記憶されているシステムプログラムや各種アプリケーションプログラム（例えばショッピングアプリ１２４）を実行することで端末装置１０の各部の動作を制御する。具体的には、制御部１１は、ショッピングアプリ１２４を実行し、通信部１３により各種処理の実行要求のための信号をサーバ装置２０に対して送信させたり、サーバ装置２０から受信した情報に基づいて表示部１４に各種情報を表示させたりすることで、電子商取引サービスに係る情報をユーザＵに提示する。制御部１１は、ショッピングアプリ１２４を実行することで、商品一覧表示制御部１１１、商品特定部１１２（商品特定手段）、及び商品表示制御部１１３（商品表示制御手段）として機能する。

商品一覧表示制御部１１１は、電子商取引の全ての取引対象の中から抽出された複数の商品を、表示部１４における所定の商品一覧画面３０１（図４参照）に表示させる。商品一覧画面３０１における表示対象となる複数の商品は、サーバ装置２０の制御部２１により抽出され、その抽出結果が端末装置１０に送信される。
商品特定部１１２は、商品一覧画面３０１におけるユーザＵの操作に応じて一の商品を特定する。
商品表示制御部１１３は、商品特定部１１２により特定された商品の情報を表示する各種の画面（例えば、図６、図７に示す商品情報画面３０２、図１２〜図１４に示す購入仕様選択画面３０３、図１５に示す購入仕様確認画面３０４等）を表示部１４に表示させる。
商品一覧表示制御部１１１、商品特定部１１２及び商品表示制御部１１３による処理内容については後に詳述する。

記憶部１２は、ＨＤＤ（Hard Disk Drive）、ＳＳＤ（Solid State Drive）等の記憶装置によって実現される。記憶部１２には、商品データ１２１、商品画像データ１２２、及び画像群配列設定データ１２３などが記憶されている。このうち商品データ１２１及び商品画像データ１２２は、端末装置１０からの要求に応じてサーバ装置２０から送信され、通信部１３により受信した商品に係るデータである。商品データ１２１及び商品画像データ１２２は、それぞれサーバ装置２０の記憶部２２に記憶されている商品データ２２１及び商品画像データ２２２の一部に相当する。これらのデータの詳細については後述する。
また、記憶部１２には、ショッピングアプリ１２４が記憶されている。

通信部１３は、例えば、ＮＩＣ（Network Interface Card）等によって実現される。通信部１３は、通信ネットワークＮと有線または無線で接続され、サーバ装置２０の通信部２３との間で情報の送受信を行う。また、通信部１３は、携帯電話基地局などと交信し、電話通信の音声データやインターネット接続に係るパケットデータなどを送受信する。

表示部１４は、液晶表示装置や有機ＥＬ表示装置などにより実現され、制御部１１による制御下で各種情報を表示する。

操作部１５は、表示部１４と一体的に設けられたタッチパネルや、各種押しボタン等により実現される。操作部１５は、これらのタッチパネルや押しボタンに対するユーザＵからの入力操作を受け付けて、当該入力操作に応じた操作信号を制御部１１に出力する。例えば、表示部１４に各種操作ボタンが表示された状態で、当該操作ボタンの表示領域に指を接触させる入力操作がなされると、当該指の接触がタッチパネルにより検出され、上記操作ボタンを選択する操作として受け付けられる。

［１−２．サーバ装置の構成］
図２に示すように、サーバ装置２０は、制御部２１と、記憶部２２と、通信部２３などを備える。サーバ装置２０は、この他に、サーバ装置２０の操作者からの入力操作を受け付ける入力部（キーボードやマウス等）や、各種情報を表示するための表示部（液晶表示装置等）などをさらに備えていてもよい。

制御部２１は、ＣＰＵ等の演算装置、及びＲＡＭ、ＲＯＭ、フラッシュメモリー等の記憶装置を備える。制御部２１は、ＲＡＭ等を作業領域として、記憶部２２に記憶されているプログラム２２３を実行することで、電子商取引サービスに係る各種の処理を実行するとともに、サーバ装置２０の各部の動作を制御する。

記憶部２２は、ＨＤＤ、ＳＳＤ等の記憶装置によって実現される。記憶部２２には、商品データ２２１、商品画像データ２２２、及びプログラム２２３等が記憶されている。

通信部２３は、各種通信モジュールによって実現される。通信部２３は、通信ネットワークＮを介して端末装置１０の通信部１３との間で情報の送受信を行う。

［２．情報処理システムの動作］
次に、電子商取引サービスを実現するための情報処理システム１の各部の動作について説明する。以下では、端末装置１０の表示部１４に表示されるショッピングアプリ１２４の画面及びその遷移を用いて、端末装置１０動作を中心に説明する。

図３は、ショッピングアプリ１２４の商品検索画面３００を示す図である。
商品検索画面３００は、端末装置１０においてショッピングアプリ１２４が実行されているときに表示部１４に表示される画面の１つである。詳しくは、商品検索画面３００は、ショッピングアプリ１２４上で所望の商品を絞り込んで表示させようとする場合に、ユーザＵの指示に応じて表示される。例えば、商品検索画面３００は、ショッピングアプリ１２４の起動時に表示される図示略のホーム画面において、検索アイコン３３ｂを選択する操作がなされた場合に表示される。

図３に示すように、商品検索画面３００では、検索バー３１、カテゴリー選択ボタン３２、及びアイコン３３ａ〜３３ｅなどが表示されている。
検索バー３１は、商品の検索に用いられる。検索バー３１に検索ワードを入力して検索ボタンを選択する入力操作を行うことで、検索ワードと関連性の高い複数の商品が抽出されて商品一覧画面３０１（図４参照）に一覧表示される。
カテゴリー選択ボタン３２は、商品のカテゴリー（商品分類）の一覧を表示する図示略のカテゴリー選択画面に遷移させるためのボタンである。このカテゴリー選択画面におけるユーザＵの操作により一のカテゴリーが選択された場合には、選択されたカテゴリーに属する複数の商品が抽出されて、上記の商品一覧画面３０１に一覧表示される。なお、１つのカテゴリーが選択された場合に、当該カテゴリーに属する複数のサブカテゴリーがさらに表示されてもよい。また、サブカテゴリーが２階層以上の階層構造を有していてもよい。これらの場合には、いずれかのサブカテゴリーを選択する入力操作がなされた場合に、当該サブカテゴリーに属する複数の商品が抽出されて商品一覧画面３０１に一覧表示される。

アイコン３３ａ〜３３ｅは、それぞれ所定の機能を実行したり、所定の情報を表示したりするための専用の画面に遷移させるための操作ボタンである。
ホームアイコン３３ａを選択すると、任意の画面表示から、図示略のホーム画面に遷移させることができる。
検索アイコン３３ｂを選択すると、任意の表示画面から、図３に示す商品検索画面３００に遷移させることができる。
カートアイコン３３ｃを選択すると、ユーザＵが、購入予定の商品の候補として登録している商品を一覧表示させることができ、これらの商品の購入手続を進めることができる。
新着アイコン３３ｄを選択すると、イベントや新商品等の、電子商取引サービスからの新たな通知の内容を表示する画面に遷移させることができる。
マイページアイコン３３ｅを選択すると、ユーザＵの登録情報やショッピングアプリ１２４の動作設定等の確認及び変更を行うための画面に遷移させることができる。

図４は、商品一覧画面３０１を示す図である。
商品一覧画面３０１は、商品検索画面３００において検索バー３１を用いた商品の検索がなされた場合に表示される。図４では、検索バー３１に検索ワードとして「コート」が入力され、この検索ワードを用いて検索が実行された場合が例示されている。また、上述のカテゴリー選択画面において、「ファッション」のサブカテゴリーである「コート」が選択された場合にも、図４と同一の商品一覧画面３０１が表示される。

図４に示すように、商品一覧画面３０１では、検索バー３１、アイコン３３ａ〜３３ｅ、複数の商品画像３４１〜３４３が表示されている。このうち検索バー３１及びアイコン３３ａ〜３３ｅの外観及び機能は、基本的に商品検索画面３００の検索バー３１及びアイコン３３ａ〜３３ｅと同一である。ただし、検索バー３１の入力欄には、抽出対象アイコン３１ａが追加されて表示されている。抽出対象アイコン３１ａは、商品一覧画面３０１に表示されている商品の抽出に用いられた文字列を表す。ここでは、検索に用いられた検索ワードである「コート」を示す抽出対象アイコン３１ａが表示されている。

商品一覧画面３０１では、指定された検索ワードによる検索結果に係る複数の商品が抽出され、これらの抽出された商品に係る複数の商品画像３４１〜３４３が並べられて表示されている。ここでは、「コート」を検索ワードとして抽出された複数のコートに係る商品画像３４１〜３４３が表示されている。以下では、任意の１つの商品画像を指す場合には「商品画像３４」と記す。
また、上方へのスワイプ操作（指等を表示画面に接触させた状態で素早くずらす操作）などにより、商品一覧画面３０１を上方にスクロールさせて未表示の商品画像３４を表示させることができる。

図４の商品画像３４１には、商品画像３４１ｂ、３４１ｗ、３４１ｇの３種類がある。商品画像３４１ｂ、３４１ｗ、３４１ｇは、同一種類の商品に設定された複数のバリエーションを示す画像である。ここでは、商品画像３４１ｂ、３４１ｗ、３４１ｇは、同一デザインのコートに設定された複数のカラーバリエーションに係る画像である。具体的には、商品画像３４１ｂは、ブラックのカラーバリエーションのコートを示し、商品画像３４１ｗは、ホワイトのカラーバリエーションのコートを示し、商品画像３４１ｇは、グレーのカラーバリエーションのコートを示している。本明細書では、商品画像３４１ｂ、３４１ｗ、３４１ｇのうち任意の１つを指す場合には「商品画像３４１」と記す。
同様に、商品画像３４２には、２色のカラーバリエーションに係る２種類の画像があり、商品画像３４３には、４色のカラーバリエーションに係る４種類の画像があるが、図４では、簡便のためそれぞれ共通の符号３４２、３４３を付している。

商品一覧画面３０１を表示させる処理は、商品データ１２１及び商品画像データ１２２に基づいて、制御部１１の商品一覧表示制御部１１１により実行される。

図５は、商品データ１２１の内容例を示す図である。
商品データ１２１は、検索ワード「コート」に基づいてサーバ装置２０において抽出され、端末装置１０に送信された、一群の商品に係るデータである。商品データ１２１では、商品ごとに、「品名」、「商品コード」、「バリエーションコード」、「画像データ」の項目のデータが記憶されている。
「品名」は、商品の名称を示す。
「商品コード」は、同一種類の商品に対して共通に付されている符号である。図５の例では、デザインが共通である同一品名の商品に対して共通の商品コードが付されている。
「バリエーションコード」は、商品に設定されている複数のバリエーションを示す符号である。図５のバリエーションコードは、商品のカラーバリエーションを示している。例えば、「ＢＫ」は「ブラック」、「ＷＴ」は「ホワイト」、「ＧＲ」は「グレー」のカラーバリエーションを示す。
「画像データ」は、複数のカラーバリエーションの各々に対応付けられている商品画像の画像データを特定しているデータである。例えば、商品コード「Ｃ００１」、バリエーションコード「ＢＫ」に対応付けられている画像データ「ｃ００１ｂｋ．ｘｘｘ」は、品名「コート１」のうち「ブラック」の商品の画像データとなっている。「画像データ」の項目に設定されている各画像データは、サーバ装置２０から送信され、記憶部１２の商品画像データ１２２に記憶されている。

制御部１１の商品一覧表示制御部１１１は、商品データ１２１において商品にバリエーションコードが設定されており、かつ各バリエーションに対応して商品画像３４の画像データが対応付けられている場合には、各バリエーションコードに対応する複数の画像データを商品画像データ１２２から取得して商品一覧画面３０１に表示させる。これにより、商品一覧画面３０１において、商品に設定されている複数のカラーバリエーションの商品画像３４が一覧表示される。なお、１つの商品に設定されているカラーバリエーションの種類が多い場合などにおいては、商品一覧画面３０１において、１種類の商品当たりに表示させるカラーバリエーションの数の上限値を定めてもよい。

図４の商品一覧画面３０１において、ユーザＵにより一の商品画像３４を選択する操作（例えば指などにより画面に接触する操作（タップ））がなされると、選択された商品の情報を表示する商品情報画面３０２が表示部１４に表示される。
ユーザＵの操作に応じて、一の商品を特定する処理は、制御部１１の商品特定部１１２により実行される。商品特定部１１２は、特定する商品に複数のカラーバリエーションが設定されている場合に、ユーザＵの操作に応じて、商品とともに複数のカラーバリエーションのうちいずれかのカラーバリエーションを特定する。図４の商品画像３４は、商品のカラーバリエーションごとに表示されているため、商品特定部１１２は、商品画像３４を選択する操作に応じて、商品とともに当該商品のカラーバリエーションを特定する。
また、商品情報画面３０２を表示させる処理は、制御部１１の商品表示制御部１１３により実行される。

図６は、商品情報画面３０２を示す図である。
ここでは、図４における商品画像３４１ｇ（図５における商品コード「Ｃ００１」、バリエーションコード「ＧＲ」の商品及びカラーバリエーション）が選択されたものとする。
図６に示すように、商品情報画面３０２では、アイコン３３ａ〜３３ｅと、選択された商品画像３４１ｇと、第１の購入商品決定ボタン３５などが表示されている。このうちアイコン３３ａ〜３３ｅの外観及び機能は、基本的に商品検索画面３００のアイコン３３ａ〜３３ｅと同一である。

商品情報画面３０２では、商品一覧画面３０１においてユーザＵが選択したバリエーションに対応する商品画像３４１ｇが拡大されて表示される。また、商品画像３４１ｇの下方には、商品画像３４１ｇのカラーバリエーション（グレー）、及び、当該カラーバリエーションの各サイズの在庫状況が表示されている。図６の例では、グレーのカラーバリエーションについて、Ｓ（Ｓｍａｌｌ）、Ｍ（Ｍｅｄｉｕｍ）、Ｌ（Ｌａｒｇｅ）の各サイズの在庫があることが示されている。各カラーバリエーションに設定されている複数のサイズは、「複数のサブバリエーション」に相当する。

商品情報画面３０２における商品画像３４１ｇは、まず商品一覧画面３０１で用いられたものと同一の画像データに基づいて表示される。商品一覧画面３０１で用いられた画像データは、一覧表示用の解像度の低い画像であるため、この表示では、拡大により若干目の粗い画像が表示されることとなる。この表示と並行して、サーバ装置２０からより高解像度の商品画像３４１ｇの画像データが送信され、端末装置１０において当該画像データの受信が完了すると、高解像度の画像データによる表示に差し替えられる。この一連の動作により、商品一覧画面３０１から商品情報画面３０２に切り替えられた場合に、シームレスに商品画像３４１ｇを表示させることができる。

また、上記の高解像度の画像データとともに、商品コード「Ｃ００１」の商品に予め対応付けられている複数の商品画像３４の画像データがサーバ装置２０から送信され、端末装置１０により受信される。ここでは、商品コード「Ｃ００１」の商品について１５枚の商品画像３４が取得されたものとする。
商品情報画面３０２の商品画像３４（初期状態では商品画像３４１ｇ）上を左方向にスワイプする操作により、商品画像３４を左方向にスライドさせて、取得された複数の商品画像３４のうち他の商品画像３４の表示に切り替えることができる。このスワイプ操作を行うごとに、複数の商品画像３４を所定の表示順序で切り替えて表示させることができる。図６の商品画像３４１ｇの右端に表示されている切替方向アイコン３４ａ（切替方向標識）は、表示切替えの対象となる他の商品画像３４がある方向を示している。また、商品画像３４１ｇの左下に表示されている画像番号３４ｂにより、上記表示順序のうち何番目の商品画像３４が表示されているかを判別できるようになっている。なお、切替方向アイコン３４ａをタップする操作によって商品画像３４が切り替えられるようになっていてもよい。
以下では、商品情報画面３０２において複数の商品画像３４をスワイプ操作に応じて切り替えて表示させる動作を「スライド表示」と記す。

図７は、スライド表示により商品画像３４１を切り替えた場合の商品情報画面３０２を示す図である。
図７は、図６の状態から商品画像３４が２回スワイプ操作されて、３枚目の商品画像３４である商品画像３４１ｗに表示が切り替わった状態を示している。
商品画像３４１ｗは、商品コード「Ｃ００１」のうちホワイトのカラーバリエーションに対応する画像である。この商品画像３４１ｗの下方にも、当該カラーバリエーションの在庫状況が表示されている。図７の例では、ホワイトのカラーバリエーションについて、Ｓ、Ｍ、Ｌのいずれのサイズの在庫もないことが示されている。

図７の商品画像３４１ｗでは、右端及び左端にそれぞれ切替方向アイコン３４ａが表示されており、左右両方向への商品画像３４の切り替えが可能であることが示されている。図７の状態で左方向にスワイプ操作を行うことで、商品画像３４１を左方向にスライドさせて、所定の表示順序の順方向に商品画像３４の表示を切り替えていくことができる。また、図７の状態で右方向にスワイプ操作を行うことで、商品画像３４１を右方向にスライドさせて、所定の表示順序とは逆方向に商品画像３４の表示を切り替えていくことができる。左方向へのスワイプ操作を続けて、表示順序において最後の商品画像３４（ここでは、１５枚目の商品画像３４）が表示されると、右端の切替方向アイコン３４ａが表示されなくなり、逆方向への表示切替が可能であることを示す左端の切替方向アイコン３４ａのみが表示される。
なお、これに限られず、複数の商品画像３４を循環表示させるようにしてもよい。すなわち、最後の商品画像３４が表示された場合にも右端の切替方向アイコン３４ａを表示させ、さらに左方向へのスワイプ操作がなされた場合には１枚目の商品画像３４（商品画像３４１ｇ）に表示が切り替わるようにしてもよい。

ここで、スライド表示における複数の商品画像３４の表示順序について説明する。
図８は、スライド表示における複数の商品画像３４の表示順序の設定を示す図である。
図８に示すように、複数の（ここでは１５枚の）商品画像３４の各々は、異なる複数種類の画像群のいずれかに属する。本実施形態の複数種類の画像群は、バリエーション画像群、代表画像群、及び詳細画像群からなる。

バリエーション画像群は、商品に設定されている複数のバリエーション（ここでは、カラーバリエーション）の各々に対応する商品画像３４１ｂ、３４１ｗ、３４１ｇからなる。
代表画像群は、商品を代表する商品画像である代表画像からなる。図８の例では、ブラックのコートの商品画像３４が代表画像として設定されている。この商品画像３４は、バリエーション画像群に含まれる商品画像３４１ｂと同一であってもよいし、異なる画像であってもよい。
詳細画像群は、商品の詳細な特徴を示す商品画像３４である詳細画像からなる。詳細画像の内容は、特には限られないが、例えば商品の一部を拡大して細部を示す画像、代表画像とは異なる角度から商品を撮影した画像、及び商品の使用態様を示す画像などである。図８では、詳細画像群は、１１枚の詳細画像からなる。

商品情報画面３０２におけるスライド表示では、複数の商品画像３４の表示順序は、同一の画像群に属する商品画像３４が連続して表示されるように、かつ複数の画像群が所定の優先順位に従う順序で表示されるように定められている。図８の例では、複数の画像群の優先順位は、優先順位が高い方から、バリエーション画像群、代表画像群、詳細画像群の順となっている。したがって、スライド表示では、まずユーザＵにより選択されたグレーのカラーバリエーションに対応する商品画像３４１ｇが表示されるとともに、複数種類の画像群のうちバリエーション画像群が最初に表示されるように表示順序が定められている。グレーのカラーバリエーションに対応する商品画像３４１ｇが表示された後、スワイプ操作がなされるごとに、バリエーション画像群に属する残りの商品画像３４、代表画像群に属する商品画像３４、詳細画像群に属する商品画像３４の順に表示が切り替わる。

また、スライド表示では、商品の複数のカラーバリエーションのうち、在庫がないカラーバリエーションが特定され、複数のカラーバリエーションのうち在庫があるカラーバリエーションに対応する商品画像（図８では、グレーの商品画像３４１ｇ及びブラックの商品画像３４１ｂ）が、在庫がないカラーバリエーションに対応する商品画像（商品画像３４１ｗ）より先に表示されるように、バリエーション画像群における商品画像３４１の表示順序が定められている。したがって、バリエーション画像群における表示順序は、ユーザＵに選択されたカラーバリエーション（グレーの商品画像３４１ｇ）、残りのカラーバリエーションのうち在庫があるカラーバリエーション（ブラックの商品画像３４１ｂ）、残りのカラーバリエーションのうち在庫がないカラーバリエーション（ホワイトの商品画像３４１ｗ）の順となる。

スライド表示における複数の画像群の優先順位は、その商品が属するカテゴリー（商品分類）に応じて定められている。以下では、画像群の優先順位に応じた複数の画像群の配列を、画像群配列と記す。商品分類ごとの画像群配列は、画像群配列設定データ１２３に設定されている。

図９は、画像群配列設定データ１２３の内容例を示す図である。
画像群配列設定データ１２３では、商品のカテゴリーごとに、そのカテゴリーに対応する画像群配列が対応付けられている。図９の例では、「ファッション」のカテゴリーには「カラーバリエーション優先」の画像群配列が対応付けられており、他の「アクセサリー」、「インテリア」、「電化製品」等のカテゴリーには「通常」の画像群配列が対応付けられている。
「カラーバリエーション優先」の画像群配列は、図８に示したように、バリエーション画像群を先頭とし、次いで代表画像群、詳細画像群の順に表示させる配列である。なお、代表画像群及び詳細画像群の順序は逆としてもよい。
「通常」の画像群配列は、図１０に示すように、代表画像群を先頭とし、次いで詳細画像群、バリエーション画像群の順に表示させる配列である。

本実施形態で例示している「コート」の商品は、「ファッション」のカテゴリーに属しているため、画像群配列設定データ１２３の設定に従って「カラーバリエーション優先」の画像群配列が適用され、図８に示す表示順序でスライド表示が行われる。
「ファッション」（被服）のカテゴリーに属する商品は、購入するユーザＵにとってカラーバリエーションが重要である場合が多い。このため、「カラーバリエーション優先」の画像群配列として、スライド表示における先頭からカラーバリエーションの商品画像３４が表示されるようにすることで、ユーザＵが簡易に所望の商品画像３４を確認できるようにすることができる。
なお、「ファッション」以外の特定のカテゴリーについて、「カラーバリエーション優先」の画像群配列が設定されてもよい。

また、「通常」の画像群配列が対応付けられているカテゴリーの商品については、画一的に「通常」の画像群配列を適用する方法に代えて、以下の方法でスライド表示を行ってもよい。
商品に複数のカラーバリエーションが設定されており、商品一覧画面３０１において、複数のカラーバリエーションのうち代表画像とは異なるカラーバリエーション（例えば、図１０における「カラー２」）がユーザＵにより選択された場合には、商品情報画面３０２において、選択されたカラーバリエーションに対応する商品画像３４を最初に表示させる。このとき、図１０に示す「通常」の画像群配列をそのまま適用すると、商品情報画面３０２の初期画面において、表示順序が１４番目である「カラー２」の商品画像３４が表示された状態となる。この状態では、順方向の切り替えで表示できる商品画像３４は、残り１枚のみ（１５枚目の商品画像３４）であるため、ユーザＵは、その商品に設定されている商品画像が１４枚目及び１５枚目の２枚のみであるように誤認しやすい。
そこで、「通常」の画像群配列が対応付けられているカテゴリーの商品であっても、代表画像とは異なるカラーバリエーションがユーザＵにより選択された場合には、図１１に示すように「カラーバリエーション優先」の画像群配列を適用してもよい。すなわち、スライド表示においてまず選択されたカラーバリエーションに対応する商品画像３４を表示させるとともに、バリエーション画像群が表示順の先頭となるように画像群配列を変更してもよい。これにより、商品画像を順方向に切り替えていくことで、設定されている各カラーバリエーションに対応する商品画像３４をまず確認できるとともに、商品に対応付けられている全ての商品画像３４を確認することができる。

図６及び図７に示す商品情報画面３０２において、第１の購入商品決定ボタン３５を選択する操作がなされると、商品情報画面３０２において表示されている商品及びカラーバリエーションが、購入予定の商品及びカラーバリエーションとして特定される。以下では、購入予定の商品として特定することを「カートに入れる」とも記す。また、第１の購入商品決定ボタン３５を選択する操作を「カートへの追加を指示する操作」とも記す。購入予定の商品及びカラーバリエーションの特定に係る処理は、制御部１１の商品特定部１１２により実行される。
また、第１の購入商品決定ボタン３５の操作に応じて、購入予定の商品の情報を表示する購入仕様選択画面３０３が表示される。購入仕様選択画面３０３を表示させる処理は、制御部１１の商品表示制御部１１３により実行される。購入仕様選択画面３０３は、「購入商品画面」の一例である

図１２は、購入仕様選択画面３０３を示す図である。
図１２では、グレーのカラーバリエーションに対応する商品画像３４１ｇが表示された状態で第１の購入商品決定ボタン３５が選択された場合の購入仕様選択画面３０３が示されている。
購入仕様選択画面３０３では、アイコン３３ａ〜３３ｅ、商品画像３４１ｇ、バリエーション選択画像３６、及び第２の購入商品決定ボタン３７などが表示されている。このうちアイコン３３ａ〜３３ｅの外観及び機能は、商品検索画面３００のアイコン３３ａ〜３３ｅと同一である。

購入仕様選択画面３０３では、購入予定の商品として特定された商品及びそのカラーバリエーションに対応する商品画像３４１ｇが表示される。すなわち、特定された商品の複数のカラーバリエーションの各々に、各カラーバリエーションに係る商品画像が対応付けられている場合には、特定されたカラーバリエーションに対応する商品画像３４１ｇが表示される。このように、表示する商品画像３４を、代表画像（ブラック）ではなく、購入予定として特定されたカラーバリエーション（グレー）に対応する商品画像３４１ｇとすることにより、ユーザＵに対し、選択した商品のカラーバリエーションを分かりやすく示すことができる。
商品画像３４１ｇの右側には、商品の名称や価格等の詳細情報が表示されている。

また、商品画像３４１ｇの下方には、購入予定の商品に設定されている複数のカラーバリエーションの選択肢を示すバリエーション選択画像３６が表示されている。バリエーション選択画像３６は、複数のカラーバリエーションに対応する複数のバリエーションボタン３６１と、選択されているカラーバリエーションについて商品のサイズを選択するためのラジオボタン３６２と、を含む。図１２では、「グレー」、「ブラック」、「ホワイト」に対応する３つのバリエーションボタン３６１が表示されている。また、バリエーション選択画像３６では、商品に設定されている複数のカラーバリエーションのうち、購入予定の商品として特定されたカラーバリエーション（ここでは「グレー」）のバリエーションボタン３６１が最も上方に表示される。

図１２のバリエーション選択画像３６では、グレーのカラーバリエーションに対応する商品画像３４１ａが選択されたことに応じて、グレーのバリエーションボタン３６１が自動的に選択状態となっている。選択状態となっているバリエーションボタン３６１の下方には、Ｓ、Ｍ、Ｌのうちいずれかのサイズを選択するための３つのラジオボタン３６２が表示される。図１２では、Ｍサイズのラジオボタン３６２が選択されている。

また、バリエーション選択画像３６が表示される場合には、購入予定の商品に設定されている複数のカラーバリエーションのうち、在庫がないカラーバリエーションが予め特定され、バリエーション選択画像３６において、複数のカラーバリエーションのうち在庫がないカラーバリエーションが、在庫があるカラーバリエーションより下方に表示される。図１２の例では、グレー及びブラックのカラーバリエーションの在庫があり、ホワイトのカラーバリエーションの在庫がない。このため、ホワイトのバリエーションボタン３６１は、グレー及びブラックのバリエーションボタン３６１よりも下方に表示される。

図１２の状態から、グレー以外のカラーバリエーションに対応するバリエーションボタン３６１を選択する操作がなされると、購入予定の商品のカラーバリエーションを変更することができる。すなわち、バリエーションボタン３６１を選択する操作は、購入予定の商品のバリエーションを変更する操作に相当する。

図１３は、ブラックのバリエーションボタン３６１が選択された場合の購入仕様選択画面３０３を示す図である。
図１３では、ブラックのバリエーションボタン３６１が選択状態となり、当該バリエーションボタン３６１の下方にラジオボタン３６２が表示されている。また、購入予定の商品のカラーバリエーションがブラックに変更されたことに応じて、購入仕様選択画面３０３に表示される画像が、グレーの商品画像３４１ｇからブラックの商品画像３４１ｂに切り替わる。これにより、ユーザＵは、その時点で購入予定の商品として選択しているカラーバリエーションを容易に確認することができる。

また、購入仕様選択画面３０３では、商品画像３４１ｂをタップする操作により、図１４に示すように、商品画像３４１ｂを拡大して表示させることができる。これにより、商品情報画面３０２に戻ることなく、各カラーバリエーションの商品画像３４１ｂを拡大して閲覧することができる。

図１２〜図１４に示す購入仕様選択画面３０３において、第２の購入商品決定ボタン３７を選択する操作がなされると、バリエーション選択画像３６において表示されているカラーバリエーション及びサイズが、購入予定の商品のカラーバリエーション及びサイズとして特定される。また、第２の購入商品決定ボタン３７の操作に応じて、購入予定の商品の最終確認のための購入仕様確認画面３０４が表示される。第２の購入商品決定ボタン３７を選択する操作も「カートへの追加を指示する操作」に相当する。購入仕様確認画面３０４を表示させる処理は制御部１１の商品表示制御部１１３により実行される。購入仕様確認画面３０４は、購入仕様選択画面３０３と同様、「購入商品画面」の一例である

図１５は、購入仕様確認画面３０４を示す図である。
図１５では、カラーバリエーションとして「グレー」、サイズとして「Ｍ」が選択された状態で第２の購入商品決定ボタン３７が選択された場合の購入仕様確認画面３０４が示されている。
購入仕様選択画面３０３では、アイコン３３ａ〜３３ｅ、商品画像３４１ｇ、及び注文手続ボタン３８などが表示されている。このうちアイコン３３ａ〜３３ｅの外観及び機能は、商品検索画面３００のアイコン３３ａ〜３３ｅと同一である。

購入仕様確認画面３０４では、購入仕様選択画面３０３と同様、購入予定の商品として特定された商品及びそのカラーバリエーションに対応する商品画像３４１ｇが表示される。よって、購入仕様確認画面３０４においても、ユーザＵに対し、選択した商品のカラーバリエーションを分かりやすく示すことができる。
注文手続ボタン３８を選択する操作が行われると、注文手続を進めるための図示略の所定の注文画面が表示される。

上記では、商品一覧画面３０１で特定されたカラーバリエーションに対応する商品画像３４を、商品情報画面３０２、購入仕様選択画面３０３及び購入仕様確認画面３０４において表示させる例を説明したが、特定されたカラーバリエーションに対応する商品画像３４を表示させる対象はこれらに限られない。
例えば、過去の電子商取引の注文履歴、電子商取引サービスにおける商品の閲覧履歴、ユーザＵが所定の方法で登録した商品の一覧（例えば、「お気に入り」として登録された商品の一覧）、及び電子商取引の状況に係る通知（例えば、商品の配送状況を知らせるメールの表示）を行う通知画面などを表示部１４に表示させる場合に、特定されたカラーバリエーションに対応する商品画像３４を表示させてもよい。これらの表示に係る処理も、制御部１１の商品一覧表示制御部１１１によって実行される。

［３．制御部による処理手順］
次に、上述した各種動作を実行するための商品表示処理の制御手順について説明する。
図１６及び図１７は、商品表示処理の制御部１１による制御手順を示すフローチャートである。
商品表示処理は、端末装置１０において、検索バー３１を用いた商品の検索指示、又は商品のカテゴリーの選択に係る操作がユーザＵによりなされた場合に開始される。
商品表示処理が開始されると、制御部１１は、検索結果に係る複数の商品、又は指定されたカテゴリーに属する複数の商品の抽出結果をサーバ装置２０から受信し、抽出された複数の商品を商品一覧画面３０１に表示させる（ステップＳ１０１）。ここでは、図５に示した商品データ１２１に基づいて、各商品に複数のカラーバリエーションが設定されており、かつ複数のカラーバリエーションの各々に商品画像３４が対応付けられている場合には、複数のカラーバリエーションに対応する複数の商品画像３４を表示させる。

制御部１１は、商品を選択する操作がなされたか否かを判別し（ステップＳ１０２）、当該操作がなされていないと判別された場合には（ステップＳ１０２で“ＮＯ”）、再度ステップＳ１０２の処理を実行する。

商品を選択する操作がなされたと判別された場合には（ステップＳ１０２で“ＹＥＳ”）、制御部１１は、選択された商品及びそのカラーバリエーションを特定し、当該カラーバリエーションに対応する商品画像３４を含む商品情報画面３０２を表示させる（ステップＳ１０３：商品特定ステップ、商品表示ステップ）。また、制御部１１は、選択された商品に対応付けられている全ての商品画像３４の画像データをサーバ装置２０から取得する（ステップＳ１０４）。

制御部１１は、商品情報画面３０２の商品画像３４（すなわち、スライド表示が行われる領域）に対するスワイプ操作がなされたか否かを判別する（ステップＳ１０５）。商品画像３４に対するスワイプ操作がなされたと判別された場合には（ステップＳ１０５で“ＹＥＳ”）、制御部１１は、画像群配列設定データ１２３を参照し、選択された商品が属するカテゴリーに設定されている画像群配列に従って、表示する商品画像３４を切り替える（ステップＳ１０６）。

ステップＳ１０６の処理が終了した場合、又はステップＳ１０５の処理で商品画像３４に対するスワイプ操作がなされていないと判別された場合には（ステップＳ１０５で“ＮＯ”）、制御部１１は、第１の購入商品決定ボタン３５を選択する操作（カートへの商品の追加を指示する操作）がなされたか否かを判別する（ステップＳ１０７）。制御部１１は、当該操作がなされていないと判別された場合には（ステップＳ１０７で“ＮＯ”）、処理をステップＳ１０５に戻す。

第１の購入商品決定ボタン３５を選択する操作がなされたと判別された場合には（ステップＳ１０７で“ＹＥＳ”）、制御部１１は、選択された商品及びそのカラーバリエーションを特定し、当該カラーバリエーションに対応する商品画像３４を含む購入仕様選択画面３０３を表示させる（ステップＳ１０８：商品特定ステップ、商品表示ステップ）。

制御部１１は、購入仕様選択画面３０３のバリエーション選択画像３６において、商品のカラーバリエーションを変更する操作（バリエーションボタン３６１を選択する操作）がなされたか否かを判別する（ステップＳ１０９）。商品のカラーバリエーションを変更する操作がなされたと判別された場合には（ステップＳ１０９で“ＹＥＳ”）、制御部１１は、変更後のカラーバリエーションを特定し、当該購入仕様選択画面３０３に表示させる商品画像３４を、変更後のカラーバリエーションに対応する商品画像３４に切り替える（ステップＳ１１０：商品特定ステップ、商品表示ステップ）。

ステップＳ１１０の処理が終了した場合、又はステップＳ１０９の処理において商品のカラーバリエーションを変更する操作がなされていないと判別された場合には（ステップＳ１０９で“ＮＯ”）、制御部１１は、第２の購入商品決定ボタン３７を選択する操作（カートへの商品の追加を指示する操作）がなされたか否かを判別する（ステップＳ１１１）。当該操作がなされていないと判別された場合には（ステップＳ１１１で“ＮＯ”）、制御部１１は、処理をステップＳ１０９に戻す。

第２の購入商品決定ボタン３７を選択する操作がなされたと判別された場合には（ステップＳ１１１で“ＹＥＳ”）、制御部１１は、選択された商品及びそのカラーバリエーションを特定し、当該カラーバリエーションに対応する商品画像３４を含む購入仕様確認画面３０４を表示させる（ステップＳ１１２：商品特定ステップ、商品表示ステップ）。
ステップＳ１１２の処理が終了すると、制御部１１は、商品表示処理を終了させる。

［４．効果］
以上のように、本実施形態に係る情報処理装置としての端末装置１０は、制御部１１を備え、制御部１１は、ユーザＵの操作に応じて、電子商取引の取引対象である一の商品を特定し（商品特定部１１２）、商品特定部１１２により特定された商品に係る商品画像３４を表示部１４に表示させる（商品表示制御部１１３）。また、制御部１１は、特定する商品に複数のバリエーションが設定されている場合に、ユーザＵの操作に応じて、商品とともに複数のバリエーションのうちいずれかのバリエーションを特定する（商品特定部１１２）。また、制御部１１は、特定された商品の複数のバリエーションの各々に、各バリエーションに係る商品画像３４が対応付けられている場合に、特定されたバリエーションに対応する商品画像３４を表示部１４に表示させる（商品表示制御部１１３）。これにより、代表画像として設定されているバリエーションに関わらず、ユーザＵが選択したバリエーションに対応する商品画像３４が商品情報画面３０２、購入仕様選択画面３０３及び購入仕様確認画面３０４等に表示される。よって、これらの画面において、ユーザＵが選択したバリエーションを分かりやすく示すことができる。

また、制御部１１は、ユーザＵの操作に応じて抽出された複数の商品を、表示部１４における商品一覧画面３０１に表示させ（商品一覧表示制御部１１１）、商品一覧画面３０１に表示された複数の商品の中からユーザＵの操作により選択された商品を、購入予定の商品として特定し（商品特定部１１２）、購入予定の商品の情報を表示するための購入仕様選択画面３０３及び購入仕様確認画面３０４において、購入予定の商品の特定されたバリエーションに対応する商品画像３４を表示部１４に表示させる（商品表示制御部１１３）。これにより、購入仕様選択画面３０３及び購入仕様確認画面３０４において、購入予定の商品のバリエーションを分かりやすく示すことができる。よって、ユーザＵは、所望のバリエーションの商品が選択されているか否かを、閲覧中の画面上で簡易に確認することができる。

また、制御部１１は、商品一覧画面３０１において、商品の複数のバリエーションを表示させ（商品一覧表示制御部１１１）、商品一覧画面３０１におけるユーザＵの操作に応じてバリエーションを特定する（商品特定部１１２）。これにより、商品一覧画面３０１において所望のバリエーションの商品画像３４を選択する簡易な操作により、購入予定の商品のバリエーションを特定することができる。

また、制御部１１は、購入仕様選択画面３０３において、購入予定の商品に設定されている複数のバリエーションの選択肢を示すバリエーション選択画像３６を表示させ（商品表示制御部１１３）、購入仕様選択画面３０３において、購入予定の商品のバリエーションを変更する操作がなされた場合に、購入仕様選択画面３０３において表示させる商品画像３４を、変更後のバリエーションに対応する商品画像３４に切り替える（商品表示制御部１１３）。これにより、ユーザＵは、購入仕様選択画面３０３において購入予定の商品のバリエーションを変更した場合に、変更後のバリエーションを簡易にその場で確認することができる。

また、制御部１１は、バリエーション選択画像３６において、購入予定の商品に設定されている複数のバリエーションのうち、商品特定部１１２により特定されたバリエーションを最も上方に表示させる（商品表示制御部１１３）。これにより、ユーザＵは、購入予定の商品として選択されているバリエーションを直感的に分かりやすく認識することができる。

また、制御部１１は、購入予定の商品に設定されている複数のバリエーションのうち、在庫がないバリエーションを特定し、バリエーション選択画像３６において、複数のバリエーションのうち在庫がないバリエーションを、在庫があるバリエーションより下方に表示させる（商品表示制御部１１３）。これにより、在庫のあるバリエーションを選択しやすくすることができる。

また、制御部１１は、ユーザＵの所定の操作に応じて、購入仕様選択画面３０３において表示されている商品画像３４を拡大させる（商品表示制御部１１３）。これにより、商品情報画面３０２に戻ることなく、所望のバリエーションの商品画像３４を拡大して閲覧することができる。よって、バリエーションの選択に係るユーザ利便性を向上させることができる。

また、バリエーションは、商品の外観の相違である。これにより、所望の外観の商品を選択しやすくすることができる。

また、バリエーションは、商品の色の相違である。これにより、所望の色の商品を選択しやすくすることができる。

また、制御部１１は、電子商取引の注文履歴、商品の閲覧履歴、ユーザＵが所定の方法で登録した商品の一覧、及び電子商取引の状況に係る通知を行う通知画面のうち少なくとも１つを表示部１４に表示させる場合に、商品特定部１１２により特定されたバリエーションに対応する商品画像３４を表示させる（商品表示制御部１１３）。これによれば、これらの各種表示において、ユーザＵが選択したバリエーションを分かりやすく示すことができる。

また、制御部１１は、表示部１４の商品情報画面３０２において商品画像３４を表示させる場合に、商品特定部１１２により特定されたバリエーションに対応する商品画像３４を最初に表示させ、商品情報画面３０２において、商品に予め対応付けられている複数の商品画像３４を、ユーザＵのスワイプ操作に応じて所定の表示順序で切り替えて表示させる（商品表示制御部１１３）。これにより、ユーザＵは、商品情報画面３０２において、自身が選択したバリエーションに対応する商品画像をまず確認することができるとともに、スワイプ操作を行うことで、商品に対応付けられている商品画像３４をその場で簡易に確認することができる。

また、複数の商品画像３４の各々は、異なる複数種類の画像群のいずれかに属し、上記の表示順序は、同一の画像群に属する商品画像３４が連続して表示されるように、かつ複数種類の画像群が所定の優先順位に従う順序で表示されるように定められており、複数種類の画像群の優先順位は、商品が属するカテゴリーに応じて定められている。これによれば、商品情報画面３０２のスライド表示において、商品が属するカテゴリーに応じて、ユーザＵにとって必要性の高い商品画像３４を優先して（すなわち、相対的に早い順番で）表示させることができる。

また、複数種類の画像群は、複数のバリエーションの各々に対応する商品画像３４からなるバリエーション画像群を含み、制御部１１は、商品特定部１１２によりバリエーションが特定された場合に、商品情報画面３０２において、複数種類の画像群のうちバリエーション画像群が最初に表示されるように優先順位を定める（商品表示制御部１１３）。これにより、商品画像を順方向に切り替えていくことで、バリエーションに対応する商品画像をまず確認できるとともに、商品に対応付けられている全ての商品画像を確認することができる。

また、制御部１１は、商品の複数のバリエーションのうち、在庫がないバリエーションを特定し、商品情報画面３０２において、複数のバリエーションのうち在庫があるバリエーションに対応する商品画像３４が、在庫がないバリエーションに対応する商品画像３４より先に表示されるように、バリエーション画像群における商品画像３４の表示順序を定める（商品表示制御部１１３）。これにより、スライド表示において、在庫のあるバリエーションに対応する商品画像３４を優先して（すなわち、相対的に早い順番で）表示させることができる。

また、複数種類の画像群は、商品を代表する商品画像３４からなる代表画像群を含む。これにより、スライド表示における所定のタイミングで、商品の特徴を分かりやすく示す代表画像を表示させることができる。

また、複数種類の画像群は、商品の詳細な特徴を示す商品画像３４からなる詳細画像群を含む。これにより、スライド表示において、商品の詳細な特徴をユーザＵに示すことができる。

また、本実施形態に係る情報処理方法は、ユーザＵの操作に応じて、電子商取引の取引対象である一の商品を特定する商品特定ステップと、商品特定ステップにおいて特定された商品に係る商品画像３４を表示部１４に表示させる商品表示ステップと、を含み、商品特定ステップでは、特定する商品に複数のバリエーションが設定されている場合に、ユーザＵの操作に応じて、商品とともに複数のバリエーションのうちいずれかのバリエーションを特定し、商品表示ステップでは、特定された商品の複数のバリエーションの各々に、各バリエーションに係る商品画像３４が対応付けられている場合に、商品特定ステップにおいて特定されたバリエーションに対応する商品画像３４を表示部１４に表示させる。このような方法によれば、代表画像として設定されているバリエーションに関わらず、ユーザＵが選択したバリエーションに対応する商品画像３４が商品情報画面３０２、購入仕様選択画面３０３及び購入仕様確認画面３０４等に表示される。よって、これらの画面において、ユーザＵが選択したバリエーションを分かりやすく示すことができる。

また、本実施形態に係るプログラムとしてのショッピングアプリ１２４は、端末装置１０に設けられたコンピュータとしての制御部１１を、ユーザＵの操作に応じて、電子商取引の取引対象である一の商品を特定する商品特定手段、商品特定手段により特定された商品に係る商品画像３４を表示部１４に表示させる商品表示制御手段、として機能させ、商品特定手段は、特定する商品に複数のバリエーションが設定されている場合に、ユーザＵの操作に応じて、商品とともに複数のバリエーションのうちいずれかのバリエーションを特定し、商品表示制御手段は、特定された商品の複数のバリエーションの各々に、各バリエーションに係る商品画像３４が対応付けられている場合に、商品特定手段により特定されたバリエーションに対応する商品画像３４を表示部１４に表示させる。このようなプログラムにより端末装置１０を動作させることで、代表画像として設定されているバリエーションに関わらず、ユーザＵが選択したバリエーションに対応する商品画像３４が商品情報画面３０２、購入仕様選択画面３０３及び購入仕様確認画面３０４等に表示される。よって、これらの画面において、ユーザＵが選択したバリエーションを分かりやすく示すことができる。

［５．その他］
本発明は、上記実施形態に限られるものではなく、様々な変更が可能である。
例えば、端末装置１０の制御部１１の商品一覧表示制御部１１１、商品特定部１１２及び商品表示制御部１１３が実行する処理を、サーバ装置２０の制御部２１が実行してもよい。換言すれば、サーバ装置２０に商品一覧表示制御部、商品特定部及び商品表示制御部が設けられていてもよい。例えば、端末装置１０上ではブラウザアプリを実行し、サーバ装置２０の制御部２１の商品一覧表示制御部、商品特定部及び商品表示制御部の処理結果を端末装置１０で受信して、ブラウザにより処理結果を表示させる態様とすることができる。このような態様は、特に端末装置１０がノートＰＣやデスクトップＰＣである場合等において好適に採用できる。この場合には、サーバ装置２０が情報処理装置に相当する。

また、商品のバリエーションとして、商品の色の相違（カラーバリエーション）を例示したが、バリエーションはこれに限られない。例えば、商品のバリエーションには、同一色で模様が異なるものや、部分的に形状が異なるものといった、各種の外観の相違が含まれ得る。
また、商品のバリエーションは、商品の外観以外の特徴の相違であってもよい。一例を挙げると、商品としての電池において、同梱されている電池の本数の相違がバリエーションとされていてもよい。また、商品としてのフラッシュメモリー等の記憶装置において、記憶容量の相違がバリエーションとされていてもよい。いずれの場合においても、各バリエーションに対して異なる商品画像（例えば、本数や容量の相違が判別できる商品画像）を対応付けておくことで、上記実施形態と同様の動作を行うことができる。

また、複数のサブバリエーションとして、商品のサイズ（Ｓ、Ｍ、Ｌ）を例示したが、サブバリエーションはこれに限られず、商品のカテゴリーや商品の内容に応じて任意のサブバリエーションを設定することができる。

また、商品に対応付けられている複数の商品画像３４に係る複数種類の画像群として、バリエーション画像群、代表画像群、及び詳細画像群を例示したが、これに限定する趣旨ではない。画像群は、商品の用途などに応じて適宜設定することができる。
また、画像群配列は、上述した「カラーバリエーション優先」及び「通常」に限られない。

また、商品一覧画面３０１を表示させる場合に行われる複数の商品の抽出方法は、検索バー３１による検索や、カテゴリー選択画面におけるカテゴリーの選択に限られず、特定の範囲の複数の商品を抽出できる任意の方法を用いることができる。

本発明のいくつかの実施形態を説明したが、本発明の範囲は、上述の実施の形態に限定されるものではなく、特許請求の範囲に記載された発明の範囲とその均等の範囲を含む。

１ 情報処理システム
１０ 端末装置（情報処理装置）
１１ 制御部
１１１ 商品一覧表示制御部
１１２ 商品特定部
１１３ 商品表示制御部
１２ 記憶部
１２１ 商品データ
１２２ 商品画像データ
１２３ 画像群配列設定データ
１２４ ショッピングアプリ（プログラム）
１３ 通信部
１４ 表示部
１５ 操作部
２０ サーバ装置
２１ 制御部
２２ 記憶部
２２１ 商品データ
２２２ 商品画像データ
２２３ プログラム
２３ 通信部
３１ 検索バー
３１ａ 抽出対象アイコン
３２ カテゴリー選択ボタン
３３ａ〜３３ｅ アイコン
３４、３４１、３４１ｂ、３４１ｗ、３４１ｇ、３４２、３４３ 商品画像
３４ａ 切替方向アイコン（切替方向標識）
３４ｂ 画像番号
３５ 第１の購入商品決定ボタン
３６ バリエーション選択画像
３６１ バリエーションボタン
３６２ ラジオボタン
３７ 第２の購入商品決定ボタン
３８ 注文手続ボタン
３００ 商品検索画面
３０１ 商品一覧画面
３０２ 商品情報画面
３０３ 購入仕様選択画面（購入商品画面）
３０４ 購入仕様確認画面（購入商品画面）
Ｎ 通信ネットワーク

Claims (18)

1. ユーザの操作に応じて、電子商取引の取引対象である一の商品を特定する商品特定部と、
   前記商品特定部により特定された前記商品に係る商品画像を表示部に表示させる商品表示制御部と、
   を備え、
   前記商品特定部は、特定する前記商品に複数のバリエーションが設定されている場合に、前記ユーザの操作に応じて、前記商品とともに前記複数のバリエーションのうちいずれかのバリエーションを特定し、
   前記商品表示制御部は、前記特定された商品の前記複数のバリエーションの各々に、各バリエーションに係る商品画像が対応付けられている場合に、前記商品特定部により特定された前記バリエーションに対応する前記商品画像を前記表示部に表示させることを特徴とする情報処理装置。
2. ユーザの操作に応じて抽出された複数の商品を、前記表示部における所定の商品一覧画面に表示させる商品一覧表示制御部を備え、
   前記商品特定部は、前記商品一覧画面に表示された前記複数の商品の中からユーザの操作により選択された前記商品を、購入予定の商品として特定し、
   前記商品表示制御部は、前記購入予定の商品の情報を表示するための所定の購入商品画面において、前記購入予定の商品の前記特定されたバリエーションに対応する前記商品画像を前記表示部に表示させることを特徴とする請求項１に記載の情報処理装置。
3. 前記商品一覧表示制御部は、前記商品一覧画面において、商品の複数のバリエーションを表示させ、
   前記商品特定部は、前記商品一覧画面におけるユーザの操作に応じて前記バリエーションを特定することを特徴とする請求項２に記載の情報処理装置。
4. 前記商品表示制御部は、
   前記購入商品画面において、前記購入予定の商品に設定されている前記複数のバリエーションの選択肢を示すバリエーション選択画像を表示させ、
   前記購入商品画面において、前記購入予定の商品のバリエーションを変更する操作がなされた場合に、前記購入商品画面において表示させる商品画像を、変更後のバリエーションに対応する商品画像に切り替えることを特徴とする請求項２又は３に記載の情報処理装置。
5. 前記商品表示制御部は、前記バリエーション選択画像において、前記購入予定の商品に設定されている前記複数のバリエーションのうち、前記商品特定部により特定された前記バリエーションを最も上方に表示させることを特徴とする請求項４に記載の情報処理装置。
6. 前記商品表示制御部は、
   前記購入予定の商品に設定されている複数のバリエーションのうち、在庫がないバリエーションを特定し、
   前記バリエーション選択画像において、前記複数のバリエーションのうち在庫がないバリエーションを、在庫があるバリエーションより下方に表示させることを特徴とする請求項４又は５に記載の情報処理装置。
7. 前記商品表示制御部は、ユーザの所定の操作に応じて、前記購入商品画面において表示されている前記商品画像を拡大させることを特徴とする請求項２〜６のいずれか一項に記載の情報処理装置。
8. 前記バリエーションは、商品の外観の相違であることを特徴とする請求項１〜７のいずれか一項に記載の情報処理装置。
9. 前記バリエーションは、商品の色の相違であることを特徴とする請求項８に記載の情報処理装置。
10. 前記商品表示制御部は、前記電子商取引の注文履歴、商品の閲覧履歴、ユーザが所定の方法で登録した商品の一覧、及び電子商取引の状況に係る通知を行う通知画面のうち少なくとも１つを前記表示部に表示させる場合に、前記商品特定部により特定された前記バリエーションに対応する前記商品画像を表示させることを特徴とする請求項１〜９のいずれか一項に記載の情報処理装置。
11. 前記商品表示制御部は、
    前記表示部の所定の商品情報画面において前記商品の商品画像を表示させる場合に、前記商品特定部により特定された前記バリエーションに対応する前記商品画像を最初に表示させ、
    前記商品情報画面において、前記商品に予め対応付けられている複数の商品画像を、ユーザの操作に応じて所定の表示順序で切り替えて表示させることを特徴とする請求項１〜１０のいずれか一項に記載の情報処理装置。
12. 前記複数の商品画像の各々は、異なる複数種類の画像群のいずれかに属し、
    前記表示順序は、同一の画像群に属する商品画像が連続して表示されるように、かつ前記複数種類の画像群が所定の優先順位に従う順序で表示されるように定められており、
    前記複数種類の画像群の優先順位は、前記商品が属する商品分類に応じて定められていることを特徴とする請求項１１に記載の情報処理装置。
13. 前記複数種類の画像群は、前記複数のバリエーションの各々に対応する商品画像からなるバリエーション画像群を含み、
    前記商品表示制御部は、前記商品特定部により前記バリエーションが特定された場合に、前記商品情報画面において、前記複数種類の画像群のうち前記バリエーション画像群が最初に表示されるように前記優先順位を定めることを特徴とする請求項１２に記載の情報処理装置。
14. 前記商品表示制御部は、
    前記商品の前記複数のバリエーションのうち、在庫がないバリエーションを特定し、
    前記商品情報画面において、前記複数のバリエーションのうち在庫があるバリエーションに対応する商品画像が、在庫がないバリエーションに対応する商品画像より先に表示されるように、前記バリエーション画像群における商品画像の表示順序を定めることを特徴とする請求項１３に記載の情報処理装置。
15. 前記複数種類の画像群は、前記商品を代表する商品画像からなる代表画像群を含むことを特徴とする請求項１２〜１４のいずれか一項に記載の情報処理装置。
16. 前記複数種類の画像群は、前記商品の詳細な特徴を示す商品画像からなる詳細画像群を含むことを特徴とする請求項１２〜１５のいずれか一項に記載の情報処理装置。
17. ユーザの操作に応じて、電子商取引の取引対象である一の商品を特定する商品特定ステップと、
    前記商品特定ステップにおいて特定された前記商品に係る商品画像を表示部に表示させる商品表示ステップと、
    を含み、
    前記商品特定ステップでは、特定する前記商品に複数のバリエーションが設定されている場合に、前記ユーザの操作に応じて、前記商品とともに前記複数のバリエーションのうちいずれかのバリエーションを特定し、
    前記商品表示ステップでは、前記特定された商品の前記複数のバリエーションの各々に、各バリエーションに係る商品画像が対応付けられている場合に、前記商品特定ステップにおいて特定された前記バリエーションに対応する前記商品画像を前記表示部に表示させることを特徴とする情報処理方法。
18. 情報処理装置に設けられたコンピュータを、
    ユーザの操作に応じて、電子商取引の取引対象である一の商品を特定する商品特定手段、
    前記商品特定手段により特定された前記商品に係る商品画像を表示部に表示させる商品表示制御手段、
    として機能させ、
    前記商品特定手段は、特定する前記商品に複数のバリエーションが設定されている場合に、前記ユーザの操作に応じて、前記商品とともに前記複数のバリエーションのうちいずれかのバリエーションを特定し、
    前記商品表示制御手段は、前記特定された商品の前記複数のバリエーションの各々に、各バリエーションに係る商品画像が対応付けられている場合に、前記商品特定手段により特定された前記バリエーションに対応する前記商品画像を前記表示部に表示させることを特徴とするプログラム。

Images