<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>8 million Concepts &#187; interface</title>
	<atom:link href="http://ccc.dangkang.com/tag/interface/feed/" rel="self" type="application/rss+xml" />
	<link>http://ccc.dangkang.com</link>
	<description>This blog presents some useful concepts lisenced by Creative Commons.</description>
	<lastBuildDate>Wed, 04 Jan 2012 13:46:31 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>インタフェースにおける地図と写真</title>
		<link>http://ccc.dangkang.com/2008/07/06/%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%95%e3%82%a7%e3%83%bc%e3%82%b9%e3%81%ab%e3%81%8a%e3%81%91%e3%82%8b%e5%9c%b0%e5%9b%b3%e3%81%a8%e5%86%99%e7%9c%9f/</link>
		<comments>http://ccc.dangkang.com/2008/07/06/%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%95%e3%82%a7%e3%83%bc%e3%82%b9%e3%81%ab%e3%81%8a%e3%81%91%e3%82%8b%e5%9c%b0%e5%9b%b3%e3%81%a8%e5%86%99%e7%9c%9f/#comments</comments>
		<pubDate>Sun, 06 Jul 2008 03:44:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[concept]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.dangkang.com/ccc/2008/07/06/%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%95%e3%82%a7%e3%83%bc%e3%82%b9%e3%81%ab%e3%81%8a%e3%81%91%e3%82%8b%e5%9c%b0%e5%9b%b3%e3%81%a8%e5%86%99%e7%9c%9f/</guid>
		<description><![CDATA[しばらく本業がばたばたしていたので投稿できませんでした．今回は，インタフェース考ということで，地図と写真を使ったサービスについて検討したいと思います． インタフェースにおける地図と写真 今回はまず企画以前の問題として，イ [...]]]></description>
			<content:encoded><![CDATA[<p>しばらく本業がばたばたしていたので投稿できませんでした．今回は，インタフェース考ということで，地図と写真を使ったサービスについて検討したいと思います．</p>
<p><span id="more-64"></span></p>
<h3>インタフェースにおける地図と写真</h3>
<p>今回はまず企画以前の問題として，インタフェースについて考えてみたいと思います．今回は，地図と写真を題材として取り上げます．</p>
<p>地図とは，実空間(土地)を抽象化したパタンであり，写真は，実空間を切り出したフレームといえます．これらは，当然のことですが，リアルオリエンテッドであるため，ユーザの興味を最大公約数的に引き出しやすい素材といえます．例えば，地元(土地)が同じ有名人，あるいは，その場所に過去に滞在した経験がある場合の写真，これらに対して私たちは少なからず共感を抱くでしょう．しかしながら，実空間を想起させないもの，例えば音楽や抽象画については，人によって解釈も様々であり，最大公約数的な共感を得ることは困難であるといえます．</p>
<p>ところで，web serveiceやweb applicationを離れて，Human Computer Interactionに話題を移すと，tangible compuitingと呼ばれる領域が存在します．これは，マウスやキーボードによりコンピュータを操作することなく，手などを用いてオブジェクトを操作することで，隠避された情報を扱うことができるというコンセプトに基づいています．コンピュータからの出力結果も，ディスプレイのウインドウに限定されるのではなく，オブジェクトから直接音を出したり，サーフェイスに直接プロジェクションを行います．例えば，ボトルのふたを開けると，音楽が流れ始める<a href="http://tangible.media.mit.edu/projects/musicbottles/" target="_blank">music bottoles</a>という有名な作品があります．また，Bjorkが使ったことで有名になった<a ref="http://reactable.iua.upf.edu/"  target="_blank">reactable</a>もtangible computingです．このようなtangible computingは，手元という身体(の先)で操作する場所に結果を出力していることから，インタラクションが起こる場所において，身体と思考の一致という現象が起こります．</p>
<p>一方，マウスとキーボードに依存した従来のGUIは，身体と思考が断絶しています．マウスというメタファに依存し，キーボードを押すと文字が表示されるというルールに依存しています．身体と思考を一致させるのであれば，画面を直接操作する必要が生じます．<br />
# Microsoftの<a href="http://www.microsoft.com/surface/index.html" target="_blank">Surface</a>はまさにそれを目指しているといえます．</p>
<p>地図と写真を並存させたインタフェースを持つwebページは，デスクトップコンピューティングにおける思考と身体の断絶を回復する意味を持ちます．通常のwebは，ウインドウが重なることで，その断絶をさらに助長します．しかしながら，地図を中心にインタフェースを設計したいくつかのwebサービスは，地図上に直接写真を表示させることで，デスクトップの外での身体と思考の断絶は維持しつつも，デスクトップ，さらにいえば，ブラウザの中での断絶を回避する効果を持ちます．</p>
<p>このように思考と身体を一致させることで，インタフェースが透明に近づきます．透明に近づくことで，操作性に関するストレスが減少し，ユーザエクスペリエンスが向上すると考えられます．</p>
<p>では，実際に地図と写真を使ったwebサービスをいくつか紹介しましょう．</p>
<blockquote>
<p><a href="http://snapshot.trulia.com/" target="_blank">Snapshot</a><br />
マイクロソフトヴァーチャルアースの地図上に住宅物件のサムネイルを表示させるインタラクティブな住宅マップ．<br />
via <a href="http://jp.techcrunch.com/archives/20080529trulia-brings-sweet-eyecandy-to-the-housing-market/" target="_blank">TechCrunch</a><br />
<a href="http://www.ichiten.com/" target="_blank">住所パワー</a>とマッシュアップさせて日本でも同様のサービスを展開してほしいです．</p>
<p><a href="http://hotpads.com/main.htm" target="_blank">Hotpads</a><br />
こちらも同様に，地図上に写真をマッピングしているが，家賃率のヒートマップを視覚化したサービスである．<br />
via <a href="http://jp.techcrunch.com/archives/20080610not-sure-whether-to-rent-or-buy-check-the-heat-map/" target="_blank">TechCrunch</a></p>
<p><a href="http://googlejapan.blogspot.com/2007/10/picasa.html" target="_blank">picasa</a><br />
googleのウェブアルバムpicasaでは，geotagをエンベッド可能なデジカメやGPS機能つきの携帯電話で撮影した写真を地図で展開することができる．</p>
</blockquote>
<p>さて，実際に提案したいサービスは，レストランを地図上にマッピングしたwebサービスです．以前<a href="http://www.dangkang.com/ccc/2007/12/23/%E5%9C%B0%E5%9B%B3%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%95%E3%82%A7%E3%83%BC%E3%82%B9%E3%82%92%E7%94%A8%E3%81%84%E3%81%9F%E3%83%A9%E3%83%B3%E3%83%81%E6%83%85%E5%A0%B1%E5%85%B1%E6%9C%89cgm/"  target="_blank">ランチ情報共有サービス</a>を提案しましたが，これは地図を中心としたインタフェースそのものを提案したものでした．今回はさらに写真を追加します．食事の満足度の多くは視覚に寄る部分が多いことはよく知られています．さらにいえば，それは実際の料理だけでなく，内装までも含むと考えます．顧客を確保するには，まずwebサイトを構築する金額の何パーセントかの予算を写真を撮影する予算に移譲すべきでしょう．食べログなどのCGMに掲載されたユーザの写真よりも，プロに十分な予算をもって依頼した美しい写真をネット上に流布させるべきです．いくらwebサイトが綺麗でも口コミがよくても，内装や肝心の料理の写真が美しくなければ新規顧客の開拓率は上がらないでしょう．</p>
<p><iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=dgramgra-22&#038;o=9&#038;p=8&#038;l=as1&#038;asins=4757101880&#038;fc1=4E4E4B&#038;IS2=1&#038;lt1=_blank&#038;lc1=E78F04&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr&#038;nou=1" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<p><iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=dgramgra-22&#038;o=9&#038;p=8&#038;l=as1&#038;asins=478285126X&#038;fc1=4E4E4B&#038;IS2=1&#038;lt1=_blank&#038;lc1=E78F04&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr&#038;nou=1" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://ccc.dangkang.com/2008/07/06/%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%95%e3%82%a7%e3%83%bc%e3%82%b9%e3%81%ab%e3%81%8a%e3%81%91%e3%82%8b%e5%9c%b0%e5%9b%b3%e3%81%a8%e5%86%99%e7%9c%9f/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

