つながり Explorer：関連の提示に基づく対話的商品探索インタフェース
韮益澤 賢 三†子宗††

岩 淵 志 学††
田 中 二 郎†

本稿では，商品間の関連を提示し，対話的な商品探索を可能とするインタフェースである，つながり Explorer について述べる．つながり Explorer は，e コマースサイトにおける履歴内の商品から，ユーザが未知の関連商品を発見することを支援する為のインタフェースである．選択した商品間の共通属性を提示し，その属性を持つ他の商品をユーザに提示する．マルチタッチ対応のスレート端末上に表示された商品をタッチ操作で入れ替えることによって，試行錯誤を重ねながら対話的な探索を行うことが可能である．我々はインタフェースの実装を行い，ケーススタディを行うことによってつながり Explorer の関連提示と対話的探索について考察した．

Tsunagari Explorer : Interactive Item Seeking Interface
Based on Presentation of Relation
Kenzo Nirasawa,† Shigaku Iwabuchi,†† Soh Masuko††and Jiro Tanaka †In this paper, we describe Tsunagari Explorer, which enables users to search items interactively by visualizing relationships of items. The system aims to support users to discover items
that are relevant to the items in browse history or purchase history. It presents relationship of
two items when they share same attributes. Implementing on slate devices which can receive
multi touch events, the users can search the items interactively as they continue trial anderror. We conducted a case study and examined advantage of visualization of relationshipand interactive search.

は，2 つの問題があると考える．1 つ目は，レコメン

1. は じ め にドされた商品が履歴の中の商品とどのような関連があe コマースサイトにおける購買が盛んに行われているのかが明示的でない点である．その上，どのようなる．総務省によると，インターネットによって商品の関連がある商品について表示するかはシステム側に委購入，金融取引を行った経験のある人の割合は日本のねられており，ユーザが自由に設定することができな

1)

人口の約 53.3%である ．

い．2 つ目は，ユーザは履歴の中の商品のページに移e コマースサイトの利用方法の一つに，自分の閲覧動し，そのページの中から関連商品として提案された履歴や購入履歴を見ながら，それらに関連する，未だ商品のページに移動し，という様に頻繁にページ遷移知らない商品を検討するという方法がある．以下，閲を行わなければならないという点である．これはユー覧履歴と購入履歴をまとめて履歴と呼ぶ．e コマース

ザにとって大変煩わしい．

サイトにおいて履歴から商品を探索したい場合，シス本研究では，これらの問題を解決するため，e コマー

テム側から一方的にレコメンドされる商品（図 1）をスサイトにおける商品間の関連を提示し，試行錯誤を閲覧しながら検討することとなる． しかしこの方法に重ねながら，履歴内の商品の関連商品の対話的な探索を可能とするインタフェースである，つながり Ex-† 筑波大学大学院システム情報工学研究科
Graduate School of Systems and Information Engineering, University of Tsukuba†† 楽天株式会社 楽天技術研究所
Rakuten Institute of Technology, Rakuten Inc.

plorer を開発した．つながり Explorer の利用シーンとして，ユーザが e コマースサイトの履歴を見ながら，それらの商品に関連する，未知の商品を探索するという場面を想定している．複数商品を選択すると，それ情報処理学会 インタラクション 2011

いているのに対し，本研究は多次元の関連を提示し，様々な側面から探索を行えるという点で異なる．

3. 提 案 手 法
図 1 履歴からの商品レコメンド
Fig. 1 Recommendation from browse history

つながり Explorer は，従来の履歴からの商品探索における問題を解決するための，対話型商品探索インタフェースである．以下，我々が提案するインタフェーらの商品について関連のある属性値が提示される．以スと探索の流れについて述べる．

降，例えば本であれば作者，発売年，掲載誌といった，3.1 つながり Explorer の特徴

各商品が持つ情報のことを属性と呼び，また，属性の今回は，本の探索というシーンを想定し，探索対象具体的な値，例えば作者名や雑誌名等を，属性値と呼の商品は本のみとする．先に挙げた問題点を解決する

ぶ．提示された属性値を選択することにより，その属ため，つながり Explorer は以下の機能を有する．

性値を持つ他の商品を提示することができる．

(1)

つながり Explorer は iPad 上で動作するアプリケーションとして実装した．iPad はマルチタッチ対応の本の持つ属性値とその属性値を持つ本を提示し，関連する他の本を容易に探索可能(2)

対話的な探索が可能デバイスであり，複数の商品を同時にタッチして操作

以降の節にて，これらの機能について説明する．

しながら探索を行うことができる．これによって，従3.1.1 関連属性の提示

来の e コマースサイトにおける問題であったページ間履歴の中から複数冊の本を選択し，仮想空間内のの行き来を無くし，対話的な検索を行うことが可能とテーブルに配置すると，図 2 の様に，複数冊の本の間なる．

で関連する属性のラインと，その属性値が示される吹き出しが表示される．以降，履歴の中から選択された

2. 関 連 研 究

本をクエリ本と呼ぶ．図 2 は，図の下部の領域に配置

対話的な探索を行うインタフェースとして，Ahlbergらの研究

2)や，Hansaki らの研究

3)されているクエリ本が，共に 2004 年に発売された本が挙げられる．

であるという関連を持っていることを示している．こAhlberg らはスライダ等によってクエリを変更させの状態から吹き出しをタッチすると，図 3 のように，ながら動的に検索結果を変更して表示するというインタッチされた属性について共通する他の本（以降，関タフェースを考案した．また，Hansaki らはインタラ

連本と呼ぶ）が表示される．図 3 は，クエリ本と同じクティブにクエリを生成し，検索の際の試行錯誤を支年に発売された本が複数冊表示されている様子である．

援するインタフェースを開発した．

履歴から他の本を探索する際，ユーザは属性別に本また，柳瀬らは，映像検索の為の複数ビューを持つ
4)を探索してみたい，という欲求を持つ場合がある．し対話的インタフェースを提案している ．本研究は，かし，図 1 の様な従来の e コマースサイトにおける履

実際にユーザの閲覧履歴にある本を移動させることに歴からのレコメンドは，システム側から一方的にレコよって動的にクエリを変更するため，より直感的に商メンドされるものであり，このような欲求を満たすこ品探索を行うことができる．また，本の間の距離を探とはできない．つながり Explorer では，複数冊の本索のクエリとして利用できる点が異なる．また，これの間の関連属性，および属性値の提示と，選択されたらの研究が言語，または数値をクエリとして用いてい属性値と関連する属性値を持つ本を表示することによるのに対し，本研究は本そのものをクエリとして用いり，上記の様なユーザの欲求を満たすことが可能であることによって，より直感的な探索を行うことができる．なお，本の属性としては様々なものが考えられるるという点も異なる．

が，今回は作者，年代，掲載雑誌の 3 属性を用いた．

検索対象が一つに決まっておらず，漠然とした探索

3.1.2 対話的な検索

条件下における探索支援を目的とした研究が挙げら本棚とテーブルのメタファを用い，つながり Ex-れる．野間田らの GraphicalRecipes5) は，食材をクplorer は，対話的な探索を可能にする．ユーザが興味エリとして追加することによって，その食材を用いたがある本を本棚からテーブルに本を持って行くと，関料理とのつながりを提示して料理の探索を支援する．

連属性が提示される，という方法によって画面遷移無GraphicalRecipes が，ユーザが選択した食材が料理しに探索を行うことができる．の材料に含まれているか否かという一次元の情報を用

本棚に入っている本を複数冊選択してテーブルに移つながり Explorer：関連の提示に基づく対話的商品探索インタフェース

図 2 関連属性の提示
Fig. 2 Presentation of a related
attribute

図 3 吹き出しをタッチした図
Fig. 3 After bubble is touched

図 4 距離によって本の数が変化
Fig. 4 The distance decides the numberof displayed books

動させると，それらの本に共通する属性が表示され本棚ビューる．また，マルチタッチ対応のデバイスを用いることによって，クエリ本を次々に変更して，様々な試行を画面遷移無しに行うことが可能である．
また，クエリ本の間の距離によって，表示する関連本の数を動的に変更することも可能である．図 3 の状

テーブルビュー

態から，クエリ本の間の距離を短くした状態を図 4 に示す．図 3 では関連本が 12 冊表示されていたのに対し，図 4 では 4 冊に減っているのがわかる．この状態からクエリ本の間の距離を伸ばすと，表示される関連

図 5 つながり Explorer の概観
Fig. 5 Overview of Tsunagari Explorer

本の数が増加する．これに売り上げ数の情報を組み合わせることにより，近づけたときは人気のある関連商品だけを表示し，遠ざけたときはあまり有名でない商望ましい．以上の要件から，つながり Explorer はマ品も表示する，ということが可能になる．更に，関連ルチタッチ対応のスレート端末である iPad のアプリ

度を数値化して，近づけたら関連の強い商品のみを表ケーションとして実装した．今回利用する本のデータ

示，といったインタラクティブな関連商品提示を行うは，楽天より公開されている楽天市場の全商品データことも可能になる．の中から楽天市場が出品している漫画のデータを抽出

e コマースサイトにおいては，様々に条件を変えて商品検索を行う場合，ページ遷移を頻繁に行わなければならない．特に履歴から商品の探索を行う場合の様した．
なお今回は，2 冊の本の間の関連本を探索することを想定して実装を行った．に，特定の一つの商品ではなくユーザ自身も知らない

4.1 インタフェースの構成

商品を探索する際は，ユーザは試行錯誤を繰り返して4.1.1 本棚ビュー

未知の商品を探索していく．つながり Explorer では，

図 5 の上部が本棚ビューである．ここにはユーザ

画面遷移が無く動的に本の間の関連が表示されていくの履歴内の本が表示される．この中にある本をタッチため，試行錯誤を繰り返して商品を探索する場合に有することによって選択し，ドラッグによって次に示す効であると言える．

テーブルビュー上に移動させる．これらの移動させた

4. 実

装本がクエリ本である．

4.1.2 テーブルビュー

つながり Explorer は，複数冊の本を探索対象とし

図 5 の下部，本棚ビューの下の部分がテーブルビューて利用でき，探索結果として複数冊の本を提示するたである．関連の提示は，テーブルビュー上に配置されめ，提示のためにある程度のスペースが必要となる．

たクエリ本について行われる．現在は，2 冊のクエリ

また，複数冊の本を操作しながら対話的に探索を行う

本をテーブル上に配置した際にそれらの関連属性をラため，マルチタッチに対応したデバイスであることがインと吹き出しによって提示している．ラインは，図 2

情報処理学会 インタラクション 2011

せることによる関連本の表示の変化を，多くの被験者が頻繁に活用していた．これに関連するコメントとして，「表示される本がランダムで変化するのが楽しい」
図 6 作者関連のライン
Fig. 6 a line relatedwith the writer

図 7 雑誌関連のライン
Fig. 7 a line relatedwith the magazineというコメントが 2 名から得られた．また，各被験者の 3 分間における試行回数は，平均 28 回であった．この試行回数の多さとコメントから，つながり Explorerの商品探索手法が，手軽さの面でも，探索に楽しさを〜図 4 に示されている年代関連のラインの他にも，関連属性によって作者関連のライン（図 6），雑誌関連のライン（図 7）が表示される．

4.2 関連の提示条件与えるという面でも有用であると考えられる．

6. まとめと今後の課題
本研究では，商品同士の関連を提示し，対話的に商品今回の実装では，作者と掲載雑誌に関しては，テー探索が行えるインタフェースであるつながり Explorer

ブルビューに配置した 2 冊のクエリ本の各属性についを提案，実装した．また，ケーススタディを行い，関て，共通する属性を持つ本を関連本とした．発売年に連の提示と，対話的探索の有用性についての考察を関しては，閾値を設け，2 冊の本の発売年の差が閾値行った．

以下の場合は，その間に発売された本を関連本として今後の課題として，関連の提示方法や関連として考表示する．また，つながり Explorer では，3.1.2 節に慮する要素を突き詰めていくことが挙げられる．例えて述べた様に，クエリ本の間の距離を変化させることば，作者間，雑誌間の関連度を数値化し，本の間の距によって表示される関連本の数が変化する．今回，ク離に応じて関連度の大きいものから表示することや，エリ本の距離を延ばすことによって新たに表示されるジャンル，類似ユーザの履歴を考慮する等．様々な関関連本は，該当する属性値を持つ全ての関連本の中か連を考慮した提示を行いたいと考えている．

らランダムで選択されることとした．

5. ケーススタディ

本研究は「大規模情報コンテンツ時代の高度 ICTケーススタディとして，3 名の大学生と 3 名の大学専門職業人育成」事業の支援を受け，筑波大学と楽天院生に，つながり Explorer を用いて本の探索を行っ株式会社との教育研究一体型プロジェクトにより実施てもらった．事前に各学生に好きな漫画を 10〜15 冊されたものである．

挙げてもらい，それらの漫画に関連し，かつ「読んで参 考みたい」と思える本を発見する，というタスクを 3 分間行ってもらった．タスクを行っている間，著者が試行回数をカウントした．ここで，試行回数とは，本の組み合わせを変更したりクエリ本の距離を変化させた
りして，提示する関連本を変化させた回数である．タ
スク終了後にはインタフェースに対する感想等のコメントを求めた．

5.1 結果と考察
被験者は，作者，年代，掲載雑誌の 3 属性の中では年代について着目することが多く，「タイムラインを見たい」「同時期の同雑誌で掲載していた漫画を見てみたい」といった意見が得られた．
「意外な年代の関連が見つかった」というコメントが，半数の 3 名から得られた．また，各被験者が興味を持った全漫画のうち，57%が年代関連から発見された漫画であった．これらの結果より，同年代の本の提示を行うことが興味ある本の発見に役立っていると考えられる．
被験者を観察していると，クエリ本の距離を変化さ文

献

総務省（編）：平成 22 年度版情報通信白書(2010).
2) Ahlberg, C. and Shneiderman, B.: Visual information seeking: tight coupling of dynamic
query ﬁlters with starﬁeld displays, CHI ’94,
ACM, pp.313–317 (1994).
3) Hansaki, T., Shizuki, B., Misue, K. andTanaka, J.: FindFlow: visual interface for information search based on intermediate results,
Proceedings of the 2006 Asia-Paciﬁc Symposium on Information Visualisation, Vol.60, pp.
147–152 (2006).
4) 柳瀬健吾，孟 洋，佐藤真一，坂内正夫：複数のビューを用いた対話的な映像検索手法の提案，情報科学技術フォーラム一般講演論文集， Vol.2002,
No.2, pp.49–50 (2002).
5) 野間田佑也，星野准一：GraphicalRecipes:レシ
ピ探索支援のための視覚化システム，芸術科学会
論文誌， Vol.7, No.2, pp.43–54 (2008).

1)