Microsoft Surface

昨年紹介した感覚で操作できるタッチパネルのインターフェイスをMicrosoftが実用化したようです。複数同時に認識できるタッチパネル、写真などのドラッグや角度変更やズームなどの操作もまったく同じです。
しかもより機能アップしています。モバイルをテーブルに置くだけでモバイルのファイルを認識し、写真データなどを画面上に表示、写真を拡大したり動かしたりできます。さらに、モバイルを複数置き、ファイル交換を感覚的にドラッグ操作できてしまいます。

テーブルの形をしたディスプレイ一体型ハードで、デザインもスタイリッシュです。

これからの目的地を調べたりした情報をモバイルに読み込ませたり…複数で一緒に操作できて、相談しながら情報収集したりするときも便利そうです。

タッチパネルの操作感がすごくイメージできるロゴ。
個人的にはテーブルに置く（敷く？）タイプのものが実用化されてほしいなとおもいます。

上の写真のスケジュール帳に見えるノートは、富士通のEペーパー技術で開発された「Fab PC」というディスプレイなどが布地でできている布PCです。折り曲げれるしファッショナブルでかっこいいモバイルPCです。同じ技術でケータイなんかも開発しているようです。
NintendoDSのタッチペンインターフェイスの仕組みと組み合わせてペラペラの布がデバイスにできれば、会議用テーブルの上に大きな布ディスプレイを広げて、ブレストやスケジュール調整なんかをするのに便利なツールなんかも開発されそうですよね。そんなのか当たり前になる時代が来るかもしれませんねー。これに近いイメージです。

ペーパーディスプレイ分野で開発が進んでいるのは今イチバン開発が進んでいるのはブリヂストン　QR-LPDのようです。
・応答速度　液晶を約100倍以上
・反射型なので広視野角
・薄型化可能
・電源OFF描画維持
・低消費電力
・曲げられる

その他変なディスプレイ
・毛皮状ふわふわディスプレイ
・デジタル発火マトリクス
・ぷちぷちディスプレイ
・ピンポン球ディスプレイ

「かへ」

「かへ」とは、「カフェ」と発音できない田舎のおばあちゃんの言葉。田舎からでてきたおじいちゃんおばあちゃんが、事故で死んでしまった息子の頼みを聞き、息子がやっていたカフェを続けようとする話しです。一見、ウェブで連載するマンガに見えますが、実は商品やサービスをPRするための媒体です。

「かへ」では、グルメ情報サイトのレビューコメントをおばあちゃんが見るシーンがあります。息子がやっていた当時のカフェがとてもお客さんに愛されていたことを知り、店を続ける決心をするのですが…。そこで描かれているグルメ情報サイトは「ぐるなび」。そのほかにも「ぐるなび」のレビューを見るシーンがストーリの中で何度か描かれています。

感動するシーンでPRしたいサービスを描くことで、読者がサービスの認知を深めたり・好印象を与えたりできるのではないかという実験的な広告手法の提案がなされています。実際4日間で120万ページビューされたと掲載されてあります。
このサイトには、広告ウェブマンガが今のところ「かへ」を含め6つあります。「かへ」に比べ他の作品は、PRサービスの良さを伝える表現が少々強引で、うまくストーリーがまとまっていません。新作になるにしたがってどんどん「読みたいマンガ」になっていっているので今後が期待です（'u'）

WDCS Life size whale – Das größte Banner der Welt

クジラの大きな画像をGoogleMapと同じ手法で、Flashでブロック分けして読み込んでいます。マップだけではなく、大きな画像であればこの手法は有効ですね。FireFoxだと読み込みに時間がかかります。IE推奨。

twittervision 3D

Twitterのデータを使った、GoogleEarthの地球儀をFlashでインタラクティブ化したコンテンツがこの「twittervision 3D」。世界中のユーザーの「今してること」をぼんやりみることができます。

Twitter：ツイッターについて

「いましてること」をアップできるTwitterというサービスが今世界中で盛り上がり始めています。（下火になったという意見もあります）多いときは毎秒1件弱のスピードでバシバシアップされるほどのはやりようです。

さくっというと、PCやモバイルから「いましてること」を投稿して友達に見せられるだけのものです。Google talkにフレンド新着が届く機能など、いろいろ使いやすい機能があることや、レスの気を使わなくていいチャットのような雰囲気ということで人気なのかなと思います。mixiは読み逃げが規制されている雰囲気が「もう嫌や」って人や、日記的なボリュームで書かないといけないblogなどとは違ったコミュニケーション方法のツールなので、今までウェブでのコミュニケーションツールが合わなかったな人のなかでも、しっくり来る人もいるのかもしれません。

帰宅中などケータイから「今してること」を更新したり、人それぞれの使い方、楽しみ方があるようです。

Papervision3D

アニメーション主体だったフラッシュはバージョンが上がるたびに、どんどんプラットフォームがプログラマーよりに幅を広げてつつあります。FLEXやActionScript3.0の登場などでソフトウエア開発などの本場のプログラマーが扱いやすいように考慮された開発アプリケーションに進化しています。ゲームや他の専用プラグインなどでは実現していた3Dポリゴンの表現もちゃんと動くレベル・開発できるレベルになったようです。
こういったバリバリのプログラミングと連携してデザインとの分担ってのは、社内・チーム内でできないとなかなかなれないとむずかしいだとろーなと思います。

DoCoMo2.0

904iシリーズのプロモーションを機に大掛かりに広告展開を始めたDoCoMo。
AUのキャラクターだった妻夫木聡や浅野忠信・蒼井優・長瀬智也・土屋アンナ・瑛太・吹石一恵・北川景子など豪華キャストを８人も起用、すごい力を入れているようにみうけられます。現在のシェアを比べてみると、まだ、DoCoMoが勝っているもののAUに差を詰められている状況。「DOCOMO2.0」「そろそろ反撃してもいいですか？」など、新機種から大きく何かが変わった感をかもしだすイメージを打ち出していくようです。
今回イメージ統一に使った新しい「DoCoMo2.0」と書かれた★マーク。ウェブの業界にいるひとはちょっと古い？と思うかもしれませんが、ウェブ用語ではやった「WEB2.0」のような、アプリケーションのバージョンアップのような大幅な技術革新をぱっと見でぼんやりとイメージさせられる良いイメージロゴだと思います。
この「DoCoMo2.0」WINDOWSで
「どこもにいてんぜろ」と打って変換すると
「どこもに移転ゼロ」と誤変換されてしまうPCが多いようです。
最近番号ポータビリティーによってキャリアが移りやすくなったことで、今回の904iで新規ユーザーを獲得することはとても重要になるはずが…。
新規ユーザー獲得のためのプロモーションメインキャッチが「ドコモに移転するユーザーがゼロ」という意味にとれる不吉な誤変換になってしまうため「なんだそりゃ」とウェブ上でも話題を呼んでいます。
ちなみに「ドコモに移転ゼロ」でググると結果
536,000 件
結構な数字だと思います。
「移転ゼロ」というネガティブな印象はブランディングには悪い印象ですが、誤変換なので、本当に移転するひとが減る原因になるものでもないと思いますし、バズ的効果を考えるとプラスの要因ともとれます。制作したのは、電通のクリエイティブから独立した代理店TUGBOATというところ。実力からして、誤変換でバズ的効果も狙ってのことかもしれません。
とはいえ結果がどう転ぶかが重要、その後に期待です（'u'）

その他つっこみどころ。

「そろそろ反撃してもいいですか？」については、ドコモが下火だという認識のないユーザーには、あらためて人気が落ちていることを伝えてしまうことになってよくないきもします。あと攻撃的な印象も。

個人的にDoCoMoにキャリア戻りたくなるような新しいところって何かあるのかな？とおもって904iの新機能を見てみました。GPSが標準になって、緯度経度情報でなくしたケータイの落ちている場所を探すことができる機能や、傾きセンサーやインカメラを物体認識機能にするセンサーがついたことでWiiやDSのような体感型ゲームが開発できるようになったようです。ケータイもって体を左右に振ってパンチを避けるボクシングゲームなどがリリースされています。FlashLiteで制作できるようになるのならかなり魅力的です。

ポルトガルのタクシー協会が行った面白い広告展開。
バーの前などに路駐してある車の上に、タクシーのマークのようなものを置いて回っています。車に乗り邪魔だとおもって、あるいは、気になって手にとった車の持ち主は、裏にある“If you’ve been drinking, don’trisk it. Call 707 308 294.”の広告を見ることになります。「お酒飲んでたら707 308 294に電話してタクシー使ってください」というメッセージです。

路駐の車がタクシーに見え皮肉と、広告がピンポイントで必要なときに目に入るようになっている流れがとても上手ですね。すごい。実際、深夜0：00から朝方4：00までのタクシーの呼び出しが50%上がったみたいです。

Nikon - COOLPIX

NIKONのデジカメ商品のプロモーションサイトです。
どんどん場面が展開されていくセレブなパーティーが行われている映像のなかに、デジカメを持っている人が登場すると、黄色のデジカメアイコンが出てきます。アイコンをクリックすると、映像が静止され、クリックした人が持っているデジカメの気に入っていることろの解説や、デジカメに入っている画像を撮ったときの思いなどを見ることができて、その人のライフスタイルやストーリー背景を知ることができます。
パーティーの参加者に共感していける流れになっているところがうまく作られているなと思います。

The Laughing Man Hacks You!

画像を参照すると写真の中に人の顔があるかどうかを自動でチェックして、顔があった部分にマークを貼り付けて結果を報告するウェブアプリ(？)です。
沢山顔があっても判定してくれるのでおもしろいです。大志君の結婚式の写真で試してみたんですが、久保本さんの顔だけ判定されずに、代わりに右下のグラスが判定されていました。斜めだとむりなのかも。
この機能、両目鼻口のバランスの色の濃淡が近いものをチェックしていると思うので、裏では結構複雑なものが動いてそうです。応用すれば、フライデーの写真のように目だけ黒い四角で隠すような処理を、YOUTUBEなどの動画と連動して自動でできそうでいろいろ可能性がありそうです。

Sew Mama Sew - New Items

生地のデザインって、サイトの背景連番画像などの参考になりそうですね。

幼稚園児とかの絵って形が定まっていなくて、固定概念がないぶん普通大人は描かないものや思いつかないもの描いていたりしますよね。
この作品はすさんだ感じですが…
子供がキャラクターデザイン、プロがビジュアル化するというのはけっこう新しいキャラクターが生まれそうでいいコラボレーションだなーとおもいました。たしか広島のブンカッキー（広島の「ひ」と牡蠣と紅葉を組み合わせたキャラクター）も幼稚園児がデザインしたものだったはず。

luminara

シンプルではまってしまうシューティングゲームです。
全体のローディング中に操作をテストすることができます。
待ち時間の暇つぶしにもなって一石二鳥な手法です。
・↑↓←→で移動
・マウスカーソルで標準の移動
・クリックで撃つ

ゲームオーバー後の画面にゲームのスコアランクをウェブバナーを貼れるタグがでます。
自分の自分の上で前の評価をブログとかに貼れるのが新しいなーと思いました。

評価をブログにはれるというアイデアはいろいろ使えそうですよね。

STOP DV

ずっとマウスの方向を見つめている子供のウェブバナー。
マウスを大人の手に例え、
マウスを近づけたり乱暴に動かすと子供がおびえます。
やしばらくすると、やさしく頭をなでるしーんになり、
子供が笑顔になって
「傷は消えても体はずっと覚えている」
「子供のSOSに気づいてください」
というキャッチを伝える流れ。

公共広告機構のCM紹介コンテンツに誘導されてます。

虐待て(？)大人の手が近づくだけでおびえてしまう子供と、ほんとに接しているようなリアリティーのある表現ですねー。

Heli Attack 3 - Miniclip Games - Play Free Games

コンシューマ機のゲームソフトに匹敵するくらいの作りこみのシューティングアクションゲーム。ひとりの歩兵になっていろんな武器を使って襲ってくるヘリを撃ち落とすルールです。キーボードでキャラクターを移動させつつマウスで銃口の向きをコントロールしてクリックで撃ちます。
ウェブ上でこれだけ作れたら技術的にはいろいろサイトやウェブバナーやブログシールなんかに応用できそうですねー。

Herman Miller

神経衰弱ゲームがバナーになったのかと思いきや、最後の2枚を選ぶとき何度かめくっても、×間違いマークが出てしまいます。あれ？なんでと思ったら、類似品を購入しないように注意を呼びかける内容でした。同じ商品を記憶してそろえるという神経衰弱のルールをうまく用いたメッセージがストレートと伝わるウェブバナーですねー。

Red Interactive Agency

技術的にすごいのサイトを見つけてびっくり。
FlashMediaServerを使っているんだと思います。
・キャラクターを←→↑↓キーで動かして歩いたり飛んだりできます。
・chatボックスにメッセージを書くとキャラクターがしゃべりだします。
・controlでボクシングの構え　shiftで殴るアクションします。
・homeでキャラクター固有の動きをします。
独特の世界観でこの世界の中でキャラクターを操作して遊ぶことができます。
なにか目的がるわけでもないので、斬新なウェブサイトのコミュニケーション性・アクション性を楽しむインタラクションアート的なものでしかないようですが、技術的にみても、グラフィック的に見てもアニメーション的に見ても、クオリティーが高いものだと思います。
広告制作会社のサイトだと思うのですが、会社情報や実績を見せる部分が空間の一部になっていますね。アクセス数自体はかなり高くなるきがします。めっちゃリンクもらえそうですし。請っているのは遊び要素部分ですが、ウェブ制作のパフォーマンスにもなるのでかなり有効かなとおもいます。

■すごいなと思ったポイント
・リアルタイムでアクション操作が反映している。
・重力計算とか加速度とかリアルではないにしても滑らか。
・空を飛んだとき背景のセル画が複数階層に分かれていて
　カメラとの距離感を表現しているため遠近感が出ている。
・方向転換で振り返るアニメーションが滑らか。
・同時アクセスで負荷を減らすため、部屋割りをするのですが
　自動で割り当てている。部屋間を移動するツールもあります。
・会社名がREDでURLがFF0000。

think-tax.jp 増税について考えませんか

政府が実施しようとしている増税に反対する日本労働組合総連合会が、増税によって個人の支払額ががどう変わるかをリミュレーションできるウェブバナー・ウェブサイト・ブログシールが展開されています。

ウェブバナーやブログシール上でシミュレートできてしまい別のページへ飛んでしまわないので手軽にシミュレートしてもらえる流れだなとおもいます。しかも、メインサイトに飛んだときに、ウェブバナーシミュレートするために入力した給料等のデータを引き継いでいるようで…
・オープニングで出てくる増税金額が自分の増税金額
・増税グラフに自分のアイコンが配置されるので
　自分が他の人と比べどの程度なのかがすぐわかる
というようにわかりやすいつくりになっています。

表参道akarium -omotesando akarium-

FLASH8のからの機能を使って、シンプルに、でも面白く表現されたサイトがありました。
アカリウムという表参道にエコな街灯を設置するイベントを告知・レポートする目的で作られたサイトだ思います。
暗い画面の中に複数の灯りがあります。サイトに訪れると、その灯りがドラッグできる説明から始まります。そして灯りをともした周りだけページの内容を読むことができます。暗い部屋でロウソクの灯りだけで雑誌を読んでる感じです。
複数の灯りを近くに集めると明るさが増したりします。
意味がないと面倒なだけのインターフェイスですが、イベントの内容・意図・雰囲気を伝えるために選んだ手法としてはぴたりなのかなー、そして逆に興味ある人は面倒ではなくじっくり読んでくれそうで斬新な手法だとおもいます。

UNIQLO BLOG PARTS

UNIQLOのブログシールです。
ブログが日課になってる人は、貼っておくと最新のUNIQLOファンションをちょくちょく見ることができるのでなかなか便利と思って貼ってくれる人が多そうですね。
あとタグがscriptタグのなかに全部収まっててシンプルでいーなーと思います。

NAILS

絵じょうずですよね。
1コマづつ描くアニメーションでこのように滑らかにキャラクターが動かせるということは、かなり画力・デッサン力があるってことだとおもいます。何枚も同じ顔同じキャラクターが同じサイズ比でかけないと実現できないわけで…これは実力がある人じゃなきゃできないです。
すごい。