マウスやキーボードの次。新感覚の入力機器·TrackMate MOONGIFT
コンピュータの操作には長らくマウスやキーボードが使われてきた。タッチパッドやタブレット、キーボードなど入力するデバイスは変化があったが、基本的な方式は変わっていない。だが最近、徐々に新しい入力方式としてWebカムを使ったものが出始めている。 コンピュータでマルチタッチを実現する際や、AR（拡張現実）の中のオブジェクトに触れる際などに使われているこの方式を使った例としてMIT Media Labで研究、開発されているTrackMateを紹介しよう。 今回紹介するオープンソース・ソフトウェアはTrackMate、Webカムを使った入力インタフェースだ。 TrackMateを説明するのはなかなか難しい。紹介動画があるので、それを見てもらうのが一番早いだろう。簡単に言えば、Webカムで撮影している中でオブジェクトの形を認識し、その動きに合わせてコンピュータ上で何らかの操作を行うというものだ。その意
長尾のブログ2.0: タイムマシンボード：進化したホワイトボード
ご無沙汰しています。 ようやく時間が取れるようになってきましたので、僕のいる研究室の最近の成果をご紹介したいと思います。 僕のいる研究室では、ホワイトボードを電子化・ネットワーク化した新しいミーティングツールとして、タイムマシンボード（TimeMachineBoard）と呼ばれるシステムを研究開発しています。 名前から想像できますように、このシステムは、AppleのMac OS X Leopardの機能の一つ、Time Machineとほぼ同じ発想に基づいています。 もっとも、AppleのTime MachineのようにPC内のデータのバックアップがメインではなく、過去のミーティングの内容を検索して、容易に再利用できるようにすることが目的です。 たとえば、以前に誰かが書いた文字や図は、ペンのストロークごとに詳細に記録されています（書いた時間、そのときのペンの色や太さ、書いたユーザーのIDも
フューチャー ライフウォール | ユビキタス ネットワーク ideas | 施設案内 | パナソニックセンター東京 | Panasonic
テレビと壁が一体化した大型ディスプレイが、さらに進化しました。 ジェスチャーだけの直感的な操作で、高速大容量のネットワークに接続し、さまざまなコンテンツや等身大のコミュニケーションを自由に楽しむことができます。 我が家のリビングを世界中につなげるライフウォールが、新しいライフスタイルを提案します。
ユーザーが「見る広告」「見ない広告」--ユーザーの行動を決める要素とは？
「どんなサイトのどんな広告をユーザーは見るのか」――これは、広告主もメディア運営者も非常に興味ある事項ではないでしょうか。 今回は、いくつかの大手サイトを男女計5人の被験者に自由に閲覧してもらい、ユーザーがどの広告に目を引かれていたのかをアイトラッキングマシン（被験者の視線の動きを追跡するツール）を使って検証しました。はたしてどんな結果が出るのでしょうか。 口コミに夢中で広告見ず 図1は＠cosme（アットコスメ）を見ていた被験者A（女性、20代後半）の視線です。右側に配置された広告は全く見られていません。被験者Aはトップページから迷わずユーザーの感想が書かれているページへと行き、その後ずっと口コミを丹念に見ていました。また、口コミ以外の要素には全く目を向けませんでした。 図1：＠cosmeを見ていた被験者Aの視線。水色の線は視線の動きを、丸の大きさは視線の滞留時間の長さを示す。青で囲った
第4回 ネットと家電のキャズムを超えろ！会議 まとめ - キャズムを超えろ！
昨日(10/22)にネットと家電のキャズムを超えろ！会議、略して「キャズム会議」の第4回を開催した。130名の募集に対して100名きっちりの出席者と、大変高い出席率をいただき、感謝至極である。参加できなかった方も多数いらっしゃるようなので、ざっくりと内容を振り返るとともに感想を書いていただいたBlogへのリンクなどをまとめてみたい。 5行で言うと？ ヤフーとしては「PCを使ってない時間」を取り込みたい(ので、家電対応を積極的にやる) ヤフー for AQUOSは結構頑張って作った AQUOS EX SystemはPanasonic VIERA Cast systemに似ている。(Panaと違って)フルHD表示 UI面などのブラッシュアップは正直まだまだ。これから頑張る 増井さんオモロイｗ ちゃんとしたまとめ まずはYahooデジタルホーム事業室のボスである坂東さんから、なぜヤフーはDTVや
"COLORS"ケータイWebの新しい形：ケータイWebをもっとリッチに使いやすく――RIAプラットフォーム「Colors」の挑戦（前編） - ITmedia +D モバイル
ケータイWebをもっとリッチに使いやすく――RIAプラットフォーム「Colors」の挑戦（前編）：ケータイWebの新しい形 携帯電話の高機能化に伴い、ディスプレイの表現力が増している。ハイエンドモデルの解像度はワイドVGA（480×800ピクセル）以上が標準になりつつあり、画面サイズも3.5インチクラスの端末が登場するなど、進化し続けている。また、通信速度の高速化や定額プランの導入も進んでおり、リッチなコンテンツを楽しめる素地が整ってきたといえるだろう。 しかし、サービス面では、この高解像度なディスプレイや通信速度を生かし切ったものが登場していないのが現状だ。例えばワンセグはそもそもの解像度がQVGA（320×240ピクセル）であるため、大画面はメリットになるものの、解像度の面ではさほど効果があるとはいえず、大画面や高解像度が生きてくるWeb系のサービスにしても、表現力の豊かな携帯サイトは
マイクロソフト、「TouchWall」を披露--あらゆる壁面をコンピュータに
手に触れる物すべてを黄金に変える力を持つとされる、ギリシャ神話のミダス王のアプローチとは少し異なるものの、Microsoftの会長であるBill Gates氏は、われわれが手で触れる物すべてをコンピュータに変えたいと願っている。 ワシントン州レドモンドで開催されたCEO Summitに集まる大勢の人々を前にして、Gates氏は、一般家庭やオフィスの壁面をコンピュータにしてしまうとされるプロトタイプ技術を公開した。 Microsoftの「Surface」コンピュータが、現在は約1万ドルで出荷されているものの、Gates氏は、新たなプロトタイプ技術を採用するハードウェア製造コストが、それほど高くなることはないと述べた。今後数年以内に、新製品が一般ユーザーの手に行き渡る可能性もある。 Gates氏は「これは確かに、あらゆる場所に浸透していくだろうと予想している。あらゆる場所にとは、各ユーザーのオ
ユーザビリティの大切さに気づいてもらう - inucaraの日記
こないだの「インターネットってどういう仕組みで動いているの？」に書いた事前研修でユーザビリティの大切さについても話したいと思って簡単なフォームを作ってみたよ。 想定ターゲットはユーザビリティのユの字も知らないような人や、これからウェブサイトの設計、構築の仕事をしようとしている人。これらの人にユーザビリティの大切さに気づいてもらうために、前回と同じように話す内容をとりあえず書いてってみる。 ちなみに前回のインターネットの仕組みからユーザビリティって話が飛んでるけど、そういうことは気にしないで思いつくことをメモ的にどんどん書いてって、流れは最後に考えようかなって感じ。 じゃあ、さっそく始める！ ユーザビリティって何？ まず始めに、みんなは「ユーザビリティ」って言葉は聞いたことあるかな？ 日本語で「使いやすさ」って意味なんだけど、利用者がいかにストレスなく、便利で簡単で直感的な操作ができるか、っ
Wiiリモコンでなんでもホワイトボードに変える魔法のような動画 : Gizmodo Japan（ギズモード・ジャパン）
｢Wiiリモコンで作る、安価なマルチポイントのインタラクティブなホワイトボード｣という解説ビデオです。 見るからにつまらなそうなタイトルですけど、でもでも我慢して最後まで見てくださいよ？ 絶対｢おおおおおおおおおおおおお｣の｢お｣が止まらなくなります！ こんなWiiリモコンの使い方、見たことないですねー。カーネギーメロン大のジョニー・リー（Johnny Lee）さん（動画の人）が考案しました。 Wiiリモコン内蔵の赤外線カメラを活用してます。ボールペンの芯を取り出して赤外線入力の｢ライトペン｣なるものDIYしてますね。あとは遠くない45度の感知圏内からWiiリモコンで画面狙いながらライトペンで4点繋ぐとアラ不思議。MS-Surfaceっぽいホワイトボードになってますよ？ ペン2本使うとその姿はまるで、ジェフ・ハン氏のよう…。絶対意識してますよね。 コントローラはパソコンにフックすると、Wi
iPhoneはとにかくイケてるMail端末 - 活字の国のインターフェイス:ケータイ時代のスタンダード - CNET Japan
iPhoneはとにかくイケてるMail端末 - 活字の国のインターフェイス 公開日時： 2007/10/05 20:25 著者： 松村太郎 iPhoneはiPodの機能を含んだ情報端末である。僕も含め、洗練された「音楽を聴く、動画を視聴すると言う要素」がフィーチャーされていて、通信端末としての側面は半分くらいの採り上げられ方だ。しかも日本ではケータイの電波は入らないので、半分くらいの採り上げられ方でちょうど良いのかも知れない。 そんなイメージを持ったまま、New York行きの飛行機を待つDetroitの空港ロビーでベンチに座った。当然ここはアメリカだ。AT&Tとキャリア名が書かれて、電波強度を示すロゴはフルになっている。やっと、iPhoneをiPhoneとして利用する機会に巡り会うことが出来たのだ。 金曜日の夕方の便である。出張を終えて帰宅するビジネスパーソンであふれているのも
未経験者がユーザーテストを行う際の10のポイント - livedoor ディレクター Blog
こんにちは、ディレクターのほうの谷口です（余談ですが、ライブドアには3名の谷口がいて、私はプログラマーじゃないほうの谷口です）。今回は、ユーザーテストについてお話したいと思います。 ユーザーテストは、ウェブサイトの新規立ち上げやリニューアルの際、ユーザーがウェブサイトやプロトタイプを実際に操作してもらう様子を目の当たりにすることで、問題点を発見する方法です。 ライブドアのサービスは、作る側とユーザー像が近いことが多かったので、頻繁にはユーザーテストをしてきませんでした。しかし、今後は自分たちと違うユーザー像も対象としていきたいことから、ユーザーテストの数を増やしていきたいと思っています。 ユーザーテストの専門会社に頼むという手もあり、そうすることで厳密に調査をしてくれます。しかし、ポイントをしぼって外注せずにすむ方法もあるので、ここに紹介します。 1. 被験者は友人か知り合いでいい 専門会
au design projectのコンセプトモデル：「actface」の楽しさは、スーパーマリオに通じる──猪子氏が考える携帯UIとは (1/2) - ITmedia +D モバイル
「actface」の楽しさは、スーパーマリオに通じる──猪子氏が考える携帯UIとは：au design projectのコンセプトモデル（1/2 ページ） 東京・原宿にあるKDDIデザイニングスタジオで7月31日から始まった「ケータイがケータイし忘れていたもの」展。ここには、ユーザーインタフェース（UI）を重視したau design projectのコンセプトモデルが展示されている。コンセプトモデルの1つ、「actface」をデザインしたのがウルトラテクノロジスト集団「チームラボ」だ。 チームラボの代表を務める猪子寿之氏が、イベントの開催を記念して行われたトークショーで、actfaceのUIが生まれるまでの経緯や携帯UIに対する考え方について説明した。 →画面上で墨が揺らぎ、雲が流れ、街が成長する──UI重視のau design project新モデル →動画で見る、au design p
画面上で墨が揺らぎ、雲が流れ、街が成長する──UI重視のau design project新モデル
KDDIデザイニングスタジオに、au design projectのコンセプトモデルがお目見えした。ユーザーインタフェース（UI）を重視した4モデルがラインアップされる。 →動画で見る、au design projectコンセプトモデル──「sorato」「ヒトカ」「Rhythm」 ユーザーデータや操作が新たな画面を生み出す──actface TEAM☆LABがデザインしたactfaceは3画面ケータイ。ダイヤルキー部や背面全体にレイアウトした3つの画面を、フルに生かしてユーザーの感性に訴える。 actfaceには2つのバリエーションモデルがある。「Rhythm」は携帯の操作をリズムととらえたUIで、ユーザーが携帯を操作するとそのリズムに合わせて水墨画の映像が生成される。キーボード側ディスプレイから上のディスプレイに墨が立ち上る様子はとてもエモーショナルだ。 「PLAY」はユーザーデータと
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
ウェブページを見る目の動きは「F」パターン - GIGAZINE
つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの
Webサイトのツリー構造とコンテンツのメタ情報、そして、ナビゲーション：DESIGN IT! w-LOVE
この一覧を階層構造的に分類していくのが、Structure段階でのインフォメーション・アーキテクチャのタスクの１つです。 その際、コンテンツ分類を行なう際に意識するものとしては、以下のようなものがあげられるでしょう（これがすべてではありません）。 ターゲット別（個人顧客、法人顧客、株主・投資家、マスコミ、学生など）コンテンツ内容別（製品カテゴリー別、サポート情報、FAQなど機能／非機能コアコンテンツ／サブコンテンツ（企業の基本情報とスペシャルコンテンツ、ブログなど）時系列で並ぶもの／そうでないもの分類は現実のモデルを反映しているか？ 一般的に認知されているものを想起させるか？ もうひとつインフォメーション・アーキテクチャを考える際に行なっておくべきことは、コンテンツにどのようなメタ情報を付与するかでしょう。 メタ情報を付与することで、先のコンテンツの階層化による分類を越えて、コンテンツ間を
EZ-GREEに見るケータイサービス構築の重要なポイント - キャズムを超えろ！
ここんところ、積極的にケータイサービスを使っている。PCからもケータイからも繋がるWebサービス(ex. mixi)のケータイ版について色々と思い悩んでいる為だ。『ちよろず。』の屋島さんの力作であるEZ-GREEを、PC版GREEと比較してみると、GREEの中の人が考えるケータイユーザの特徴，ケータイユーザ受けするUI，サービス内容といったところが見えてくるので面白い。以下、EZ-GREEから学ぶケータイサービス構築の重要なポイント。 絵文字が使えるのは必須。 PCで見た場合はGIF画像変換などして絵文字を再現してあげる必要がありそう。 規約やその他文言類は軽い口調で短文にて。 ex. 正：今すぐ空メールを送って会員登録！ 誤：まず本文・件名ともに空欄のまま下記アドレス宛にメールをお送りください。その後当社より折り返し会員登録方法についてのご案内メールをお送りいたしますので、メールを確認し
ケータイ文化圏とネット文化圏の深い溝 [絵文録ことのは]2006/10/25
主にPCを使ってウェブサイトを閲覧している人と、主にケータイを使っていてPCは全く（またはほとんど）使わない人では、たとえ同じページを見ていても、まったく行動や思考形態が違う。「ケータイ族」という言葉もあるが、ネットでの常識はケータイの人たちに通じず、ケータイの常識をネットばかりの人は理解していない。 入院中、ケータイしか使えない状況で4か月を過ごし、強制的に「ケータイ族」にならざるを得なかったのだが、そこで「ケータイ文化圏」と「ネット文化圏」の違いがわかってきたように思う。 ■ネットユーザーは実は特殊な人種 このブログを見ているような人は、おそらく、PCからアクセスして、ブラウザでウェブサイトを閲覧し、Yahoo!やGoogleを使って検索して自分で調べ物をできる人たちだろうと思う。そして、それくらいのことは当たり前にできることだと思っているかもしれない。 しかし、そういった人たちは、実
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
COULD：Webデザインに関する 15 の調査結果