<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-25173450</id><updated>2011-11-28T08:57:07.926+09:00</updated><category term='ユーザー参加'/><category term='アトモスフィア'/><category term='インタラクションのデザイン'/><category term='外食産業の広告'/><category term='映画・ドラマのサイト'/><category term='音表現'/><category term='交通機関の広告'/><category term='3DCG'/><category term='エクスペリエンスデザイン'/><category term='ネットでの映像表現'/><category term='サウンドスケープ'/><category term='不動産建築業界の広告'/><category term='思ったこと'/><category term='写真の使い方'/><category term='ブランディングサイト'/><category term='見せ方'/><category term='レイアウト'/><category term='インタラクティブとは'/><category term='バナー'/><category term='環境系広告'/><category term='旅の広告'/><category term='リッチメディア'/><category term='車の広告'/><category term='テッキー'/><category term='ゲームの広告'/><title type='text'>いいサイト</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>34</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-25173450.post-8915790073636936190</id><published>2008-11-05T12:00:00.003+09:00</published><updated>2008-11-05T12:09:05.147+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交通機関の広告'/><category scheme='http://www.blogger.com/atom/ns#' term='旅の広告'/><category scheme='http://www.blogger.com/atom/ns#' term='レイアウト'/><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><category scheme='http://www.blogger.com/atom/ns#' term='写真の使い方'/><title type='text'>写真とレイアウトがよければ、決まるな。</title><summary type='text'>■ナッチャンRera - 新たな「船旅」を東日本フェリーから。残念ながら運行を中止してしまった、青森～函館を結ぶ東日本フェリーの高速船「ナッチャンRera」「ナッチャンWorld」のサイト。何がいいって、写真がいい。普通、こういった乗り物は「足」なわけだが、写真の見せ方が「エンターテイメントとしての乗り物」を表現している。サイトの作り自体はシンプルなものの、写真の使い方・レイアウトについては勉強になるだろう。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/8915790073636936190/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=8915790073636936190' title='1 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/8915790073636936190'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/8915790073636936190'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2008/11/rera.html' title='写真とレイアウトがよければ、決まるな。'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_76fs9MF3z6U/SREMyatWM9I/AAAAAAAABxE/u9_XiaRWr8s/s72-c/natchanrera.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-8507124523135174485</id><published>2008-08-03T18:45:00.001+09:00</published><updated>2008-08-03T18:49:09.801+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='音表現'/><category scheme='http://www.blogger.com/atom/ns#' term='アトモスフィア'/><category scheme='http://www.blogger.com/atom/ns#' term='不動産建築業界の広告'/><category scheme='http://www.blogger.com/atom/ns#' term='サウンドスケープ'/><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><category scheme='http://www.blogger.com/atom/ns#' term='インタラクションのデザイン'/><category scheme='http://www.blogger.com/atom/ns#' term='環境系広告'/><title type='text'>商品コンセプトにあったサイトの“空気”</title><summary type='text'>■風と太陽と水と。ダイワハウス　風流鯨大和ハウス工業が販売する、小型風力発電機、『風流鯨』のブランディング／商品サイト。商品そのものが、すばらしいプロダクトデザインを持っているうえ、サイトのデザインがその商品のコンセプトを体現しているような“空気”感を醸し出している。例えば、トップやコンテンツ間のトランジションに用いられる手書き風アニメ、ＢＧＭなど、複数の要素によって、それらが生み出されている。ＷＥＢサイト、特にブランディングサイトは「企業パビリオン」みたいなものだと思う。それゆえに、このような「サイトの“空気”」のデザインは非常に重要だ。サイトはエクスペリエンスを与えることができるからこそ、エモーショナルな点も計算に入れなければいけない。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/8507124523135174485/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=8507124523135174485' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/8507124523135174485'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/8507124523135174485'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2008/08/blog-post.html' title='商品コンセプトにあったサイトの“空気”'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp0.blogger.com/_76fs9MF3z6U/SJV-vUtEW1I/AAAAAAAABlA/cLfbfStwp6I/s72-c/daiwah_kazenagasukujira.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-5428810717765516689</id><published>2008-01-19T11:08:00.001+09:00</published><updated>2008-01-19T11:16:36.787+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><category scheme='http://www.blogger.com/atom/ns#' term='映画・ドラマのサイト'/><category scheme='http://www.blogger.com/atom/ns#' term='リッチメディア'/><title type='text'>レイヤー的に考える／Widgetはこう使う</title><summary type='text'>■FOX: Terminator-The Sarah Connor Chroniclesつい最近全米で始まった、Terminatorのスピンオフ・ＴＶドラマ「The Sarah Connor Chronicles」のサイトより。最近では over-lay 広告をめっきり見かけなくなってしまったが、サイトのデザインには使えるなと思ったのがこのサイト。正面の女性（サイボーグ）の部分は後ろのメニュー部分に対して前面にある、というレイヤー的なデザイン構造。それがこのシンプルなサイトの表現性を高めている。ただ、こうした構造が成功するには、前面レイヤーにあたる over-lay の部分よりも、その背景にくる部分のデザインがしっかりしてるかどうか、にかかっていそう。またこのサイトでは widget の配布を行っているが、なるほど、こうゆうのを配ればそりゃいいよね、と。勉強になります。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/5428810717765516689/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=5428810717765516689' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/5428810717765516689'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/5428810717765516689'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2008/01/widget.html' title='レイヤー的に考える／Widgetはこう使う'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp2.blogger.com/_76fs9MF3z6U/R5Fb1mdRbjI/AAAAAAAABE0/ygJ_7gb11NA/s72-c/fox-terminator.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-3700011179090574867</id><published>2008-01-15T06:34:00.000+09:00</published><updated>2008-01-15T06:43:53.000+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='ユーザー参加'/><category scheme='http://www.blogger.com/atom/ns#' term='外食産業の広告'/><category scheme='http://www.blogger.com/atom/ns#' term='ブランディングサイト'/><title type='text'>怒れるハンバーガー!!</title><summary type='text'>■BURGER KING: ANGRY-GRAMBURGER KING と Chrispin Porter + Bogusky の組み合わせでまた面白いこと始めてます。同社の売れ筋商品である、WHOPPER のキャンペーン。怒りのメールを書くと、それがハンバーガーになって相手に届き、その相手がメールを開くと、怒れるWHOPPERがしゃべりだす、というもの。普通、広告のキャンペーンって「怒り」とかそういう否定的なものは使わないんだけど、やっぱりそこは、CP+B、うまく仕上げています。また、メールの内容入力画面で、頭文字をいれると suggestion となる単語が出てくるなんて機能もあります。これは Google Suggest からヒントを得たのだと思いますが、こういったＵＩも大事ですね。ユーザーが使いやすいキャンペーンサイトって視点でもよくできています。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/3700011179090574867/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=3700011179090574867' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/3700011179090574867'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/3700011179090574867'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2008/01/blog-post_15.html' title='怒れるハンバーガー!!'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp1.blogger.com/_76fs9MF3z6U/R4vVx2dRbiI/AAAAAAAABEA/MCXJQi5IFcA/s72-c/angry-gram02.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-1653575494077228633</id><published>2008-01-13T13:11:00.000+09:00</published><updated>2008-01-19T11:37:45.296+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='車の広告'/><category scheme='http://www.blogger.com/atom/ns#' term='インタラクティブとは'/><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><category scheme='http://www.blogger.com/atom/ns#' term='インタラクションのデザイン'/><title type='text'>カーソルで操作させる</title><summary type='text'>■ HONDA CROSSROAD MESSAGESHONDAのSUVのブランディングサイト。同車のベネフィットにまつわる１８のメッセージを探すようになっている。おもしろいのは[-&gt;]（＝右カーソル）で遷移させること。マウスでクリック、だけでなく、色々なキーを押させるのも手だが、ひとつのキーだけ、というのがよくできている。押し続ける＝ユーザーの意識が画面に行く、ってこと。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/1653575494077228633/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=1653575494077228633' title='2 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/1653575494077228633'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/1653575494077228633'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2008/01/blog-post_3687.html' title='カーソルで操作させる'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp0.blogger.com/_76fs9MF3z6U/R4mPvGdRbfI/AAAAAAAABDo/L1syiideVKE/s72-c/crossroadmessage.jpg' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-2746244076287654054</id><published>2008-01-13T11:33:00.001+09:00</published><updated>2008-01-13T11:41:17.570+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='ゲームの広告'/><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><category scheme='http://www.blogger.com/atom/ns#' term='ブランディングサイト'/><category scheme='http://www.blogger.com/atom/ns#' term='3DCG'/><title type='text'>数多くあるよ、の空間表現するならここまでやらなきゃ？</title><summary type='text'>■ PS3 Games UniversePlaystation 3 のゲームタイトルを紹介するサイト。おそらくゲームタイトルは多くなったよ、とかそういう意味合いで作ったのだろう。空間表現をするなら３Ｄ的な奥行き表現が「量」の表現をしやすいのか。ひさびさにフルスクリーン化されるサイトを見ましたが、やっぱりブランド世界に引きずり込まれやすい。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/2746244076287654054/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=2746244076287654054' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/2746244076287654054'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/2746244076287654054'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2008/01/blog-post_5782.html' title='数多くあるよ、の空間表現するならここまでやらなきゃ？'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp1.blogger.com/_76fs9MF3z6U/R4l4yWdRbeI/AAAAAAAABDc/RkrXWMeMusE/s72-c/ps3gameuniv.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-6072072897782831273</id><published>2008-01-13T11:21:00.000+09:00</published><updated>2008-01-13T11:40:22.285+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='車の広告'/><category scheme='http://www.blogger.com/atom/ns#' term='ネットでの映像表現'/><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><category scheme='http://www.blogger.com/atom/ns#' term='ブランディングサイト'/><title type='text'>テレビ的表現でテレビでできないことをやる</title><summary type='text'>■ La securite integrale de Mercedes-BenzMercedesの安全性を説明するブランディングサイト。オープニングの未来的な映像も秀逸だが、その後のインタラクティブな説明ムービーが秀逸。サイトの構成はディレクトリ的な構造で考えすぎるきらいがあるが、このようなインラインに展開するものもものによっては可能だし、積極的に使うべき。いってみれば、テレビ的表現でテレビでできないことをやるってこと。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/6072072897782831273/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=6072072897782831273' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/6072072897782831273'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/6072072897782831273'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2008/01/blog-post.html' title='テレビ的表現でテレビでできないことをやる'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp0.blogger.com/_76fs9MF3z6U/R4l2sGdRbdI/AAAAAAAABDU/Ndub-eCc01I/s72-c/lesecuriteintegraledemercedesbenz.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-5814204541613247408</id><published>2007-08-14T13:45:00.001+09:00</published><updated>2007-08-14T13:49:59.973+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='ユーザー参加'/><category scheme='http://www.blogger.com/atom/ns#' term='ブランディングサイト'/><title type='text'>未来のビールを飲んで、踊れ</title><summary type='text'>■ Heineken DRAUGHTKEG自分の顔、友達の顔をアップロードして、みんなで踊れる。しかも、↑のようにブログに貼り付けられるってのもイマドキで面白い。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/5814204541613247408/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=5814204541613247408' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/5814204541613247408'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/5814204541613247408'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2007/08/blog-post_6245.html' title='未来のビールを飲んで、踊れ'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-376640878665529532</id><published>2007-08-10T23:41:00.000+09:00</published><updated>2007-08-10T23:46:45.105+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='音表現'/><category scheme='http://www.blogger.com/atom/ns#' term='ネットでの映像表現'/><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><category scheme='http://www.blogger.com/atom/ns#' term='ブランディングサイト'/><title type='text'>シンプルなショウ体験</title><summary type='text'>ISSEY MIYAKE BRAND WEBSITEこれは秀逸すぎるムービー。Branding site はこのぐらいシンプルにイメージを伝えるのもありなのではないか？やたらと「見せられるもの」が多いよりは。むやみやたらにクリックさせるインタラクティブよりも、ココロがブランドにインタラクションを起こしてしまう、そんなサイトだ。おっと、Masahiko Sato のクレジットが。やはりすごいわ。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/376640878665529532/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=376640878665529532' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/376640878665529532'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/376640878665529532'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2007/08/blog-post.html' title='シンプルなショウ体験'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp0.blogger.com/_76fs9MF3z6U/Rrx5TiI8HyI/AAAAAAAAA6U/5SGfPEwgDRM/s72-c/isseimiyake.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-4259817171219087177</id><published>2007-06-23T15:00:00.000+09:00</published><updated>2007-06-23T15:06:20.198+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><title type='text'>無限に続くドライビングシーン</title><summary type='text'>■ Saab - infinite drive自動車メーカーのサイトには秀逸なものが多いが、あらゆる要素をそぎ落とし、ドライブ感覚のみにフォーカスしたこのサイトは、2004年のカンヌで金賞を受賞。いまだに自動車系サイトでは最高のエクスペリエンスを与えているサイトだと思っている。なぜなら、普通、自動車のプロモーションというものは外装や内装を見せたがるものだが、このサイトは、ユーザーが実際に乗っている感覚のみに、特化しているからだ。だからこそ、エクスペリエンスサイトの最高峰に位置するサイトだと思うのだ。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/4259817171219087177/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=4259817171219087177' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/4259817171219087177'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/4259817171219087177'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2007/06/blog-post.html' title='無限に続くドライビングシーン'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-1787553062978251919</id><published>2007-06-15T23:10:00.000+09:00</published><updated>2007-06-15T23:15:14.419+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><category scheme='http://www.blogger.com/atom/ns#' term='リッチメディア'/><title type='text'>■BMW PACE</title><summary type='text'>■BMW PACE - Pursuit Across Europeひさびさに見つけた、リキの入った車メーカーサイト。やっぱり、ＢＭＷ。こういうのが“エクスペリエンス”のあるサイトです。なんか最近勘違いしてるのが多いけど、体験させるっていうのは、リアルな体験をＷＥＢにそのまま持ち込むことではなく、その体験の本質的な部分をいかに抽出できる、ＷＥＢでしかできない表現かつインタラクティブだからできること、に昇華するか、なのです。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/1787553062978251919/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=1787553062978251919' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/1787553062978251919'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/1787553062978251919'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2007/06/bmw-pace.html' title='■BMW PACE'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp0.blogger.com/_76fs9MF3z6U/RnKeIxu5LAI/AAAAAAAAAsI/xRUAYmHxudI/s72-c/bmw-pace.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-8000216402817908466</id><published>2007-06-01T10:34:00.000+09:00</published><updated>2007-06-01T10:37:05.005+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='バナー'/><category scheme='http://www.blogger.com/atom/ns#' term='思ったこと'/><category scheme='http://www.blogger.com/atom/ns#' term='リッチメディア'/><title type='text'>■Galapagos</title><summary type='text'>■ Galapagos - Red Interactive AgencyRed Interactive Agencyによる、National Geographic Channel の特集『Galapagos』のリッチバナー。これを見ると、最近こういうのを日本で見ないなあ、と悲しくなった。なんでだ？</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/8000216402817908466/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=8000216402817908466' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/8000216402817908466'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/8000216402817908466'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2007/06/galapagos.html' title='■Galapagos'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-8972157999043922</id><published>2007-05-05T20:37:00.000+09:00</published><updated>2007-05-05T20:47:12.013+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><category scheme='http://www.blogger.com/atom/ns#' term='3DCG'/><title type='text'>Chevy が作った、セカンドライフの向こうを張る超イケてる3DCGサイト</title><summary type='text'>■ Chevy Nation久々にリキの入った３ＤＣＧを使ったサイトの登場。最近セカンドライフがまるで最先端なように思われているWebの世界だが、一見自由にみえるセカンドライフの世界も正直制約だらけだし、こぞって「出店」しているのがワケわからん。サーバーを買った某代理店の営業攻勢に騙されてるだけとしか正直思えないところ。もしセカンドライフに「出店」しようとしている企業のマーケティング担当者がいたらぜひこの Chevy のサイトを見て欲しい。Webの世界はこれほど自由だし、リッチな体験を制約無く作ることができる。しかも、セカンドライフの登録ユーザーのみならず、全てのインターネットユーザーが対象なのだ。そして制作者たちにはこのサイトを「Webで何ができるのか？」を見せるための例として使って欲しい。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/8972157999043922/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=8972157999043922' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/8972157999043922'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/8972157999043922'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2007/05/chevy-3dcg.html' title='Chevy が作った、セカンドライフの向こうを張る超イケてる3DCGサイト'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp3.blogger.com/_76fs9MF3z6U/RjxtPgvvTeI/AAAAAAAAAjg/_VoVHv-fsvA/s72-c/chevynation.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-1302113796016612339</id><published>2007-04-01T23:50:00.000+09:00</published><updated>2007-04-02T00:16:13.219+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><title type='text'>やっぱり映画のサイトは映画の世界体験型がいい。</title><summary type='text'>■映画「サンシャイン 2057」公式サイト『トレインスポッティング』のダニー・ボイルがＳＦに挑戦。予告編を見る限りは、『さよならジュピター』と『2001年宇宙の旅』、『アルマゲドン』、『１１人いる』、『サイレントランニング』、ロン・ミラーの『ブラック・ホール』、『アビス』などなどなどなど．．．色んな映画の要素がてんこもり、な映画だが。。。ひさびさに映画の世界に入り込むタイプのリキの入った公式サイトです。映画サイトは単なる「チラシの延長線上」よりも、「映画の世界体験パビリオン」のほうが惹かれますし、映画見に行きたくなります。つまり映画サイトはＵＳＪのオンライン版にしたほうがいいってことですかね？まぁ、船体の中歩き回るだけじゃんっちゃあ、そうなんですがｗ</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/1302113796016612339/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=1302113796016612339' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/1302113796016612339'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/1302113796016612339'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2007/04/blog-post.html' title='やっぱり映画のサイトは映画の世界体験型がいい。'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-307687147679128556</id><published>2006-11-12T20:12:00.000+09:00</published><updated>2006-11-13T00:00:26.940+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='テッキー'/><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><title type='text'>複数の“地球”を切り替えてみることができるなんて</title><summary type='text'>"Flash Earth"Google Maps / Microsoft Virtual Earth などなど、複数の地図（しかもサテライト＆航空写真のもの）を切り替えてみることのできる flash で構成されたサイト。これすごいわ。同じ作者が作った、プラネタリウムも超ヤバイ。Google Earth とかのAPI利用したサイトって生真面目なのが多いけど、こういうの、もっと増えて欲しいなあ。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/307687147679128556/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=307687147679128556' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/307687147679128556'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/307687147679128556'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/11/blog-post_12.html' title='複数の“地球”を切り替えてみることができるなんて'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-116274028081524365</id><published>2006-11-06T00:19:00.000+09:00</published><updated>2006-11-13T00:25:41.978+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><title type='text'>縦と横、だけにとらわれないように。</title><summary type='text'>"Texas Chain Saw - Beggining"『悪魔のいけにえ』のリメイク版『テキサス・チェーンソー』の続編の公式サイト。それぞれのメニューをクリックしたときのトランジションに注目。画面の遷移は、縦と横、画面の切り替えだけ、だと思ってると創造力に限界を与えてしまいますよ。モニターの上下左右のサイズ、ディメンションだけにとらわれなければ表現は拡がるはずです。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/116274028081524365/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=116274028081524365' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/116274028081524365'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/116274028081524365'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/11/blog-post.html' title='縦と横、だけにとらわれないように。'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-115980974562832844</id><published>2006-10-03T02:21:00.000+09:00</published><updated>2006-11-13T00:13:59.983+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='思ったこと'/><title type='text'>なぜ、最近のブランディングサイト、キャンペーンサイトはわかりにくいか～ちょっと挑戦的なエントリ</title><summary type='text'>Coke Blak のサイトを、何人かで見渡していたところ、共通して出てきたコメントが、「最近のブランディングサイトとかキャンペーンサイトって訳のわからないの多いよね。このぐらいシンプルなところで追求してほしいのに」だった。どうもですね、WEBまわりも含めたキャンペーンやブランディングを追求してきた人間にとっては、「従来のクリエイティブの連中が入ってきてからＷＥＢが訳わからなくなった」という感じを持ってる人々が多いですよ。これ、まったく同感。よくあるのが、「ＣＭで伝わらないことを、ＷＥＢにつっ込む」という、情報及びデザイン過剰な例。あるＭ君いわく、「誰も読まない雑誌」と化している。僕に言わせれば、「ＣＭで伝わらんのやったらそもそもそのＣＭあかんやろうっ！」また、広告業界の制作者は、「人に刺さる」といった表現を使う人がいたりするが、「覚えてもらう」とかにはそれでいいかもしれないが、ＷＥＢの</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/115980974562832844/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=115980974562832844' title='3 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/115980974562832844'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/115980974562832844'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/10/blog-post.html' title='なぜ、最近のブランディングサイト、キャンペーンサイトはわかりにくいか～ちょっと挑戦的なエントリ'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-115980700732063088</id><published>2006-10-03T01:26:00.000+09:00</published><updated>2006-11-13T00:14:58.108+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='音表現'/><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><title type='text'>Coke Blak のサイトはよくできてるぞ。</title><summary type='text'>"Coca-Cola Blak"キャンペーンサイトとしての完成度が非常に高いサイトを久々に発見した。恐らくこのサイトを見ると、なんら（業界人が好きそうな）インタラクティブなシカケがないので、多くの広告人は、えーおもしろみないじゃーんとか思うかもしれないが、ほんとに秀逸である。いくつかポイントをあげると．．．、（１）サイトを訪れたときに流れ出すＢＧＭ～これまでのCokeと違ってオトナな飲み物が Blak である。そのために視覚的要素のみならず聴覚的にも訴えかけてブランディングを行っている。しかもその仕組みが優れていて、コンテンツ間を動き回っても音楽プレイヤー部はずっと定位置にあり、音楽が途切れることがない。これによって、リズムに乗りながらサイト内を回遊することができる。この音楽こそが、ブランド・エクスペリエンスを成り立たせている。この点ＷＥＢならでは。（２）バイラルに拡がるシカケと</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/115980700732063088/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=115980700732063088' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/115980700732063088'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/115980700732063088'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/10/coke-blak.html' title='Coke Blak のサイトはよくできてるぞ。'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-115922289613866667</id><published>2006-09-26T07:18:00.000+09:00</published><updated>2006-11-06T00:23:57.055+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><title type='text'>血液で地球を救え！　RED DEFFENDER 物語</title><summary type='text'>"BLOODSAVES.com"正義の味方 RED DEFFENDER が活躍するアメリカン・コミック風のサイト。でも中を見てみるとこれが、献血促進のためのキャンペーンだったりする。作りも面白いけど、メッセージ性も強い。しかし、コミック風のプランにしたところが、どんな若者でも受け入れられやすい、インターフェースになっている。そう、ここがポイント。Ｗｅｂサイトの面白いところは、「ユーザーに受け入れられやすいインターフェース」に仕上げられること。だからこそ、「どういったテイストが気に入られるのか？」をターゲットごとに練らないといけません。ところで、１パイントの血液で、３人の命が救えるって知ってました？</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/115922289613866667/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=115922289613866667' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/115922289613866667'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/115922289613866667'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/09/red-deffender_26.html' title='血液で地球を救え！　RED DEFFENDER 物語'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-115640216088613919</id><published>2006-08-24T15:45:00.000+09:00</published><updated>2006-11-13T00:15:38.407+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><title type='text'>バドワイザーのユーザー参加型サイト</title><summary type='text'>" Budweiser Select "Budweiser によるキャンペーンサイト。ユーザーが phot hunt して参加することもできる。画面の左部の路線図が各コンテンツへのリンクになっていて、各コンテンツ間を移動するときには列車にのって移動しているようなインターフェースもついている。これもエクスペリエンス。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/115640216088613919/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=115640216088613919' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/115640216088613919'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/115640216088613919'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/08/blog-post.html' title='バドワイザーのユーザー参加型サイト'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-115362735275754685</id><published>2006-07-23T12:58:00.000+09:00</published><updated>2006-11-06T00:23:56.864+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='インタラクティブとは'/><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><title type='text'>登場人物になる、エクスペリエンスなメニュー構造</title><summary type='text'>"Casino Royale 007"007の新作「カジノロワイヤル」のオフィシャルサイト。登場人物としてカジノの席に座ったようなインターフェースとなっており、座席上のカードがメニューとなっている。つまりこのサイトに入った時点でサイト来訪者は作品中の登場人物となって参加させられており、カードを引かざるをえない、といったエクスペリエンスサイトになっている。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/115362735275754685/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=115362735275754685' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/115362735275754685'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/115362735275754685'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/07/blog-post.html' title='登場人物になる、エクスペリエンスなメニュー構造'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-115081540618458066</id><published>2006-06-20T23:51:00.000+09:00</published><updated>2006-11-13T00:14:36.758+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='インタラクティブとは'/><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><title type='text'>マウス以外</title><summary type='text'>"Project Gotham Racing 3"このサイトのよく出来ているところは、サイトのデザインそのものではない。そうではなく「インタラクション」そのもののデザインである。多くの人が所与のものとして「マウス操作」を前提にサイトを作っている。しかしながら、ユーザーの目の前には多数の「キー」が並んでいるのであって、それもインタラクションのデバイスに利用することは当然可能なのだ。しかしみんなが使っていないのはなぜか？　結局フレームにとらわれてしまっている、ということなのだろう。新しいアイデアやチャンスは、意外と身近にあるもの。でもそれに気づかないのは、自分で自分の頭に狭いフレームを設定してしまっているからなのである。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/115081540618458066/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=115081540618458066' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/115081540618458066'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/115081540618458066'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/06/blog-post_20.html' title='マウス以外'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-115005906312462461</id><published>2006-06-12T05:46:00.000+09:00</published><updated>2006-11-06T00:23:56.739+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='音表現'/><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><title type='text'>音を楽しむ＝音楽のインターフェース</title><summary type='text'>"musicovery"ジャンルを選ぶと一枚のリミックスアルバムのような web radio ができるサイト。flashベースのインターフェースがアナログなのがいい。ambience/dance と、同じジャンルでもどちらか選べるのがいい。曲順の見せ方がいい。など、音を楽しむ＝音楽なのだということをインタラクティブなビジュアルから学べるサイトです。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/115005906312462461/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=115005906312462461' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/115005906312462461'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/115005906312462461'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/06/blog-post_12.html' title='音を楽しむ＝音楽のインターフェース'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-114990518205376350</id><published>2006-06-10T11:01:00.000+09:00</published><updated>2006-11-06T00:23:56.668+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><title type='text'>期待感をゲージに。</title><summary type='text'>"HUCIN' CHICKEN - EXTREME AIR"毎回話題を振りまいてくれるバーガーキング＋"Crispin Porter + Bogusky"の新しいキャンペーンサイト。今回は「空飛ぶチキン」。エクストリームスポーツの選手にきぐるみ着せて飛ばしてるだけ！なんだけど、このサイトの見せ方で上手いのは左にある高度計＝ゲージ。上に上がっていけばいくほど難易度の高い技が出てくる模様。実際の「高さ」、技術の「難易度」だけでなく、見ている人の「期待感」までこのゲージだけで表現されてるところが上手い。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/114990518205376350/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=114990518205376350' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114990518205376350'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114990518205376350'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/06/blog-post.html' title='期待感をゲージに。'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-114824439757517895</id><published>2006-05-22T05:41:00.000+09:00</published><updated>2006-11-06T00:23:56.605+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='音表現'/><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><title type='text'>集合名刺</title><summary type='text'>"GRINGO"海外クリエイティブブティックのサイト。のっけから「ここどこや～」っていう秀逸な写真とそれを丁寧にいじったエフェクトにやられる。中を見てみると、メンバー一人ひとりをインタビュー付で紹介している。「会社」という組織、及び「会社名」ははそこに属する人々をもあらわす“集合名詞”だと思うんだが、こうした人を前面に押し出すというのは「この人たちが仕事をします」という会社全体の“集合名刺”として信用とブランドイメージを構築するのに役立つとおもう。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/114824439757517895/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=114824439757517895' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114824439757517895'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114824439757517895'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/05/blog-post_22.html' title='集合名刺'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-114815023475182819</id><published>2006-05-21T03:32:00.000+09:00</published><updated>2006-11-06T00:23:56.543+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='インタラクティブとは'/><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><title type='text'>いわゆる“マルチメディア”な感覚の大事さ</title><summary type='text'>" wiiik "「マルチメディア」という言葉はすっかり死語になってしまったが、その試みは、ひとつのプラットフォーム上で複数のメディアが使えるという、メディアのインテグレーションと考えられる。Webのデザインにおいて、音・２Ｄイメージ・３Ｄモーションがうまく融合し、かつそこにインタラクションのうまい設計が入れば、非常にアトラクティブなサイトができる。この WiiiK はそれらに加え、水彩画的な背景etcを用いてアナログ的な感覚も持ち合わせた秀逸なサイトになっている。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/114815023475182819/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=114815023475182819' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114815023475182819'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114815023475182819'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/05/blog-post_21.html' title='いわゆる“マルチメディア”な感覚の大事さ'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-114737134854629430</id><published>2006-05-12T03:10:00.000+09:00</published><updated>2006-11-06T00:23:56.482+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='思ったこと'/><category scheme='http://www.blogger.com/atom/ns#' term='インタラクティブとは'/><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><title type='text'>いじること、なにもしないこと、でエモーショナルに感じる</title><summary type='text'> "Forgotten War"  コンゴ紛争＝忘れられない戦争を扱ったサイト。サイトの中に、戦争の写真や、戦争についての色んな人のコメントがちりばめられている。銃撃の音に連動した画面の動作、クリックしたときのメッセージの移り変わりなど、いわゆる「インタラクティブ」な部分もよくできている。しかし画面に対して何もしなくても、画面が話しかけるかのように、銃撃音や口笛などの様々な音が聞こえてくる。いわば、いじらせることと、なにもしないこと、両方からエモーショナルに働きかけてくるサイトになっているのである。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/114737134854629430/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=114737134854629430' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114737134854629430'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114737134854629430'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/05/blog-post_12.html' title='いじること、なにもしないこと、でエモーショナルに感じる'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-114700313258587463</id><published>2006-05-07T20:57:00.000+09:00</published><updated>2006-11-06T00:23:56.423+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><title type='text'>サムネイルはユーザーフレンドリ</title><summary type='text'>　"Tarun Khiwal's Photography"インドの写真家、Tarun Khiwal の website。写真家の公式サイトらしいギャラリー構造をミニマルかつグリッドを使ったサイトのデザインで実現している。このサイトで注目したいのは、各写真を見る際に上部に出てくる“数字”をマウスオーバーすることで出てくるサムネイルイメージ。写真などのイメージはローディングに時間がかかり、ページからページ、写真から写真といった遷移は結構うざったい。一方、そうして出てきた画像が大したものでなかったり、自分が目標とするものでなかったりして興ざめ、なんてことは結構ある。しかしそんなときにこうしたサムネイルを、ユーザーにとってすばやく画像を見せるために使うのは非常に優しいサイトづくりにつながるように思えるのだ。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/114700313258587463/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=114700313258587463' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114700313258587463'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114700313258587463'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/05/blog-post_114700313258587463.html' title='サムネイルはユーザーフレンドリ'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-114662435128628129</id><published>2006-05-03T11:35:00.000+09:00</published><updated>2006-11-06T00:23:56.289+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='インタラクティブとは'/><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><title type='text'>「定期購読」するウェブサイト</title><summary type='text'>"ハブラシ:歯とおくちのしあわせマガジン"昔から、Web-zine、e-zineと呼ばれるものはあったが、ここしばらくはあまりそういうコンセプトのものは見られない。でも久々にそういうものが登場。サンスターが実施するこのサイトがそれ。内容は雑誌というよりも、歯科医によく置いてある小冊子に近く、子供向けにもわかりやすい内容になっている。派手な演出は無いがテンポのいいストーリー構成で、ハミガキの大切さをうまく伝えている。また、サイト内のコンテンツとしては、[ママ、ハミガキできたよ！カレンダー]や[バイバイばいキング]という絵本など、ハミガキのターゲット＝幼少児に合わせたものをしっかり設置しているのもいい。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/114662435128628129/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=114662435128628129' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114662435128628129'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114662435128628129'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/05/blog-post_03.html' title='「定期購読」するウェブサイト'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-114650136815450393</id><published>2006-05-02T01:26:00.000+09:00</published><updated>2006-11-06T00:23:56.194+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='インタラクティブとは'/><title type='text'>ブランドイメージをウェブサイトで変える。</title><summary type='text'>"Uniden Direct"安さ追求型戦術で来ていたユニデンのサイトは、これまでは目も当てられないほど酷かった。ユーザビリティ／デザイン．．．あらゆる側面で。しかし今回のサイトは思い切り方向転換。ウサギをモチーフにした白基調のサイトがこれまでとは違う上品さと親しみやすさをかもし出している。ウサギの動画の使い方が、何気ないが上質でよい。いや、これはユニデンのイメージ変わるわ。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/114650136815450393/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=114650136815450393' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114650136815450393'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114650136815450393'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/05/blog-post_02.html' title='ブランドイメージをウェブサイトで変える。'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-114646722699662058</id><published>2006-05-01T12:19:00.000+09:00</published><updated>2006-11-06T00:23:56.118+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='音表現'/><title type='text'>音でキタか。</title><summary type='text'>"Coke,Please!:擬音会議"珍しい、「音」で攻めているサイトです。コカ・コーラといえば「しゅぽっ！」「ぽん！」「しゅわーっ！」とかいう「音」にもブランド想起の要素があるので、非常にいい着眼点です。素晴らしい。ただ、音声にフォーカスを合わせると、Ｗｅｂの場合多少間延びをしてしまうということがあります。このコンテンツでもやはりそう感じてしまいますが、きっとそれを解消するためには、それぞれのコンテンツに「フレーム」を設けて、ユーザーを「見る」モードのスウィッチを入れさせること、及び、タイムフレームを設けることで本来は解消できます。そこがあればほぼ完成だったんですけどね。あと、せっかくの音声コンテンツなので、podcasting なども用いて、スネークマンショー風に仕立て上げるのもよかったでしょう。司会は伊武雅刀さん、あたりで。。。いいコンテンツなのですが、Webなりのインターフェース</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/114646722699662058/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=114646722699662058' title='1 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114646722699662058'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114646722699662058'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/05/blog-post_114646722699662058.html' title='音でキタか。'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-114642105179592875</id><published>2006-05-01T03:08:00.000+09:00</published><updated>2006-11-06T00:23:56.019+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><title type='text'>モードを切り替えてあげること。</title><summary type='text'>"Nuevo Megane"新しいルノー・メガーヌのサイト。画面中心部で展開されるトイ・ストーリーばりの 3DCGアニメを起点として、ストーリーがそれぞれ枝分かれしていく構造になっている。また、その枝分かれしたストーリーに飛ぶと、それぞれにあわせたトーン＆マナーになっているのも抜かりない。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/114642105179592875/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=114642105179592875' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114642105179592875'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114642105179592875'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/05/blog-post_01.html' title='モードを切り替えてあげること。'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-114641432948974997</id><published>2006-05-01T01:22:00.000+09:00</published><updated>2006-11-06T00:23:55.954+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='インタラクティブとは'/><category scheme='http://www.blogger.com/atom/ns#' term='エクスペリエンスデザイン'/><title type='text'>これでも充分たのしい。</title><summary type='text'>"CARLITOPOLIS"サイト来訪者を楽しませるにはホンのちょっとのお遊びとアイキャッチがあればいい。ハムスターのアニメとメニューをマウスオーバーしたときのちょっとした仕掛けが、他になにもないコンテンツながら、秀逸。</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/114641432948974997/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=114641432948974997' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114641432948974997'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114641432948974997'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/05/blog-post.html' title='これでも充分たのしい。'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25173450.post-114640680551032629</id><published>2006-04-30T23:16:00.000+09:00</published><updated>2006-11-06T00:23:55.890+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='見せ方'/><title type='text'>リクルーティングサイトでブランディングをちゃんとする</title><summary type='text'>"e-musubi" - Hakuhodo &amp; Hakuhodo DY media partners　Recruit 2007リクルートが「リクナビ」を始めて以降、就職活動は１００％インターネットを利用するようになった。そのため、企業のリクルーティングwebsiteも彼らに向けたブランディングを意識するようにしなければならない。博報堂は以前から学生向け会社案内を作るのがうまかったが、ようやく今年、そのレベルに達したwebsiteが登場した。制作は、博報堂 i-studio 。アートディレクションは、佐野研二郎か平野あたりかな？デザイナーは杉山か？いや、このサイトはいいサイトだ。学生たちにも評判になるかな。どうするＤ？？？このサイトで一番秀逸なのは"site map"のところ。なぜこのサイトが"e-musubi"なのか、よくわかります。あと、ScreenSaverがダウンロードコンテンツ</summary><link rel='replies' type='application/atom+xml' href='http://ii-site.blogspot.com/feeds/114640680551032629/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25173450&amp;postID=114640680551032629' title='1 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114640680551032629'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25173450/posts/default/114640680551032629'/><link rel='alternate' type='text/html' href='http://ii-site.blogspot.com/2006/04/blog-post.html' title='リクルーティングサイトでブランディングをちゃんとする'/><author><name>Nori</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry></feed>
