JP6618259B2 - 商品ページ作成支援プログラムおよびシステム - Google Patents

Description

この発明はインターネット上の通信販売のホームページの商品ページを構成するＨＴＭＬ文書の作成を支援するプログラムおよびシステムに関し、より詳細にはＨＴＭＬ知識が無い商店主や、実店舗とホームページを運営している商店主など、多忙で商品ページを作る時間が無い商店主に、商品登録の編集合理化と時間短縮を図ることを可能とするプログラムおよびシステムに関する。

インターネットを利用した通信販売が広く行われている。これらの形態としては、商店主（販売者）自身がネット上の仮想店舗のホームページを構築する通信販売サイトの他、多数の商店主の店舗の集合体からなるショッピングモールサイトがある。

前者の場合、ホームページを構築するにはインターネットに関する通信の知識や、ウエブページを構成するためのＨＴＭＬ文書、特にタグに関する知識や経験を要し、また、サイトの保守も必要となり商店主自身が手軽に構築できるものではなく、専門の作成代行業者に依頼するのが通常であった。

前記に関しては、仮想店舗のホームページ用のＨＴＭＬ文書の作成支援システムが提案されており、例えば特許文献１においては構成要素記憶部が、ホームページを作成するのに必要な複数の雛形の構成要素を記憶しており、処理部が、作成者が入力する命令に対応する構成要素を選択することにより、外枠のホームページを構築し、さらに、処理部は、作成者が入力する情報をＨＴＭＬ言語で記述した後、その情報をホームページの外枠に組み込むことにより、ホームページを完成するホームページ作成装置が提案されている。

一方、近年主流となっている、多数の商店主の店舗の集合体からなるショッピングモールサイトにおいてはサイト運営者が予め各仮想店舗のホームページの枠組みを作成し、そこに出店を希望する商店主が販売を希望する商品情報を写真やリンク先情報とともに組み込んで商品ページを完成させていた（特許文献１）。この場合、その具体的作業はサイト運営者が予め用意したホームページの枠組み中に商店主が商品ページを構成するＨＴＭＬ文書を入力してサイト運営者に対し商品登録をすることによって行っており、基本的には商品画像、商品説明などの商品情報、商品サイズなどのスペック紹介、関連商品のリンクなどが商品ページ内に表現される。

しかしながら、この場合であっても、商店主にとって商品ページを構成するＨＴＭＬ文書を作成しなければならない作業は必須であった。

特開平１１−１３４３３８ 特開２００８−２８２０９８

前記のショッピングモールサイトは多数の仮想店舗の集合からなる、いわゆるワンストップサービスであり、販売者が個別にホームページを持つ場合に比し、高い集客効果が期待できた。

また、ホームページを構築する場合に比し、より簡単に自身の通販ページを持つこともできた。

しかしながら、前記したように商店主は最低限、商品ページを構成するＨＴＭＬ文書を作成しなくてはならないので、ＨＴＭＬ文書の知識や経験を要し、初心者の商店主、作成スタッフを抱えていない商店主、作成する時間をとれない商店主にとって大きな負担となっていた。特に商品の詳細情報である商品のサイズスペックなどを消費者にとって分かりやすく表現するには、サイズ表や表題等を商品ページに記載することが望ましいが、そのためのＨＴＭＬ文書の作成は技術を要し時間と手間がかかった。

また、現代は消費者が通信販売のホームページを閲覧する端末機器は狭くパソコンにとどまらず、モバイル携帯電話やスマートフォン、タブレット型端末、インターネット機能付きテレビなどがあるが、それぞれ画面の見え方が異なる。そのため、消費者へのより高い宣伝効果を発揮するにはそれぞれの端末機器での画面の見え方を考慮したＨＴＭＬ文書を作成しなくてはならなかった。例えば、表示エリアが大きいパソコンの場合は多数の画像を盛り込むことが効果的であるが、表示エリアが小さいインターネット機能付き携帯電話の場合はそれが逆効果になってしまい視認し難くなってしまうこともあった。

従って、商品ページは最低でもパソコン、モバイル携帯電話、スマートフォン用のものを作成しなくてはならず、時間と手間がかかり、一方、それが実際にどのようにこれらの画面に表れるかはサイト運営者に対し商品登録を行った後でないと確認できないので、その結果が予想したものではない場合は修正に時間と手間がかかる問題があった。

この発明は以上の問題点に鑑みて創作されたものであり、商品ページを構成するＨＴＭＬ文書の作成を誰でも容易に行うことを可能としたプログラムおよびシステムを提供することを目的とする。

すなわち、この発明の商品ページ作成支援プログラムは、
ユーザーから入力された情報に基づいて、インターネット上の通信販売のホームページの商品ページを構成するＨＴＭＬ文書を作成するプログラムにおいて、
入力する情報として、
商品情報を記述した文書、
ＨＴＭＬ文書で呼び出す画像のＵＲＬまたはリンク先のＵＲＬ、またはこれら双方、
商品のサイズの種類、
を少なくとも要し、
上記の情報をブラウザ上の入力フォームに入力することにより、商品の画像と商品情報とサイズ表からなるホームページの商品ページを構成するＨＴＭＬ文書を作成するに際し、
情報入力後にホームページを閲覧する端末機器の種類別の商品ページのプレビューイメージを作成しユーザーに提示することを特徴とする。

次に、請求項２記載の発明は前記の商品ページ作成支援プログラムにおいて、予め端末機器の種類別に用意したＨＴＭＬ文書のテンプレートに入力フォームから入力された情報をデータとして組み込むことにより商品ページを構成するＨＴＭＬ文書を作成することを特徴とする。

次に、請求項３記載の発明は前記の商品ページ作成支援プログラムにおいて、商品ページのプレビューイメージを作成しユーザーに提示する端末機器の種類にはパソコン、モバイル携帯電話、スマートフォンを含むことを特徴とする。

また、この発明の商品ページ作成支援システムは前記の商品ページ作成支援プログラムが、ユーザーの端末がネットワークを介して接続されるサーバに格納され、サーバサイドアプリケーションまたはクライアントアプリケーションとして実行されることを特徴とする。

この発明の商品ページ作成支援プログラムによれば、ユーザーは商品情報を記述した文書、ＨＴＭＬ文書で呼び出す画像のＵＲＬやリンク先のＵＲＬ、商品のサイズの種類などの情報をブラウザ上の入力フォームに入力するだけで、商品ページを構成するＨＴＭＬ文書を作成することできる。

そして、この場合、ホームページを閲覧する端末機器の種類別の商品ページのプレビューイメージが情報入力後に作成し提示されるので、ユーザーは例えばパソコン、モバイル携帯電話やスマートフォンなどそれぞれ画面の見え方が異なる商品ページの構成をその場で把握することができ、入力情報の調整とプレビューイメージの確認を繰り返すことにより消費者に対しより高い宣伝効果を発揮する商品ページを特別な知識や経験がなくても短時間で簡単に作成することができる。

この発明の商品ページ作成支援プログラムの手順の流れを示すフローチャート 同上、ブラウザ画面上の入力フォームの正面図。 同上、ブラウザ画面上のプレビューイメージの正面図。 同上、ブラウザ画面上の入力フォーム中の商品情報入力フォームの正面図。 同上、ブラウザ画面上のプレビューイメージ中の商品情報のスマートフォン用プレビューイメージの正面図。 同上、ブラウザ画面上のプレビューイメージ中の商品情報のパソコン用プレビューイメージの正面図。 同上、ブラウザ画面上のプレビューイメージ中の商品情報のモバイル携帯電話用プレビューイメージの正面図。 同上、ブラウザ画面上の入力フォーム中の商品画像入力フォームの正面図。 同上、ブラウザ画面上のプレビューイメージ中の商品画像のスマートフォン用プレビューイメージの正面図。 同上、ブラウザ画面上のプレビューイメージ中の商品画像のパソコン用プレビューイメージの正面図。 同上、ブラウザ画面上のプレビューイメージ中の商品画像のモバイル携帯電話用プレビューイメージの正面図。 同上、ブラウザ画面上の入力フォーム中の商品サイズ入力フォームの正面図。 同上、ブラウザ画面上のプレビューイメージ中の商品サイズのスマートフォン用プレビューイメージの正面図。 同上、ブラウザ画面上のプレビューイメージ中の商品サイズのパソコン用プレビューイメージの正面図。 同上、ブラウザ画面上のプレビューイメージ中の商品サイズのモバイル携帯電話用プレビューイメージの正面図。 同上、ブラウザ画面上の商品ページのＨＴＭＬ文書の表示欄の正面図。 この発明の商品ページ作成支援システムのブロック図。

以下、この発明の具体的実施例を添付図面に基づいて説明する。ここでは商品ページ作成支援システムの説明をもって、併せて商品ページ作成支援プログラムの説明も行うこととする。

図１７はこの発明の商品ページ作成支援システムのブロック図である。図中符号１は商品ページ作成支援サーバである。このサーバ１にはこの発明の商品ページ作成支援プログラムが格納され、ユーザー（商店主）はインターネット２を通じて接続される商店主端末３から前記プログラムを使用して商品ページのＨＴＭＬ文書を作成する。この場合、商品ページ作成支援プログラムは商品ページ作成支援サーバ１上で実行し、その結果を商店主端末３ブラウザ画面に表示するサーバサイドアプリケーションとして実行しても、商品ページ作成支援サーバーから商店主端末に送信し、商店主端末で実行するクライアントサイドアプリケーションとして実行してもよい。

図中符号４はインターネット２を通じて需要者端末が接続される通信販売ホームページサーバであり、ユーザーは商品ページ作成支援サーバ１に格納された商品ページ作成支援プログラムを用いて作成され、商店主端末３のブラウザ画面上に表示される商品ページのＨＴＭＬ文書をコピーまたはダウンロードし、インターネット２を通じて通信販売ホームページサーバ４から提供される自身の仮想店舗のホームページの枠組み中の商品ページ箇所にペーストし、仮想店舗のホームページを完成させたり、更新する。

図中符号５はインターネット２を通じて通信販売ホームページサーバ４に接続される買い物客の需要者端末である。需要者端末５としては、パソコン、モバイル携帯電話、スマートフォンなどが一般的であるが、タブレット型端末やインターネット機能付きテレビも想定できる。

図１は商品ページ作成支援プログラムの手順の流れを示すフローチャートである。このプログラムは、端末機器の種類別に用意される商品ページのＨＴＭＬ文書のテンプレートと、前記テンプレートへ組み込むためのデータを入力するためのブラウザ画面上の入力フォームが用意され、次の手順の流れに沿って実行される。
(1) ユーザーが商店主端末のブラウザ画面上の入力フォームに商品ページ作成に必要なデータを入力する手順（Ｓ１〜Ｓ２）。
(2) 前記データを端末機器の種類別に用意されるＨＴＭＬ文書に組み込む手順（Ｓ３）。
(3) 端末機器の種類別のＨＴＭＬ文書を作成する手順（Ｓ４）。
(4) 端末機器の種類別の商品ページのプレビューイメージを表示する手順（Ｓ５〜Ｓ６）。
(5) ユーザーが作成したＨＴＭＬ文書が正しいか正しくないかを選択する手順（Ｓ７）。
(6) 作成したＨＴＭＬ文書を端末機器の種類別に表示する手順（Ｓ８〜Ｓ９）。

以上の手順により作成された各端末機器の種類別の商品ページのＨＴＭＬ文書はユーザーがコピーして、インターネットを通じて通信販売ホームページサーバから提供される仮想店舗のホームページの枠組み中の商品ページ箇所にペーストされる（Ｓ１０〜Ｓ１２）。

以下、前記の手順の流れを商店主端末３のブラウザ画面上の表示に沿って詳説する。

図２はブラウザ画面上の入力フォームを示す図である、この実施例では作成する商品ページとして洋服の販売に関するものを例にとっている。図中符号１０は商品情報を記述した文書を入力するための入力フォーム、２０はＨＴＭＬ文書で呼び出す画像のＵＲＬまたはリンク先のＵＲＬを入力するための入力フォーム、３０は商品のサイズの種類を入力するための入力フォームである。

図４は前記の商品情報を記述した文書を入力するための入力フォーム１０の詳細を示す図である。ここでは入力する項目として、
(1) 商品名（項目１）、
(2) ブランド（項目２）、
(3) 素材（項目３）、
(4) 商品説明（項目４）、
(5) モデル（項目５）、
(6) 備考（項目６）、
を用意し、それぞれ入力フォーム１０の商品名欄１１、ブランド欄１２、素材欄１３、商品説明欄１４、モデル欄１５、備考欄１６にユーザーが入力する。なお、以上の項目は任意であり増やすこともできる。

図８は前記の商品画像を入力するための入力フォーム２０の詳細を示す図である。ここでは画像入力欄２１にユーザーがＨＴＭＬ文書で呼び出す画像のＵＲＬやリンク先のＵＲＬを入力する。

図１２は前記の商品のサイズの種類を入力するための入力フォーム３０の詳細を示す図である。ここでは入力する項目として、
(1) サイズ画像のＵＲＬ（画像がある場合）、
(2) サイズ表項目の種類の選択（トップかボトムか）、
(3) サイズの対象となる商品の部分、
(4) サイズ表記、
(5) 対象となる商品の部分のサイズ、
を用意し、それぞれ入力フォーム３０のサイズ画像３１、サイズ表項目の種類欄３２、商品の部分欄３３、サイズ表記欄３４、サイズ欄３５にユーザーが入力する。

以上の入力作業が完了することにより、端末機器の種類別のＨＴＭＬ文書が作成され、さらにユーザーがプレビューボタン４２をクリックすることにより、商店主端末３のブラウザ画面上に端末機器の種類別の商品ページのプレビューイメージが表示される（図３参照）。図中符号Ｐ１はスマートフォン用商品ページのプレビューイメージ、Ｐ２はパソコン用商品ページのプレビューイメージ、Ｐ３はモバイル携帯電話用商品ページのプレビューイメージである。

図５〜７は前記のプレビューイメージ中の商品情報の各端末機器のプレビューイメージの詳細を示す図である。

図５においてはスマートフォン用の商品情報のプレビューイメージ１０Ａが示されており、「商品名」として前記の入力フォーム１０の項目１として入力された商品名が、同じく「ブランド」として前記の入力フォーム１０の項目２として入力されたブランド名が、同じく「素材」として前記の入力フォーム１０の項目３として入力された素材が、同じく「商品説明」として前記の入力フォーム１０の項目４として入力された商品説明が、同じく「モデル」として前記の入力フォーム１０の項目５として入力されたモデルデータが、同じく「備考」として前記の入力フォーム１０の項目６として入力された備考が表示される。

図６においてはパソコン用の商品情報のプレビューイメージ１０Ｂが示されており、「商品名」として前記の入力フォーム１０の項目１として入力された商品名が、同じく「ブランド」として前記の入力フォーム１０の項目２として入力されたブランド名が、同じく「素材」として前記の入力フォーム１０の項目３として入力された素材が、同じく「商品説明」として前記の入力フォーム１０の項目４として入力された商品説明が、同じく「モデル」として前記の入力フォーム１０の項目５として入力されたモデルデータが、同じく「備考」として前記の入力フォーム１０の項目６として入力された備考が表示される。

図７においてはモバイル携帯電話の商品情報のプレビューイメージ１０Ｂが示されており、「商品名」として前記の入力フォーム１０の項目１として入力された商品名が、同じく「ブランド」として前記の入力フォーム１０の項目２として入力されたブランド名が、同じく「素材」として前記の入力フォーム１０の項目３として入力された素材が、同じく「商品説明」として前記の入力フォーム１０の項目４として入力された商品説明が、同じく「モデル」として前記の入力フォーム１０の項目５として入力されたモデルデータが、同じく「備考」として前記の入力フォーム１０の項目６として入力された備考が表示される。

図９〜１１は前記のプレビューイメージ中の商品画像の各端末機器のプレビューイメージの詳細を示す図である。

図９においてはスマートフォン用の商品画像のプレビューイメージ２０Ａが示されており、ここでは前記の入力フォーム２０で入力した画像の全てが表示される。スマートフォンの場合は画面サイズの関係で入力した画像の全てを一画面で表示できないが、画面をスクロールさせることにより順次表示させることができる。

図１０においてはパソコン用の商品画像のプレビューイメージ２０Ｂが示されており、ここでは前記の入力フォーム２０で入力した画像の全てが表示される。

図１１においてはモバイル携帯電話用のプレビューイメージ２０Ｃが示されているが、モバイル携帯電話の場合は画像を盛り込むと商品情報が読み難くなってしまうので、画像は表示しないか、一部に範囲を区切って表示する。

図１３〜１５は前記のプレビューイメージ中の商品のサイズの種類のプレビューイメージの詳細を示す図である。

図１３においてはスマートフォン用の商品のサイズのプレビューイメージ３０Ａが示されており、ここではサイズ表記毎のサイズの対象となる商品の部分のサイズが順番に表示される。

図１４においてはパソコン用の商品のサイズのプレビューイメージ３０Ｂが示されており、ここではサイズ表記を行方向に、サイズ表記毎のサイズの対象となる商品の部分のサイズを列方向に表したサイズ表が生成されて表示される。このサイズ表は入力項目の数に応じて拡縮される。

図１１においてはモバイル携帯電話用の商品のサイズのプレビューイメージ３０Ｃが示されており、ここではサイズ表記毎のサイズの対象となる商品の部分のサイズが順番に表示される。

図１６は商店主端末のブラウザ画面上の商品ページのＨＴＭＬ文書の表示欄５０を示す図である。ブラウザ画面上の入力フォームに商品ページ作成に必要なデータを入力したユーザーは前記の端末機器の種類別の商品ページのプレビューイメージを閲覧し、それが正しいと判断した場合にタグ作成ボタン４１をクリックすることによりこのＨＴＭＬ文書の表示欄５０が表示される。一方、正しくないと判断した場合はリセットボタン４３をクリックすることにより再度入力フォームに戻ることができる。

前記ＨＴＭＬ文書の表示欄５０には、モバイル携帯電話用のＨＴＭＬ文書５１Ａ、スマートフォン用のＨＴＭＬ文書５１Ｂ、パソコン用のＨＴＭＬ文書５１Ｃが表示され、それぞれのコピーボタン５１、５２、５３をクリックすることによりそれぞれのＨＴＭＬ文書を一時記憶または保存することができる。

１ 商品ページ作成支援サーバ
２ インターネット
３ 商店主端末
４ 通信販売ホームページサーバ
５ 需要者端末
１０ 商品情報を記述した文書を入力するための入力フォーム
１０Ａ スマートフォン用の商品情報のプレビューイメージ
１０Ｂ パソコン用の商品情報のプレビューイメージ
１０Ｃ モバイル携帯電話用の商品情報のプレビューイメージ
２０ 商品画像を入力するための入力フォーム
２０Ａ スマートフォン用の商品画像のプレビューイメージ
２０Ｂ パソコン用の商品画像のプレビューイメージ
２０Ｃ モバイル携帯電話用の商品画像のプレビューイメージ
３０ 商品のサイズの種類を入力するための入力フォーム
３０Ａ スマートフォン用の商品のサイズのプレビューイメージ
３０Ｂ パソコン用の商品のサイズのプレビューイメージ
５０ ＨＴＭＬ文書の表示欄

Claims (1)

1. ユーザーから入力された情報に基づいて、インターネット上の洋服の販売に関する通信販売のモデルが着用した商品の画像と商品情報とサイズ表からなるホームページの商品ページを構成するＨＴＭＬ文書を作成するプログラムにおいて、
   入力する情報として、
   商品情報を記述した文書、
   ＨＴＭＬ文書で呼び出す画像のＵＲＬまたはリンク先のＵＲＬ、またはこれら双方、
   商品のサイズの種類、
   を少なくとも要し、
   上記の情報をブラウザ上の入力フォームに入力することにより、商品の画像と商品情報とサイズ表からなるホームページの商品ページを構成するＨＴＭＬ文書を作成するに際し、
   情報入力後にホームページを閲覧するパソコン、モバイル携帯電話、スマートフォン、タブレット型端末を含む端末機器の種類別の商品ページのプレビューイメージを作成しユーザーに提示する手段を有する商品ページ作成支援プログラムにして、
   ユーザーが商店主端末のブラウザ画面上の入力フォームに商品ページ作成に必要なデータを入力する手順、
   前記データを端末機器の種類別に用意されるＨＴＭＬ文書に組み込む手順、
   端末機器の種類別のＨＴＭＬ文書を作成する手順、
   端末機器の種類別の商品ページのプレビューイメージを表示する手順、
   ユーザーが作成したＨＴＭＬ文書が正しいか正しくないかを選択する手順、
   正しくないと判断した場合はブラウザ画面上のリセットボタンをクリックすることにより再度入力フォームに戻る手順、
   作成したＨＴＭＬ文書を端末機器の種類別に表示する手順、
   を有することを特徴とする商品ページ作成支援プログラム。