特許 7473729 アプリケーションプログラム、および端末装置の制御方法

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】特許公報(B1)

(11)【特許番号】

(24)【登録日】2024-04-15

(45)【発行日】2024-04-23

(54)【発明の名称】アプリケーションプログラム、および端末装置の制御方法

(51)【国際特許分類】

   G06Q 20/10 20120101AFI20240416BHJP

   G06F 3/0488 20220101ALI20240416BHJP

   G06F 3/04817 20220101ALI20240416BHJP

   G06F 3/0481 20220101ALI20240416BHJP

【ＦＩ】

G06Q20/10

G06F3/0488

G06F3/04817

G06F3/0481

【請求項の数】 12

(21)【出願番号】P 2023158118

(22)【出願日】2023-09-22

【審査請求日】2023-09-22

【早期審査対象出願】

(73)【特許権者】

【識別番号】519110124

【氏名又は名称】ＰａｙＰａｙ株式会社

(74)【代理人】

【識別番号】100149548

【弁理士】

【氏名又は名称】松沼 泰史

(74)【代理人】

【識別番号】100154852

【弁理士】

【氏名又は名称】酒井 太一

(74)【代理人】

【識別番号】100181124

【弁理士】

【氏名又は名称】沖田 壮男

(74)【代理人】

【識別番号】100194087

【弁理士】

【氏名又は名称】渡辺 伸一

(72)【発明者】

【氏名】柴 碩輝

(72)【発明者】

【氏名】倉田 ありさ

【審査官】野口 俊明

(56)【参考文献】

【文献】特許第７１４２７９８（ＪＰ，Ｂ１）

(58)【調査した分野】(Int.Cl.，ＤＢ名)

Ｇ０６Ｑ １０／００－９９／００

Ｇ０６Ｆ ３／０４８８

Ｇ０６Ｆ ３／０４８１７

Ｇ０６Ｆ ３／０４８１

(57)【特許請求の範囲】

【請求項1】

タッチパネルを有する端末装置に、
決済サーバと協働して行われる電子決済に使用されるコード画像が表示される第１領域と、前記電子決済における機能を呼び出すための一以上のアイコンが設けられた第２領域とを表示させ、
前記第１領域がスワイプされるのに応じて、前記電子決済の方法を、予めチャージされて前記決済サーバによって管理されているチャージ残高による第１方法と、事後決済による第２方法との間で切り替えるための処理を行わせ、
前記第１領域がスワイプされるのに応じて、前記第２領域の表示色を、前記第１方法に対応した第１群の色と、前記第２方法に対応した第２群の色との間で切り替えると共に、前記スワイプの開始時点と完了時点との間の中間時点において、前記第２領域を中間状態で表示させる、
ためのアプリケーションプログラム。

【請求項2】

前記端末装置に、
前記第１領域がスワイプされるのに応じて前記第２領域の表示色を切り換える際に、前記第１群の色から前記第２群の色に向けて、または前記第２群の色から前記第１群の色に向けて、徐々に表示色が変化するように前記第２領域を表示させる、
ための請求項１記載のアプリケーションプログラム。

【請求項3】

前記端末装置に、
前記第１領域がスワイプされるのに応じて前記第２領域の表示色を切り換える際に、前記第１群の色で表示される部分と、前記第２群の色で表示される部分との割合が徐々に変化するように前記第２領域を表示させる、
ための請求項１記載のアプリケーションプログラム。

【請求項4】

前記端末装置に、
前記第１領域がスワイプされるのに応じて、
前記第１領域を、前記第１方法が選択されている旨の情報が表示された第１状態と、前記第２方法が選択されている旨の情報が表示された第２状態との間で切り替えるアニメーション表示を行わせる、
ための請求項１記載のアプリケーションプログラム。

【請求項5】

前記端末装置に、
前記第１領域を前記第１状態から前記第２状態に切り替える場合、前記第１状態の前記第１領域を基準位置から横方向にスライドさせて、入れ替わりに前記第２状態の前記第１領域を前記基準位置に表示させ、
前記第１領域を前記第２状態から前記第１状態に切り替える場合、前記第２状態の前記第１領域を前記基準位置から横方向にスライドさせて、入れ替わりに前記第１状態の前記第１領域を前記基準位置に表示させる、
ための請求項４記載のアプリケーションプログラム。

【請求項6】

前記端末装置に、
前記第１領域を前記第１状態から前記第２状態に切り替える場合、前記第１状態の前記第１領域を前記基準位置から横方向にスライドさせる過程で、前記第１状態の前記第１領域を、前記第２状態の前記第１領域の背面に移動させ、
前記第１領域を前記第２状態から前記第１状態に切り替える場合、前記第２状態の前記第１領域を前記基準位置から横方向にスライドさせる過程で、前記第２状態の前記第１領域を、前記第１状態の前記第１領域の背面に移動させることを行わせる、
ための請求項５記載のアプリケーションプログラム。

【請求項7】

前記端末装置に、
前記第１領域を前第１状態から前記第２状態に切り替える場合、前記第１状態の前記第１領域を基準位置から円弧状にスライドさせて、入れ替わりに前記第２状態の前記第１領域を前記基準位置に表示させ、
前記第１領域を前第２状態から前記第１状態に切り替える場合、前記第２状態の前記第１領域を前記基準位置から円弧状にスライドさせて、入れ替わりに前記第１状態の前記第１領域を前記基準位置に表示させる、
ための請求項４記載のアプリケーションプログラム。

【請求項8】

前記端末装置に、
前記第１領域を前記第１状態から前記第２状態に切り替える場合、前記第１状態の前記第１領域を基準位置から縦方向にスライドさせて、入れ替わりに前記第２状態の前記第１領域を前記基準位置に表示させ、
前記第１領域を前記第２状態から前記第１状態に切り替える場合、前記第２状態の前記第１領域を前記基準位置から縦方向にスライドさせて、入れ替わりに前記第１状態の前記第１領域を前記基準位置に表示させる、
ための請求項４記載のアプリケーションプログラム。

【請求項9】

前記端末装置に、
前記第１領域がタップされるのに応じて、
前記第１状態の前記第１領域と、前記第２状態の前記第２領域とを並べて表示させる、
ための請求項４記載のアプリケーションプログラム。

【請求項10】

前記端末装置に、
前記第１状態の前記第１領域において、前記第１方法に対応する第１コード画像を表示させ、
前記第２状態の前記第１領域において、前記第２方法に対応する第２コード画像を表示させる、
ための請求項４記載のアプリケーションプログラム。

【請求項11】

前記電子決済の方法が第１方法である場合に、前記第２領域における一以上のアイコンは、チャージを指示するためのアイコンを含み、
前記電子決済の方法が第２方法である場合に、前記第２領域における一以上のアイコンは、前記チャージを指示するためのアイコンに代えて、後払いに関する操作を行う画面を呼び出すためのアイコンを含む、
請求項１記載のアプリケーションプログラム。

【請求項12】

タッチパネルを有する端末装置に、
決済サーバと協働して行われる電子決済に使用されるコード画像が表示される第１領域と、前記電子決済における機能を呼び出すための一以上のアイコンが設けられた第２領域とを表示させ、
前記第１領域がスワイプされるのに応じて、前記電子決済の方法を、予めチャージされて前記決済サーバによって管理されているチャージ残高による第１方法と、事後決済による第２方法との間で切り替えるための処理を行わせ、
前記第１領域がスワイプされるのに応じて、前記第２領域の表示色を、前記第１方法に対応した第１群の色と、前記第２方法に対応した第２群の色との間で切り替えると共に、前記スワイプの開始時点と完了時点との間の中間時点において、前記第２領域を中間状態で表示させる、
端末装置の制御方法。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は、アプリケーションプログラム、決済サーバ、および端末装置の制御方法に関する。

【背景技術】

【0002】

従来、決済サーバと協働して電子決済を行わせるためのアプリケーションプログラムであって、表示画面の一部の領域の表示色を、利用者の操作によって選択された電子決済の方法に応じた色に切り替える発明が知られている（特許文献１）。

【先行技術文献】

【特許文献】

【0003】

【文献】特許第７１４２７９８号公報

【発明の概要】

【発明が解決しようとする課題】

【0004】

従来の技術では、専用の切替スイッチに表示画面のスペースが割かれているため、容易に呼び出し可能な機能が制限される場合があった。また、表示色が瞬時に切り替わるため、利用者の操作感が機械的なものとなってしまうおそれがあった。

【0005】

本発明は、このような事情を考慮してなされたものであり、容易に呼び出し可能な機能を充実させると共に利用者に自然な操作感を与えることができるアプリケーションプログラム、決済サーバ、および端末装置の制御方法を提供することを目的の一つとする。

【課題を解決するための手段】

【0006】

本発明の一態様は、タッチパネルを有する端末装置に、決済サーバと協働して行われる電子決済に使用されるコード画像が表示される第１領域と、前記電子決済における一以上の機能を呼び出すためのアイコンが設けられた第２領域とを表示させ、前記第１領域がスワイプされるのに応じて、前記電子決済の方法を、予めチャージされて前記決済サーバによって管理されているチャージ残高による第１方法と、事後決済による第２方法との間で切り替えるための処理を行わせ、前記第１領域がスワイプされるのに応じて、前記第２領域の表示色を、前記第１方法に対応した第１群の色と、前記第２方法に対応した第２群の色との間で切り替えると共に、前記スワイプの開始時点と完了時点との間の中間時点において、前記第２領域を中間状態で表示させる、ためのアプリケーションプログラムである。

【発明の効果】

【0007】

本発明の一態様によれば、容易に呼び出し可能な機能を充実させると共に利用者に自然な操作感を与えることができる。

【図面の簡単な説明】

【0008】

【図1】電子決済サービスが実現されるための構成の一例を示す図である。

【図2】電子決済の大まかな流れを例示したシーケンス図（その１）である。

【図3】電子決済の大まかな流れを例示したシーケンス図（その２）である。

【図4】第１実施形態に係る決済サーバ１００の構成図である。

【図5】利用者情報１７２の内容の一例を示す図である。

【図6】加盟店／店舗情報１７６の内容の一例を示す図である。

【図7】決済アプリ２０のトップ画面ＩＭ１の一例を示す図である。

【図8】第１領域Ａ１がスワイプされている中間時点におけるトップ画面ＩＭ１の第１例を示す図である。

【図9】図８に示す状態を経てスワイプが完了した状態のトップ画面ＩＭ１の一例を示す図である。

【図10】決済アプリ２０の支払い画面ＩＭ２の一例を示す図である。

【図11】決済アプリ２０の支払い画面ＩＭ２の一例を示す図である。

【図12】第１領域Ａ１がスワイプされている中間時点におけるトップ画面ＩＭ１の第２例を示す図である。

【図13】第１領域Ａ１がスワイプされている中間時点におけるトップ画面ＩＭ１の第３例を示す図である。

【図14】トップ画面ＩＭ１の制御の第４例を示す図である。

【図15】トップ画面ＩＭ１の制御の第４例を示す図である。

【図16】領域Ａ１－１と領域Ａ１－２とが並べて表示される様子を示す図である。

【図17】第１領域Ａ１がスワイプされている中間時点におけるトップ画面ＩＭ１の第５例を示す図である。

【発明を実施するための形態】

【0009】

以下、図面を参照し、本発明のアプリケーションプログラム、決済サーバ、および端末装置（利用者端末装置）の制御方法の実施形態について説明する。以下に登場する「サーバ」、「管理装置」「情報提供装置」などの、利用者にサービスを提供したり内部解析を行ったりするための各種装置は、分散化された装置群によって実現されてよく、それぞれの装置を運用する事業者は異なってもよい。また装置のハードウェアの保有者（クラウドサーバの提供者）と実質的な運用を行う事業者も異なってよい。アプリケーションプログラムと決済サーバは、協働して電子決済サービスを提供する。以下の説明ではアプリケーションプログラムを決済アプリと称する。電子決済サービスは、店舗における商品やサービスの購買に係る決済をサポートするサービスである。店舗とは、例えば、現実空間に存在する物理的な店舗（実店舗）であるが、電子商取引の仮想店舗を含んでもよい。仮想店舗は、電子決済サービスの運営者とは異なる主体によって提供されるものを含んでもよい。その場合、仮想店舗における買い物の決済の際に、電子決済サービスのインターフェース画面に遷移するように制御される。電子決済サービスにおいて、店舗は、例えば加盟店（ブランド）に属するものとして扱われ、店舗において購買行動が行われた際の決済などの処理は、主として利用者と加盟店の間で行われる。これに代えて、決済などの処理が利用者と店舗との間で行われてもよい。

【0010】

［電子決済サービス］
図１は、電子決済サービスが実現されるための構成の一例を示す図である。電子決済サービスは、決済サーバ１００を中心として実現される。決済サーバ１００は、例えば、一以上の利用者端末装置１０、一以上の第１店舗端末装置５０、及び一以上の第２店舗端末装置７０のそれぞれとネットワークＮＷを介して通信する。ネットワークＮＷは、例えば、インターネット、ＬＡＮ（Local Area Network）、無線基地局、プロバイダ装置などを含む。

【0011】

利用者端末装置１０は、例えば、スマートフォンやタブレット端末等の可搬型端末装置である。利用者端末装置１０は、少なくとも、光学読取機能、通信機能、表示機能、入力受付機能、プログラム実行機能を有するコンピュータ装置である。以下の説明では、これらの機能を実現するための構成をそれぞれカメラ、通信装置、タッチパネル、ＣＰＵ（Central Processing Unit）等と称する。利用者端末装置１０では、ＣＰＵ等のプロセッサにより決済アプリ２０が実行されることで、決済サーバ１００と連携して電子決済サービスを利用者に提供するように動作する。決済アプリ２０は、例えば、アプリケーションストアから利用者端末装置１０にインストールされ、カメラ、通信装置、タッチパネルなどを制御する。

【0012】

第１店舗端末装置５０は、例えば、店舗に設置される。第１店舗端末装置５０は、少なくとも、商品価格取得機能、光学読取機能、プログラム実行機能、通信機能を有するコンピュータ装置である。第１店舗端末装置５０は、いわゆるＰＯＳ（Point of Sale）装置を含み、ＰＯＳ装置によって商品価格取得機能や光学読取機能を実現してもよい。店舗コード画像６０は、店舗に置かれ、ＱＲコード（登録商標）等のコード画像が紙やプラスチックの媒体に印刷されたものである。なお、店舗コード画像６０は、店舗に置かれたディスプレイ（スマートフォンなどの端末装置のディスプレイでもよい）によって表示されてもよい。

【0013】

第２店舗端末装置７０は、加盟店の運営者によって使用される。第２店舗端末装置７０は、スマートフォンやタブレット端末、パーソナルコンピュータ等である。第２店舗端末装置７０では、加盟店向けインターフェース７２が動作する。加盟店向けインターフェース７２は、加盟店向けアプリであってもよいし、ブラウザであってもよい。加盟店向けインターフェース７２は、加盟店の運営者によるクーポンの設定等を受け付け、決済サーバ１００に送信する。スマートフォンである第２店舗端末装置７０は、加盟店向けアプリを実行することで、店舗コード画像に相当するコード画像を表示したり、利用者端末装置１０が表示するコード画像を読み取ったりする機能を有する。

【0014】

決済サーバ１００は、利用者端末装置１０または第１店舗端末装置５０から受信した決済情報に基づいて電子決済を実現する。第１店舗端末装置５０は、ＰＯＳ装置と加盟店サーバを含む場合があり、その場合、ＰＯＳ装置から加盟店サーバを介して決済情報が決済サーバ１００に送信される。以下の説明では、これを特に区別せず、第１店舗端末装置５０から決済情報が送信されるものとする。

【0015】

図２および図３は、電子決済の大まかな流れを例示したシーケンス図である。電子決済には、パターン１とパターン２の二つが存在してよい。

【0016】

図２に示すパターン１（以下、ユーザスキャンと称する）の場合、決済アプリ２０が起動した状態の利用者端末装置１０が、光学読取機能によって店舗コード画像６０をデコードする（Ｓ１）。店舗コード画像６０には、店舗ＵＲＬ（Uniform Resource Locator）の情報が含まれている。この店舗ＵＲＬは、電子決済サービスのドメインに対して店舗を識別可能な情報が付加されたものであり、決済サーバ１００において加盟店ＩＤや店舗ＩＤ等との対応付けがなされている（後述）。決済アプリ２０は、店舗ＵＲＬとアカウントＩＤを含む第１決済情報を決済サーバ１００に送信する（Ｓ２）。決済サーバ１００は、店舗ＵＲＬに対応する加盟店ＩＤ、店舗ＩＤから、店舗情報（後述）を検索して加盟店名と店舗名の情報を取得し（Ｓ３）、決済アプリ２０に送信する（Ｓ４）。利用者は、加盟店名や店舗名が表示された画面において、決済金額を利用者端末装置１０に入力する（Ｓ５）。そして、利用者端末装置１０は、少なくとも決済金額を含む第２決済情報を生成し、決済サーバ１００に送信する（Ｓ６）。決済サーバ１００は、受信した第２決済情報に基づいて電子決済を行う（Ｓ７）。そして、決済サーバ１００は、決済完了通知（決済完了画面を表示するための情報）を決済アプリ２０に送信し（Ｓ８）、決済アプリ２０は決済完了画面を表示する（Ｓ９）。なお、店舗コード画像６０が店舗に置かれたディスプレイによって表示される場合、店舗コード画像６０には、店舗ＵＲＬだけでなく決済金額の情報が含まれる場合がある。この場合、利用者が決済金額を入力する手順が省略され、第１決済情報に決済金額の情報が含められて決済サーバ１００に送信される。加盟店名や店舗名の情報は、決済完了画面に含めて表示されてよい。

【0017】

図３に示すパターン２（以下、ストアスキャンと称する）の場合、決済アプリ２０の起動時、決済アプリ２０において支払う操作が行われたとき、自動更新のタイミング（例えば１分おき）になったとき、およびその他のタイミングで、決済アプリ２０はワンタイムコードの発行要求を決済サーバ１００に送信する（Ｓ１１）。決済サーバ１００はワンタイムコードを生成し（Ｓ１２）、決済アプリ２０に送信する（Ｓ１３）。決済アプリ２０は、ワンタイムコードに基づいて生成した、ＱＲコードやバーコード等のコード画像を表示する（Ｓ１４）。利用者は利用者端末装置１０の表示面を第１店舗端末装置５０に翳し（提示し）、第１店舗端末装置５０は、光学読取機能によってコード画像をデコードし、ワンタイムコード等を取得する（Ｓ１５）。そして、第１店舗端末装置５０は、ワンタイムコード、決済金額、加盟店ＩＤ、店舗ＩＤ等を含む決済情報を生成し、決済サーバ１００に送信する（Ｓ１６）。決済金額の情報は、予めバーコード読み取りや手入力等によって取得されている。決済サーバ１００は、受信した情報に基づいて、ワンタイムコードに対応する利用者を特定し、電子決済を行う（Ｓ１７）。そして、決済サーバ１００は、決済完了通知を決済アプリ２０に送信し（Ｓ１８）、決済アプリ２０は決済完了画面を表示する（Ｓ１９）。

【0018】

なお、上記のいずれか一方のみのパターンで電子決済が行われてもよい。また、図２で説明した「アカウントＩＤ」は、利用者の識別情報として用いられ得る他の情報（例えば電話番号）であってもよい。また、ストアスキャンにおいてワンタイムコードの発行が省略され、決済アプリ２０は、利用者のアカウントＩＤに基づいて生成したコード画像を表示してもよい。その場合、決済サーバ１００は、ワンタイムコードに対応する利用者を特定するのに代えて、アカウントＩＤに対応する利用者を特定する。

【0019】

［決済サーバ］
図４は、第１実施形態に係る決済サーバ１００の構成図である。決済サーバ１００は、例えば、通信部１１０と、決済コンテンツ提供部１２０と、決済処理部１３０と、情報管理部１４０と、記憶部１７０とを備える。通信部１１０および記憶部１７０以外の構成要素は、例えば、ＣＰＵなどのハードウェアプロセッサがプログラム（ソフトウェア）を実行することにより実現される。これらの構成要素のうち一部または全部は、ＬＳＩ（Large Scale Integration）やＡＳＩＣ（Application Specific Integrated Circuit）、ＦＰＧＡ（Field-Programmable Gate Array）、ＧＰＵ（Graphics Processing Unit）などのハードウェア（回路部；circuitryを含む）によって実現されてもよいし、ソフトウェアとハードウェアの協働によって実現されてもよい。プログラムは、予めＨＤＤ（Hard Disk Drive）やフラッシュメモリなどの記憶装置（非一過性の記憶媒体を備える記憶装置）に格納されていてもよいし、ＤＶＤやＣＤ－ＲＯＭなどの着脱可能な記憶媒体（非一過性の記憶媒体）に格納されており、記憶媒体がドライブ装置に装着されることで記憶装置にインストールされてもよい。

【0020】

記憶部１７０は、ＨＤＤやフラッシュメモリ、ＲＡＭ（Random Access Memory）などである。記憶部１７０は、決済サーバ１００がネットワークを介してアクセス可能なＮＡＳ（Network Attached Storage）装置であってもよい。記憶部１７０には、利用者情報１７２、決済コンテンツ情報１７４、加盟店／店舗情報１７６などの情報が格納される。

【0021】

通信部１１０は、ネットワークＮＷに接続するための通信インターフェースである。通信部１１０は、例えばネットワークインターフェースカードである。

【0022】

決済コンテンツ提供部１２０は、例えば、Ｗｅｂサーバの機能を有し、電子決済サービスの各種画面を表示するための情報（コンテンツ）を利用者端末装置１０に提供する。決済コンテンツ提供部１２０は、決済コンテンツ情報１７４から適宜、必要なコンテンツを読み出して利用者端末装置１０に提供する。利用者端末装置１０は、決済アプリ２０によってコンテンツが再生された状態で利用者による各種入力を受け付け、前述した決済情報などを決済サーバ１００に送信する。

【0023】

決済処理部１３０は、利用者端末装置１０または第１店舗端末装置５０により送信された決済情報に基づいて、決済処理を行う。決済処理部１３０は、利用者情報１７２を参照しながら決済処理を行う。

【0024】

図５は、利用者情報１７２の内容の一例を示す図である。利用者情報１７２は、利用者の登録情報の一例である。利用者情報１７２は、例えば、利用者ＵＲＬ、アカウントＩＤ、電話番号、パスワードの他、メールアドレス、利用者ＩＤ、氏名・住所・生年月日、登録日、チャージ残高、後払い設定、後払い枠、後払い利用額、後払い利用可能額、決済方法設定、銀行口座、クレジットカード番号、チャージ履歴情報、決済履歴情報などの情報が対応付けられたものである。利用者ＵＲＬは、利用者間の送金処理に使用される。電子決済サービスへの新規登録時には、電話番号およびパスワードの登録が必須となる。アカウントＩＤは、決済サーバ１００によって利用者に発行されるものであり、利用者ＩＤは、利用者が任意に設定できる（設定しなくてもよい）ＩＤである。メールアドレス、および氏名・住所・生年月日も同様に、利用者が任意に設定できる（設定しなくてもよい）情報である。登録日とは利用者が電子決済サービスに登録した日（アカウントを作成した日）である。以下、これらの情報が対応付けられた利用者のインスタンス（電子決済口座）のことをアカウントと称する。

【0025】

チャージ残高は、利用者が予めアカウントに送金することで設定された電子マネーの残高を示す情報である。送金の手段としては、指定業者（銀行）のＡＴＭ（Automatic Teller Machine）からの送金、登録された銀行口座からの送金などがある。後払い設定は、後払いによる電子決済を可能とするための設定が済んでいるか否かを示す情報であり、「済」と「未」のいずれかに設定される。後払いの更なる詳細については後述する。決済方法設定は、その時点において利用者がチャージ残高による電子決済を行うのか、後払い（クレジット払い）による決済（事後決済の一例）を行うのかを示す設定情報である。銀行口座とクレジットカード番号のそれぞれは、電子決済サービスに入金可能な銀行口座またはクレジットカード番号の情報（口座番号、カード番号）である。チャージ履歴情報は、利用者が予め電子決済サービスに送金してチャージ残高を増加させた履歴である。決済履歴情報は、利用者が行った決済の内訳（日時、購買行動が行われた店舗の店舗ＩＤ、決済金額、決済方法など）を、決済ごとに示す情報である。

【0026】

図６は、加盟店／店舗情報１７６の内容の一例を示す図である。加盟店／店舗情報１７６は、例えば、店舗ＵＲＬに対して加盟店ＩＤと店舗ＩＤが対応付けられた第１テーブル１７６Ａと、加盟店ＩＤに対して加盟店名と売上金（前述）が対応付けられた第２テーブル１７６Ｂと、店舗ＩＤに対して店舗名が対応付けられた第３テーブル１７６Ｃとを含む。加盟店／店舗情報１７６には、これらの情報の他、加盟店または店舗のカテゴリ、店舗の所在地、決済パターン等の情報が含まれてもよい。

【0027】

情報管理部１４０は、利用者端末装置１０や第２店舗端末装置７０から取得した情報に基づいて、利用者情報１７２および加盟店／店舗情報１７６を管理する。情報管理部１４０は、利用者情報１７２および加盟店／店舗情報１７６について新規レコードの追加、編集、削除などを行う。

【0028】

［電子決済］
決済処理部１３０は、利用者端末装置１０または第１店舗端末装置５０から決済情報が取得されると、利用者情報１７２を参照して当該利用者の「決済方法設定」を取得する。決済処理部１３０は、「決済方法設定」が「チャージ残高」に設定されている利用者に関して、以下のように電子決済を行う（第１方法の一例）。決済処理部１３０は、例えば、利用者ＩＤに対応付けて管理しているチャージ残高を減少させ、加盟店の売上金の項目値を増加させることで、電子決済を行う。加盟店の売上金の項目値は、例えば、それ自体が電子マネーとして使用されるものでは無く、加盟店と電子決済サービスとの取り決めに応じたサイクルで、売上金の項目値に対応する金額が銀行口座に送金される。

【0029】

決済処理部１３０は、「設定情報」が「後払い」に設定されている利用者に関して、以下のように電子決済を行う。後払いとは、例えば、電子決済サービスの事業者と提携するクレジットカード会社が与信者となって、後払い枠の範囲内でチャージ残高に依存しない電子決済を許容するものである（第２方法の一例）。なお、電子決済サービスの事業者がクレジットカード会社を兼ねても良い。後払いサービスを受けるために、上記クレジットカード会社が提供する提携クレジットカードの取得が要求されてよい。後払いで利用された金額は、一か月分まとめて翌月の支払日に、例えば銀行口座からの引き落としによって決済される。この場合、決済処理部１３０は、後払い利用額に決済金額を加算し、後払い利用可能額から同額を差し引くことで決済金額を管理し、実際に引き落としは締日にクレジットカード会社によって行われる。なお暫定決済の時点で決済金額が後払い利用可能額を超える場合は、エラー通知が決済アプリ２０に返信される。

【0030】

［トップ画面制御の第１例］
図７は、決済アプリ２０のトップ画面ＩＭ１の一例を示す図である。トップ画面ＩＭ１は、コード画像ＣＤが表示される第１領域Ａ１と、電子決済における一以上の機能を呼び出すためのアイコンが設けられた第２領域Ａ２とを含む。なお、図中の「支払う」ボタンＢ２が対応付けられた領域も特許請求の範囲における「第２領域」の一例であってよい。「支払う」ボタンＢ２の機能については後述する。第２領域Ａ２と、「支払う」ボタンＢ２が対応付けられた領域は第１群の色で表示されている。第１群の色は、例えば暖色系の色であり、電子決済の事業者のイメージカラーでもある。コード画像ＣＤは、例えばバーコードとＱＲコードを含む。また、第１領域Ａ１では、コード画像ＣＤと共に、チャージ残高による電子決済を行うか、後払いによる電子決済を行うかを示すテキスト（例えば「残高払い」／「クレジット払い」）が表示される。このテキストは、第１領域Ａ１がスワイプ操作される度に決済アプリ２０が更新する情報（残高払いなのか後払いなのか）に基づいて決済アプリ２０が描画する。更に、第１領域Ａ１にはフリップボタンＢ１が設けられてもよい。フリップボタンＢ１の機能についても後述する。なお、「ボタン」とはタッチパネルと協働して実現されるＧＵＩ（Graphical User Interface）であり、「アイコン」とも称される。第２領域Ａ２には、スキャン（ユーザスキャンの開始）を指示するボタンや履歴を閲覧可能にするボタン、チャージを指示するボタンＢ３など、電子決済における主要な機能を容易な操作で呼び出すためのボタンが設けられている。特許文献１に記載の発明と比較すると、切替スイッチＳＷが省略された分、ボタンに割けるスペースが増加しており、機能の充実を図ることができる。

【0031】

決済アプリ２０は、第１領域Ａ１がスワイプされるのに応じて、電子決済の方法を、チャージ残高による第１方法と、事後決済（換言すると後払い、クレジット払い）による第２方法との間で切り替えるための処理を行う。電子決済の方法を切り替えるための処理とは、例えば、切り替えられた旨を示す情報（あるいは切り替えられた結果としてどちらが選択されるのかを示す情報）を決済サーバ１００に送信すると共に、利用者端末装置１０のメモリにそれらの情報を格納する処理である。併せて、決済アプリ２０は、第１領域Ａ１がスワイプされるのに応じて、第２領域Ａ２の表示色を、第１方法に対応した第１群の色と、前記第２方法に対応した第２群の色との間で切り替えると共に、スワイプの開始時点と完了時点との間の中間時点において、第２領域Ａ２を中間状態で表示させる。スワイプの開始時点とは、利用者の指がタッチパネルに置かれた時点であり、完了時点とは、スワイプが行われたと判定される基準距離以上に利用者の指がスライドされた時点である。図７の例では、電子決済の方法が第１方法に設定されており、第２領域Ａ２は第１群の色で表示されている。第２群の色は、例えば第１群の色と対照的な色であり、寒色系の色である。なお、第１群の色、第２群の色はそれぞれ一つの色を指すものであってもよいし（この場合、第１色、第２色と換言できる）、暖色系や寒色系の中で広がりをもってもよい（例えば朱色と深紅の双方が第１群の色に含まれてもよいし、水色と紺色の双方が第２群の色に含まれてもよい）。決済アプリ２０は、例えば、中間状態における第１領域Ａ１を、切り替わりを示すアニメーションによって表示する。以下の説明では、専ら第１方法から第２方法に切り替わる様子について説明するが、第２方法から第１方法への切り替わりについては、逆の操作、或いは同じ操作によって第２方法から第１方法への切り替わりが行われる。

【0032】

図８は、第１領域Ａ１がスワイプされている中間時点におけるトップ画面ＩＭ１の第１例を示す図である。決済アプリ２０は、利用者の横方向のスワイプが開始されると、第１方法に対応した第１領域Ａ１（以下、領域Ａ１－１と称する）を横方向（図中、Ｘ方向（利用者端末装置１０の短辺方向））にスライドさせ、第２方法に対応した第１領域Ａ１（以下、領域Ａ１－２と称する）を画面の端から出現させると共に正面部（スワイプ操作の開始前における領域Ａ１の表示位置であり、「基準位置」の一例）に向かって移動させる。第１方法に対応した領域Ａ１－１とは、例えば、第１方法を表すテキストが表示されると共に、コード画像ＣＤに第１方法を表す情報が埋め込まれているものである。第２方法に対応した領域Ａ１－２とは、例えば、第２方法を表すテキストが表示されると共に、コード画像ＣＤに第２方法を表す情報が埋め込まれているものである。なおコード画像ＣＤは第１方法と第２方法で共通であってもよい。決済アプリ２０は、スワイプ操作の開始時点から完了時点までの間、その進捗に応じて第２領域Ａ２の表示色を第１群の色から徐々に第２群の色に近づけ、完了時点において第２群の色になるように表示色を制御する。例えば、赤→橙→紫→緑→青という感じに表示色が変更される。この逆に、領域Ａ１－２が表示されている状態でスワイプがされると、決済アプリ２０は、第２領域Ａ２の表示色を第２群の色から徐々に第１群の色に近づけ、完了時点において第１群の色になるように表示色を制御する。なお、スワイプが完了するまでに反対方向にスワイプされた場合、決済アプリ２０は、遡って元の状態に戻す。決済アプリ２０は、このような操作を受け付けるスワイプの方向を一方向に制限してもよいし、双方向にスワイプを受け付けてもよい。

【0033】

図９は、図８に示す状態を経てスワイプが完了した状態のトップ画面ＩＭ１の一例を示す図である。この状態では、第２領域Ａ２と、「支払う」ボタンＢ２が対応付けられた領域は第２群の色で表示されている。第１領域Ａ１では、コード画像ＣＤと共に、後払いによる電子決済を行うことを示すテキスト（「クレジット払い」）が表示される。また、第２領域Ａ２においてチャージを指示するボタンＢ３は、後払いに関する各種操作を行う画面を呼び出すためのボタンＢ４（後払いを示す「カード」とタイトルが付される）に置き換えられている。なお、ボタンＢ３とＢ４のうち一方または双方は、電子決済における特定の機能（メニュー）を呼び出す機能が付されたＧＵＩスイッチではなく、単に、現在選択されている電子決済の方法を示すための画像（オブジェクト）であってもよい。

【0034】

このように、第１領域Ａ１をスワイプ対象として設定すると共に、スワイプの進捗に応じた状態で第２領域Ａ２の表示を経時的に変化させることで、容易に呼び出し可能な機能を充実させると共に利用者に自然な操作感を与えることができる。

【0035】

なお、フリップボタンＢ１が利用者によって操作されると、図８に示す状態を経ずに図７の状態と図９の状態が入れ替わるように制御される。このとき、領域Ａ１－１と領域Ａ１－２が表裏の関係にあり、フリップボタンＢ１の操作によってこれらが反転するようなアニメーションで表示されてもよい。

【0036】

図７に示す状態において「支払う」ボタンＢ２が操作されると、図１０に示す支払い画面ＩＭ２に遷移する。図１０は、決済アプリ２０の支払い画面ＩＭ２の一例を示す図である。図示するように、この支払い画面ＩＭ２は、コード画像ＣＤ、チャージ残高すなわち利用可能額などが表示される領域Ａ３を含み、領域Ａ３を囲む部分の色（背景色）が第１群の色で表示されている。

【0037】

一方、図９に示す状態において「支払う」ボタンＢ２が操作されると、図１１に示す支払い画面ＩＭ２に遷移する。図１１は、決済アプリ２０の支払い画面ＩＭ２の一例を示す図である。図示するように、この支払い画面ＩＭ２は、コード画像ＣＤ、後払い（クレジット払い）の利用可能額などが表示される領域Ａ３を含み、領域Ａ３を囲む部分の色（背景色）が第２群の色で表示されている。

【0038】

このように、決済アプリ２０は、チャージ残高による支払いが選択されている場合に第２領域Ａ２などを第１群の色で表示し、後払いによる支払いが選択されている場合、それらを第２群の色で表示させる。これによって、利用者は、現在の電子決済の決済方法設定がいずれになっているかの認識を継続して維持することができる。トップ画面ＩＭ１の表示色だけが第１群の色と第２群の色の間で切り替えられ、支払い画面ＩＭ２に遷移した後は表示色による区別がなくなってしまう場合、支払い段階において利用者が、決済方法設定を直感的に認識することができないことが懸念されるが、上記のように表示色を制御することでこうした懸念を解消することができる。

【0039】

［トップ画面制御の第２例］
第１領域Ａ１がスワイプされている間の画面制御は、以下のように行ってもよい。図１２は、第１領域Ａ１がスワイプされている中間時点におけるトップ画面ＩＭ１の第２例を示す図である。この例において、決済アプリ２０は、利用者の横方向のスワイプが開始されると、領域Ａ１－１を円弧状に（図中、Ｚ方向（利用者端末装置１０の表示面の法線方向）に沿った軸を中心とした円弧に近い軌跡で）横方向にスライドさせ、領域Ａ１－２を画面の端（正面部の斜め下方）から出現させると共に正面部に向かって移動させる。その他、図７、９－１１で説明した事項については同様であってよい。第２例においても、第２領域Ａ２においてチャージを指示するボタンＢ３は、スワイプの進行に応じて後払いに関する各種操作を行う画面を呼び出すためのボタンＢ４に置き換えられるが、例えば、スワイプの終盤あるいは完了時点において、ボタンＢ３が縦方向に（図中、Ｘ方向に沿った軸を中心として）回転してボタンＢ４に変化するように見えるアニメーションで表示されてもよい。第３～第５例についても同様である。

【0040】

［トップ画面制御の第３例］
図１３は、第１領域Ａ１がスワイプされている中間時点におけるトップ画面ＩＭ１の第３例を示す図である。この例において、決済アプリ２０は、利用者の横方向のスワイプが開始されると、領域Ａ１－１および領域Ａ１－２の制御は第１例と同様に行うが、第２領域Ａ２の表示色についてはスワイプの進捗に応じて第１群の色で表示される部分と、第２群の色で表示される部分との割合が徐々に変化するように、第２領域Ａ２を表示する。このとき、決済アプリ２０は、領域Ａ１－２と第２群の色が表示される部分とが同じ方向に連動して移動するように表示を行う。なお、「支払う」ボタンが設けられた領域の表示色については第２例と同様に制御されてよい。

【0041】

［トップ画面制御の第４例］
図１４および図１５は、トップ画面ＩＭ１の制御の第４例を示す図である。図１４は、スワイプ操作がされる前の状態を示しており、領域Ａ１－１の背後に見える位置に領域Ａ１－２が小さく表示されている。この例において、決済アプリ２０は、利用者の横方向のスワイプが開始されると、領域Ａ１－１が横方向（図中、Ｙ方向（利用者端末装置１０の長辺方向）に沿った軸を中心として）回転して元の領域Ａ１－２の位置（背面側）に移動し、領域Ａ１－２が横方向に回転して元の領域Ａ１－１の位置（表面側）に移動するように見えるように、これらの表示制御を行う。第２領域Ａ２の表示色の制御については第１例と同様であってよい。

【0042】

第４例において、領域Ａ１－１または領域Ａ１－２がタップされることに応じて、領域Ａ１－１と領域Ａ１－２とを並べて表示するようにしてもよい。図１６は、領域Ａ１－１と領域Ａ１－２とが並べて表示される様子を示す図である。

【0043】

第４例において、スワイプ操作がされる前の状態で、領域Ａ１－１、領域Ａ１－２のうち裏面側にあるものが小さく表示されないようにしてもよい。

【0044】

［トップ画面制御の第５例］
図１７は、第１領域Ａ１がスワイプされている中間時点におけるトップ画面ＩＭ１の第５例を示す図である。この例において、決済アプリ２０は、利用者の縦方向のスワイプが開始されると、領域Ａ１－１が縦方向に（図中、Ｘ方向に沿った軸を中心として）回転して元の領域Ａ１－２の位置（背面側）に移動し、領域Ａ１－２が横方向に回転して元の領域Ａ１－１の位置（表面側）に移動するように見えるように、これらの表示制御を行う。第２領域Ａ２の表示色の制御については第１例と同様であってよい。

【0045】

なお、トップ画面制御の各例は、適宜に組み合わせて実装することができる。例えば、領域Ａ１－１、領域Ａ１－２の移動について第２例のように行うと共に、領域Ａ２の表示色の制御を第３例のように行ってもよい。

【0046】

＜その他の実施形態＞
実施形態では、決済アプリ２０の表示画面の表示色は、専ら決済アプリ２０が切替えのための判定処理およびレンダリングを行うことで制御されるものとしたが、決済サーバ１００が表示色の制御を行ってもよい。この場合、決済サーバ１００が表示制御部を備え、上記説明した決済アプリ２０が行うトップ画面制御と同等の処理を行う。

【0047】

以上説明した実施形態によれば、タッチパネルを有する端末装置に、決済サーバと協働して行われる電子決済に使用されるコード画像が表示される第１領域と、電子決済における一以上の機能を呼び出すためのアイコンが設けられた第２領域とを表示させ、第１領域がスワイプされるのに応じて、電子決済の方法を、予めチャージされて決済サーバによって管理されているチャージ残高による第１方法と、事後決済による第２方法との間で切り替えるための処理を行わせ、第１領域がスワイプされるのに応じて、第２領域の表示色を、第１方法に対応した第１群の色と、第２方法に対応した第２群の色との間で切り替えると共に、スワイプの開始時点と完了時点との間の中間時点において、第２領域を中間状態で表示させることで、容易に呼び出し可能な機能を充実させると共に利用者に自然な操作感を与えることができる。

【0048】

以上、本発明を実施するための形態について実施形態を用いて説明したが、本発明はこうした実施形態に何等限定されるものではなく、本発明の要旨を逸脱しない範囲内において種々の変形及び置換を加えることができる。

【符号の説明】

【0049】

１０ 利用者端末装置
２０ 決済アプリ
１００ 決済サーバ
１２０ 決済コンテンツ提供部
１３０ 決済処理部
１４０ 情報管理部

【要約】

【課題】容易に呼び出し可能な機能を充実させると共に利用者に自然な操作感を与えること。
【解決手段】タッチパネルを有する端末装置に、決済サーバと協働して行われる電子決済に使用されるコード画像が表示される第１領域と、前記電子決済における機能を呼び出すための一以上のアイコンが設けられた第２領域とを表示させ、前記第１領域がスワイプされるのに応じて、前記電子決済の方法を、予めチャージされて前記決済サーバによって管理されているチャージ残高による第１方法と、事後決済による第２方法との間で切り替えるための処理を行わせ、前記第１領域がスワイプされるのに応じて、前記第２領域の表示色を、前記第１方法に対応した第１群の色と、前記第２方法に対応した第２群の色との間で切り替えると共に、前記スワイプの開始時点と完了時点との間の中間時点において、前記第２領域を中間状態で表示させる、ためのアプリケーションプログラム。
【選択図】図８

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】

【図14】

【図15】

【図16】

【図17】