私的今年のベストWebサイト
今年もたくさんのサイトを見てきたわけですが、個人的に最もインパクトがあったのが Boston Globe が運営する写真ブログ「The Big Picture」。Twitterでいろいろなサイトを紹介していますが、かなりの頻度で The Big Picture を紹介しました。写真 (コンテンツ) が素晴らしいのは当然ですが、他にも注目する点は幾つかあります。 このサイトは Boston Globe という 100年以上続く新聞社が運営しています。他の新聞社と同様、発行部数は大幅に落ちており非常に厳しい状況に陥っています。そういった状況ではありますが、Web版 Boston.comは豊富なコンテンツと50を超えるブログを運営するなど積極的に Web を活用しています。紙という形でなくてもジャーナリズムと地域情報を配信する手段があるわけですから、捕われずに挑戦しているのが伺えます。こうした豊
Google Waveがもたらす心理の変化
数日前に Google Wave の招待状をいただき、いろいろ使ってみました。従来からあるメール、IM、Wiki そして WebExのような Web 会議システムが混ざり合った独特の形といえます。具体的に何が出来るのか知りたい方は、動画や記事を確認してください。ブレインストーム、レビュー、共同で文書作成などコラボレーションをする際に使えそうな印象があります。 多くのサイトで既に語られている Google Wave ですが、技術的やことや、機能紹介に集中しています。従来のメールを今の技術で作り直したらどういう形になるかと考えて開発された Wave。メールのような要素が UI に残っているものの、使い心地は全く違います。つまり使い勝手が変わるだけでなく、使う人の心理にも変化が起こりうるサービスだと思います。 Wave でまず変わるのが人と人との会話の仕方でしょう。メールはその名のとおり手紙のや
IntelとNokiaが学生と一緒に考えたデザイン案
Copenhagen Institute of Interaction Designでは、インタラクションデザインの修士プログラムが用意されています。ユーザー調査、GUI 研究、データの視覚化など興味深いコースが幾つも用意されていますが、その中でも企業で働くデザイナーを招いたワークショップが注目です。Intel とのワークショップの際はサステナビリティを意識した IT ソリューションの研究がなされました。ワークショップで生まれたアイデアは Webサイトにて公開されています。 どのプロジェクトもビデオがあるので文章を読まなくても何をするデバイスなのか分かるのが良いですね。何が出来るというより、ストーリー仕立てで人がどう使うところにフォーカスしているのも分かりやすい理由といえるでしょう。自分が利用したいエネルギーだけ購入し、デバイスごとに制限を設定出来るシール「Energy Rehab」が個人
bingのデザインアプローチについて
６月に公開された Microsoft の新しい検索サービスbing。先日 comScore が発表した検索エンジン市場の調査報告書によると、7月が公開月に比べてシェアが 5% 増だったそうです。公開されたばかりということもあり、試しに使っているという方も少なくないでしょう。今後どうなるか分かりませんし、吸収する形になるであろう様々な Yahoo! 検索の技術がどのように bing に影響を及ぼすかが注目です。特に自分の検索エンジンが作れるプラットフォーム BOSS や、セマンティック検索を可能にする SearchMonkey は何かしらの形で bing で移植してほしいところです。 技術的な面で今後の動向が気になる bing ですが、Google やYahoo! Search といった今までの検索サイトと異なるデザインアプローチをとっている点で私は注目しています。トップページを見るとわかり
Opera Japan のパネルディスカッションに参加しました : could
ブラウザ意見 Opera Japan のパネルディスカッションに参加しました 数日前の話になりますが、Opera Japan にて社員向けのパネルディスカッションが開催され、スピーカーとして招待されました。林 信行さん、ミツエーリンクスの木達さんに並んで一緒に話すことが出来て恐縮でしたが、こんな機会はまずないので楽しんで参りました。Opera が示すことが出来る日本のプレゼンスに関するディスカッションもありましたが、Opera というひとつのブラウザに捕われない大きな話もありました。 HTML5 がこれからWebアプリケーションにどのような影響を及ぼすのか、そして使える環境が整えられ始めている現在においてデザイナーや開発者はどのような姿勢をとっているかといった話は多くの時間を費やしました。ジャーナリストから見た視点、大規模の Web サイト制作会社の視点、そしてひとりの Web デザイナー
市場調査をしない Apple のビジョン
iMac, iPod, iTunes Store, そして今は iPhone。最初は批判が少なくなく、多くの疑問が投げかけられる Apple 製品ですが、気付いたら誰もが Apple のモデルを追いかけている形が続いています。Apple がすべて正しいことをしているとは言えませんし、最近もGoogle VoiceをiPhoneから締め出すといったニュースが報じられたりと、閉鎖的な動きをよく見かけます。それでも世界中で本当に先進的なことをしているなと感じる数少ない企業であることは間違いありません。 彼等のイノベーションの秘密は何なのでしょうか。実は Apple では市場調査を一切せず、過去 10 年でコンサルタントを雇ったのも1回限り。これからのトレンドを調査をして見つけ出すのではなく、自分たちで作り出すという彼等の姿勢の表れなのでしょう。詳しくは「You Can’t Innovate Li
トレント・レズナー流マーケティング論
Nine Inch Nails の Trent Reznor といえば、オンラインを活用した様々な活動を数年前から積極的に行っているアーティストのひとり。ウェブサイトもちょっとした SNS になっていますし、以前からネット上で新アルバムの無料配信、GarageBand ファイル形式で楽曲を公開、400GBのコンサートのHD映像を BitTorrent で公開といった様々な活動をしています。 レコードレーベルに対して強い意見を持っている方としても知られていますね。 そんな彼が公式フォーラムに降臨。「my thoughts on what to do as a new / unknown artist」というタイトルで無名アーティストへのアドバイスを幾つか書いています。彼の経験とリスナー/ファンの変化に敏感に反応して活動している彼らしい言葉が幾つかあります。アーティストに向けているとはいえ、他
いろいろあるインタラクティブ・テーブル : could
UI視覚化 いろいろあるインタラクティブ・テーブル マルチタッチで操作可能なインタラクティブ・テーブルといえば Surface が有名ですが、他でも同類のテーブル（もしくは壁）が開発されています。カフェ、図書館、カンファレンスなど人がたくさん集まる場所にあると便利そうなインタラクティブ・テーブル。今回は GUI の見せ方も含めて興味深いものを幾つか紹介。アート作品から実際使われているものまで集めて参りました。リンク先のサイトには動画が掲載されているので、読むよりまずは見て体感すると良いと思いますよ。 Maeve ドイツの University of Postdam で開発されているテーブル。専用カードを置くことで情報むことが出来たり複数のカードの情報の関連性を視覚化してくれます。ProcessingとGestaitで開発されたそうです。 Remotable スウェーデン在住の学生によって作
感性によるデザイン データによるデザイン
３年前に Doug Bowman が Google に参加したニュースを聞いたときは、意外な組み合わせだと感じると同時に今後どう Google が変化するのか楽しみになりました。彼がどのように Google に関わったかどうかは知りませんが、表に出る出ない関係なく様々なレイヤーにおいて影響を及ぼしたと思います。そして、先日 Goodbye Google というエントリーで Google を去ることになったと告げています。次どのような活動をされるのか楽しみではありますが、エントリー内には気になる部分も幾つかあります。 彼は文中で「エンジニアばかりの企業になると、問題をいかに処理 (engineering) するかが話の中心になる」と書いています。主観をすべて省いてデータから答えを探るアプローチ。Google はどの青が良いのかインハウスで決めず41種類の青を使って、利用者がどの青を好むのかデ
各プロトタイピングの長所・短所
ウェブサイト制作でもプロトタイプを作成する機会が増えてきたと思います。しかし、プロトタイプ一言でいっても様々な方法で作ることが出来ます。今まで様々な種類のプロトタイピングを紹介したことがありますが、どの方法を使った方が良いか迷うところです。短時間で作れるかどうかだけでなく、誰と共有するのか、変更がしやすいか、完成品とどれくらい近づけるのかなど考慮したい項目は幾つかあります。Adobe Dev Center の「Industry trends in prototyping」という記事では、プロトタイプのメリットだけでなく、よく使われているプロトタイピングも紹介しています。この記事も参考にして、幾つかあるプロトタイピングの長所・短所を考えてみました。 紙のプロトタイプ すぐに作れるメリットはあるが、完成品と使い勝手が異なるだけでなく、再利用も難しい クリック可能なスクリーンショット PDFなど
Web版Twitter利用者向けの便利なUserscript
以前は Twitterrific のようなクライアントを使って、Twitter を追っていましたが、最近は Webブラウザで直接自分のページにアクセスして観覧しています。独立したクライアントや IM のほうが手軽なのですが、頻繁に更新しているのが視野に入ってしまうと集中出来なくなります。いつでも見るのではなく、見たいときに見るほうが良いなと思って今は Web 版を利用しています。 Twitter用のソフトウェアのメリットは単に手軽にアクセス出来るだけでなく、それぞれ独自のカスタマイズがされている点もあります。Web版はシンプルに構成されているので、ソフトウェアを使っているときのような使い込みが難しいですが、Userscriptsを利用することでカスタマイズが可能です。（Firefoxなら Greasemonkey、Safari/Webkit をお使いの方は GreaseKit をインストー
10年以上前からあったライフストリーム
ライフストリーム (Lifestream) といえば去年あたりからよく耳にするようになった言葉。様々な利用者のネット活動をリアルタイムに追うことが出来るライフストリーム。FriendFeedのようなサービスを使って複数の利用者の活動を観覧することも出来ますし、自分で作ることも可能です。 最近出てきた情報の見せ方なのかと思っていましたが、10年以上前から「ライフストリーム」とい言葉は同じような意味合いで使われていたみたいです。イェール大学では、1996年に The Yale Lifestreams Project というプロジェクトを立ち上げています。「Lifestream とは」では以下のように説明されています。 A lifestream is a time-ordered stream of documents that functions as a diary of your elec
Twitterを使った社会活動 : could
様々な使い方や機能をあらかじめ提供している他サービスとは異なり、Twitterは大変シンプルなサービス。こうした機能を最小限に削ぎ落としたサービスは「こういうことが出来る」という明確な使い方が提示しにくい故、使い始めに苦労する場合もあります。明確な使い方がないのは同時に、工夫次第で使い方はいろいろあるわけです。英語圏で利用している方は多いので、リーチ出来る数も多いですし、ほぼリアルタイムでの対応が出来ることから、口コミやサポートのツールとして Twitter アカウントを持っている方も少なくありません。 また Twitter API を利用することで、具体的な使い方を提示出来るサービスをつくることも可能です。先月の Web Directions East で講演した Dan Cederholm も Twitter API を使って Foamee というサービスを立ち上げています。サービスの
3D空間でブラウジングするツールいろいろ : could
UI視覚化 3D空間でブラウジングするツールいろいろ TiltViewer Flickr の写真を 3D 空間にタイル状に並べる UI。マウスを動かすことによって角度を変えることが出来ます。 Tag Galaxy Flickr のデータを使ったサイト。タグに関連した写真を太陽系の惑星のように表示させることが出来ます。 NewsGlobe Yahoo! News の記事を 3D の地球上に表示させ、どの地域のニュースが多く取り上げられているかも分かるようになっています。 Cooliris フルスクリーンで膨大な量の写真を観覧可能にする Firefox のプラグイン search-cube 検索結果を立方体に表示させます。キーボードかマウスを使って回転させ、立方体に表示されているプレビューを観覧、サイトへアクセス出来ます。 Spectra MSNBCが提供するのRSSリーダー。ニュースを3D空
モノとネットを繋げるサービス : could
インターネットサービス モノとネットを繋げるサービス 最近、日本でも chumby のようなパソコン以外からのインターネットととの関わり方が注目を浴びています。chumby だけでなくても、ネットに繋がるデバイスというのは幾つかありますが、その他にネットと実世界を繋げるサービスというのも幾つか出てきています。つまり、名刺、おもちゃ、鉛筆といったモノがネットに繋がる窓口に変わるといったら良いのでしょうか。 ネットと実世界のリンクとして代表的なのが QRコードだと思いますが、今はそれだけでなく様々なものがあります。chumby もそうですが、特徴になっているのが、開発可能な環境も同時に整えられていて独自のサービスや楽しみ方を提案することが可能な点です。以下に４つほど注目のサービスを挙げておきます。 tikitag RFID が埋め込まれている小さなステッカーに、URLだけでなくメッセージやアプ
アンビエントライフのもつ可能性と課題
未来を思い描くことは、短期的には成果が出ないことかもしれませんが、長期的にデザインやテクノロジーへの理解を深めることが出来る大事なプロセスだと思います。先月行った WebSigのワークショップは、アクティビティとして具体化した一例といえます。未来が描かれたコンセプトワークやビデオをネット上でたくさん見つけることが出来ますが、Freeband Communicationというオランダにあるリサーチプログラムが制作した The Ambient Life というビデオは最近見つけた中でおもしろいなと思った作品のひとつです。 アンビエントライフで提案されている様々なシーンで共通しているのが、人からのインタラクションは限りなく少ないという点です。ボタンを押すというアクションはあるものの、押した後に行われるデータのインタラクションはすべてシステムが行っています。人からシステムというより、システムが自ら
デザインが失敗してしまう理由 : could
「アート・オブ・プロジェクトマネジメント ―マイクロソフトで培われた実践手法」「イノベーションの神話」の作者として知られている Scott Berkun氏は、現在も執筆活動だけでなく講演やブログなど情報発信を絶え間なく行っている方です。そんな彼が先日「なぜデザイナーは失敗するのか」という刺激的なタイトルのレポートを掲載しました。詳しい内容は UIE13 で話されたそうで、スライドの PDF 版をダウンロードすることが出来ます。 デザイナー、プロジェクトマネージャ、プログラマーなど様々な役職の方300名を対象に調査 (そのうち 35.2% はデザイナーで、49% はチームを管理したりリードする方)。41の質問に対してデザイナーが失敗すると思うものを1〜5のスコアを付けるというアンケート。詳しくは記事を読んでいただきたいですが、平均スコアが高かったのは以下の10項目。 デザインをしない方がデザ
デスクトップを超えたOS: itsme
デスクトップのメタファを使ったファイルシステムが不適切な状態になってきていると言われて久しいですが、現状は変わることなく使われています。個人的に Mac OSX は未だに従来のメタファを使っているものの、徐々にそこから離れているイメージがあります。必要な気がしても「これ！」というものに出会っていませんが、この難しい課題に挑戦しているのが、イタリアの itsme というプロジェクト。2010年のリリースを目指して Linux ベースのまったく新しい OS を開発しているそうです。 このプロジェクトが興味深いのが、機能ではなく人にフォーカスしてどのようなシステムが必要か模索している点。人の生活は様々なストーリーが密接に絡み合っており、それぞれのストーリーには現場 (venue / 場所・意見・立場) が存在すると仮説。人の体験や状態に応じて柔軟なメタファが必要であると説いています。我々が能動的
よりスマートなサムネイルとは
クリックしなくても必要な情報のサマリーを見せる「ライブアイコン」。小さなスペースで効率よくかつスピーディに情報にアクセスするためのひとつの見せ方だと思います。アイコンやサムネイルのような小さなグラフィックも今まで以上にスマートな形で利用者に情報を伝える必要があります。iPhone をはじめ、スマートフォンではお気に入りのサイトをホームパネルに保存する機能があります。iPhone だと専用の Favicon が表示されますし、Sony Ericsson の Xperia だとページの見た目がそのまま反映されます。 しかし、いずれの方法でも課題が残されています。iPhone の場合だと静的なアイコンなので何も情報が見れません。Xperia の場合だとサイトの全体像が見れますが、あまりにも小さすぎて何が書いてあるのか分かりませんし、何か変化しても判断しにくいです。iPhone に実装されている
ライブアイコンを使った情報の見せ方
デバイスが違えば情報との関わり方は変わってきます。同じウェブからの情報を受信するといってもパソコンとモバイル機器では関わり方とアプローチに違いがあります。最も大きな違いであり、課題になるのが、モバイル機器でははるかに小さなスクリーン上で多くの情報を掲載しなければならないという点。『モバイル (移動)』という環境化の中で、欲しいときに必要な情報をすぐに出す必要があります。スクリーンが小さい割にはパソコンより多くの情報を目の前に出せるようにしておく必要があるわけです。 こうした難しい課題の中、モバイルインターフェイスで適応されているテクニックが「ライブアイコン」という概念。パソコンのアイコンといえば、アプリケーションを概念的に象徴するシンボルですが、突然形が変わるということはありません。しかし iPhone や Sony Ericsson の Xperia X1 のアイコンはアプリケーションに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
