「インタラクション，97」平成9年2月

CD−ROMとインターネットの連携技術を用いたオンラインショッピングシステム
矢川雄一†鵜飼ひろみ†田中晶†堀勝志‡柳邦宏††（株）日立製作所システム開発研究所‡日立西部ソフトウェア（抹）†〒215川崎市麻生区王禅寺1099番地 TEL（044）966−9111FAX（0劇）966−1796（yagawa，hiromi，akira−ta，ka−hori，k−yaJlagi）＠sdl．hitachi．cojp

1．はじめにそこで本研究では，宣伝コストとアピール性のトレードオフをインターネットによるオンラインショッピングなどEC（エ考慮し，商品を表現するメディアとしては写真画陵を，またそレクトロニック・コマース）ビジネスが立ち上がりつつある．

れらを束ねるメディアとしてはカタログのメタファを採用した．

本研究では，食料品や日用品など生活に密着した商品をネットワークを介して購入する場面を想定し，CD−−Rαlとインターネッ

一方で，この電子カタログの作成・更新にかかるコストが高トの連携技術を用いたオンラインショッピングシステムを開発くなるという問題がある．本システムでは，新旧カタログの差分を消費者に送悟する方法でカタログ更新コストを削減ナる．

した．本システムでは商品の写真画像をロトR伽で配布し，商（2）即時性と即応答性

品カタログの構成や隆段など最新の商品情報はインターネット

商品特性マップの縦軸の購入間隔は商品購入までにかかる説を介して送信する．また．使いやすさを指向し，実世界の本やカタログを模倣したユーザインタフェースを採用した．本発表

得時間に対応する．マップからも分かるように，食料品や日用で往 こられ商品情報提供方式をオンラインショッピングシス

い．このため，消費者からの要求に対しシステムは即座に応答テムにおけるインタラクションと捉え，システムの構成及び特できること（即応答性）が求められる．同時に，これらの商品は長とあわせて報告する．

在庫によって価格も変動するので，システムは常に最新の価格

品は日常の買い物であるから消費者は買うものをすぐに決めた情報や在庫情報を消費者に提供する必要がある（即樹軌

2．オンラインショッピングシステムに対する要件
2．1商品特性マップによるニーズ分析

情報の即時性を満たすインフラとしてはインターネットがある．しかし，商品を見るためだけにいちいちインターネットに

図1では，商品特性マップを用い，オンラインショッピングアクセスしていたのでは手間もかかるしお金もかかる．そこで，に対するニーズ分析を行った．マップ中の横軸に商品単価をと本システムでは，商品の写真画像などデータ量が多くかつ更新り，縦軸に咄購入間隔をとって，30歳独身男性（主報告者）頻度の少ないデータはあらかじめC㌻R側に格納して配布してを基準としていくつかの商品を大まかにプロットした（縦横とおき，商品カタログの構成や値段など最新情報はインターネッ
トを介し必要に応じて送信する構成とした．

もにログスケー／り．例えば，食料品や日用品は商品単価も安
く，購入間隔も短いのでマップの左下に配置し，車や家は商品単佑が高く，買うとしても一生に数回なので右上に配置した．

（3）利便性カタログショッピングを電子化するからには，紙の媒体ではまず，マップの左下に位置する商品群は，食料品や日用品なできなかった新しいサービスを創造できないと消費者へのアピ

ど毎日の生活において必要なモノであり，日常隼鱒においてシールも少ない．−そこで，何を買うべきか迷ってしまう，またはョッピングする機会の多い商品である．また，紙媒体によるカ買うべきものを買い忘れてしまう，などといった買い物につきものの特性に着目し，これらをサポートするいわゆる御用聞

タログ通悟販売も比較的普及している．このため，端末やネットワークなどインフラが整えばニーズも必然的に高まると考え，き」的な機能を持ったホームサービスエージェントという概念

本研究ではこれら単価が安く購入間隔が短い商品をオンラインを導入した．

ショッギングの対象とした．また，物流，高信頼取引，電子決済など，クリアすべき課題はたくさんあるが，本報告ではオンラインショッピングにおけるインタラクションとして商品情報提供方法に限って話を進める．
一方，マップの右上に位置する商品群札家や車など購入に映像ナビケ●−

あたっては詳細検討が必要なものばかりである．このため，個シ］ンシステム別販売や対面販売などが主となり，オンラインで契約そして決静止画中心済まで行う形態には移行しにくい．オンラインでの商品情報提

電子カタログ
低供方法としても，面白さや対話性といったコ々−シヤル的要素が求められるので，本研究の対象から外し，別に映像情報とW
W呵青報を融合した情報捷供方法の研究を進めている，これについては，男l用虹1］にて報告する．

1万円 高
商品単価

図1商品特性マップによるニーズ分析
3．オンラインショツビングシステムの商品堕墾提供方式

3■1システ叩
2．2 システム要件と開発方針

オンラインショッピングシステムの草本構成を図2に示す．

（1）低コスト

まず，コンテンツ作成システムでは，商品の写真をディジタル

商品情報提供の戟点から商品特性マップを見直すと，まず横化し，画面で見易いように編集・加工したのち，αH氾Mに格軸の商品単価は商品の宣伝コストに対応する．商品単価が安ければ安いほど単品当たりの宣伝コストも安くならざるをえない．

布しておく．このq｝mM単体でもショッピングできる構成

納する．そして，この皿を会員消費者にあらかじめ配a〃prototypingofaL10n−1ineShoppingSyslembyUsingtheMedi

FusionTechniqueofCD−ROMandhtemet
映できない．そこで，ショッピングサーバで楓商品データベ
YuichiY＆gaWa，HiromiUkai，AkiraTanaka，KatsushiHoriandースなどの管理を行い，消費者から要求があった場合はデータ
KunihiroY肌agl．

ぺ−ス内の最新情報をカタログに反映させたり，逆に消費者かSystemsDevelopmentIAboratory，Hitachi，Ltd−43−

らの情報（注文書等）を受注データベースに格納したりする．
その際，消費者は電子カタログソフトウェアを用いて商品情報

ーカ／レ、−ドディスク中の商品データベースにアクセスし，商の参照や注文を行う．

やアイコンは≠一夕ベースに記載されたパス名とファイル名を品ごとにデータ卑カタログテンプレートに配置する・写真画像参照してdゝR伽にアクセスするので即表示可能である．また，カタログテンプレートではあらかじめデータベースの各項目ごとに画面での配置を決めておく．商店側でいちいち電子カタログを作成する必要もなく，データベースのメンテナンスの電子カタログソフトウェアとショッピングサーバとのデータ送受信はm脚t触n伽りによる・このため，電子カタログソフトウェアはmクライアントを内蔵する・

また，商品の利用例などの関連情報をWWWブラウザで参照できるようなイ㌢タフエースも用意した．同じく，ショッピングみ行っていればよいので，結果的にコスト削減につながる．

また，即時性を保つためには，消費者側の商品データベースを最新内容に更新する仕組みが必要になる．このためには，ササーバはWWWサーバとデータベースサーバがCGI（ComrrK）nG鮨W卸叫頭胱）プログラムを介して連動する仕組みとなっている．また，例えば商品の値段を変更するなど，ショッピングサーバに対する情報の入九参照，及び更新を商店側で行う場ーバ側のデータベース参照をmを介して行う仕掛けがあればよく，これはまさにWWWブラウザが通常行っている仕事である．そこで，電子カタログソフトウェアではm通信機能をオンラインショッピング向けにカスタマイズし，ユーザの換作≡劉憤を簡略化した．例えば，サーバへの最新情報問い合わせ合は，イントラネット経由でホームページ上で作業する・は前回問い合わせ時間をキーに差分だけを検索できるようにモジューノ叫ヒした．同時に，サーバから返されるデータを消費者側のデータベースに反映するプログラムや差分内容をユーザに通知するプログラムも用意した．注文書の送付についても同様にサーバ側の受注データベースをmを介して更新する．
ホームサービスエージェントは，消費者側のデータベースが更新された際に条件をチェックする／レー／レヾ−ス型のエージェントである．例えば，商品データベースが更新された時にその内容を通知したり，購入履歴を見てある一定周期ごとに買っている商品ならi雅人を薦めるなど，案内や箆実の役割を担う．
なお，インタラクション‡洩人イヒエージェントによる．

図2 オンラインショッピングシステムの構成

目次

抽げ厚みホ○タン

3．2カタログユーザインタフェース
購入ボタン

図3に示すように，電子カタログソフトウェアの画面はメニ
ューバー，商品表示領域，ツールバーからなる．メニューバーには商品を分類検索する目次やサーバへボタンーつでアクセスする「これっきり通信ボタン」などがある．ツールバーにはエージェントのメッセージ領域や注文夢を表示＆送什するボタンがある．また，楽しげなショッピングを演出するため，実行中はバックミュージックを流す．

商品表示領域ではカタログを見開き彗鋸讃己置し，各人トージをさらに3簡呪フレーム）に分割している．各フレームごとに基
本的には2種類の商品を表示するが，お買得晶や新発売品は目立たせるため，1つの商品の写真を大きくかつアイコンも表示する．商品情報としては商品名，規格，写真，価格を常に表示し，商品によってはお買得等のアイコンや値下げ・売切れ情報も表示する．また，購入ボタンをクリックすると個数がポップアップされるので，この中から必要な個数を選択する．見開き

図3 カタログユーザインタフェース

4．まとめ
本報告では食料品や日用品など生活に密着した商品をネッ
トワークを介して購入するためのオンラインショッピングシス

ページの両脇には現在表示中のムー⊥ジ番号に応じた嘩のカタロ

テムとそのインタラクションとしての商品情報提供方式についグ厚みボタンを表示する．右側のボタンをクリックすると順方くる．この際，ページをめくるアニメーションを表示するととて報告した．今後は以下の課題を解決すべく研究を進める．
（1）アピール性を増すためレイアウトを豊富にし，かつ商品情報の属性からレイアウトを自動的に決定できるようにする．

もに，めくる鞄果音を再生する・以上のユーザインタフェース（2）購入履歴などをもとに消費者の嗜好にあったカタログのカ向にべージめくりし，左側ボタンをクリックすると逆方向にめスタマイズ方法を導入する．

は報告者等が開発したアルバムメタファ閉を参考にして設計→、 した．まち商品表示領域では商品情報を個別た詳細表示するモードや商品名と任侠を表形式で一覧表示するモードも設けた．

参考文献

3．3CMMとインタ丁ネットの連携技術

プ映像ナビゲーションシステム，，情処学会インタラクショ凋7（予定）［1］田中 他： 映像とⅥ叩の連携技術を用いたインタラクティ［2］Y．Yagawa，et al．： ¶le DigitalAlbum：A Personal

電子カタログソフトウェアではページをめくるたびに画面を作成する必要があるが，いちいちショッピングサーバにアクセ

File−tain肥nt Systed

スしていたのでは即応答性を保証できない．そこで，通常はロMultimediaCcq）utingAmdSystens，pP433−439−44−，The 3rdIEEEInt．Ccnf．On