目下のところiAではwebtrendmap.comにおきましてWeb Trend Mapのインタラクティブ・バージョンを製作中です。本プロジェクトのコンセプトは非常にシンプルです。オンライン・トレンドをリアルタイムでおさえ、ユーザーの皆様それぞれに合わせてパーソナライズ、ローカライズされたマップに表示していくシステムです。技術的なお話をするとややこしくなるのですが、もちろんこのアイデアと同じくらいインターフェイスの方もシンプルに、使いやすくするべく鋭意作業中です。私たちiAの、この革命的なオンラインアプリケーションのサービス開始は、バスティーユ襲撃の起こった日と同じ、7月14日を予定しております。

本件についての今後の動向に関する最新情報は、webtrendmap.com のニュース配信登録(NOTIFICATION LIST)及びtwitterにてご確認いただけます。 さて、それから、多くの方から優しく、そして熱烈にお問い合わせいただきましたので、壁紙はこちらにご用意いたしました。

Web Trend Mapは、現在インターネットの世界においてトレンドをリードしている人物やドメイン(ウェブサイト/サービス/企業)を東京メトロの路線図上にプロットしたものです。掲載するドメインや人物の選択は、トラフィック、収益、キャラクターなどの評価を総合して行いました。またβ版に寄せられた皆様からのフィードバックも参考にいたしました。

私たちは、まず関係のあるウェブサイトを近くに集め、さらに適切な路線上(カテゴリ)に配置しました。するとそこには、当初私たち自身が考えていた以上の意外性や皮肉などが現れ、単に正しく関係性を表すという以上の興味深い結果となりました。 大きいサイズの地図を見る »

ちなみにこの地図はAppleのポスターを印刷している印刷所で印刷しています。つまり最高の品質をお約束できるということです! 印刷所での写真をもっと見る »

ご注文は今すぐ!

Web Trend MapはA0サイズ(841 mm × 1189 mm / 33.25 in × 46.75 in)のポスターで、$49(USD)にてお買い求めいただけます。世界中どこへでも発送いたします!

当ブログのコメント欄でモデレータを務めながら私は往々にして、反抗期の十代の息子を諭す父親のような気分になります。ブログをやって行く上で、それぞれの記事にどのくらいの反響があり、また読んで下さる方々がどのようなお考えをお持ちなのかを知るために、コメントを頂くことは大変勉強になります。しかし、コメントというのは得てして鵜呑みにしてはならないような情報を含んでいたりもするものです。インターネットを日本のゲーム・娯楽業に例えれば、ブログのコメントはおそらくアダルトゲームのポジションを与えられるべき存在です。

さて、コメントについての不満はこの辺にして本題に入らせていただきます。これから、以下のシステムを採らせていただきます。

1. 本iAブログ記事についてのご意見などはTwitter経由でお寄せください。
2. 頂いたご意見は私どもで一度選別させていただきます。
3. 公開コメントの代わりに上記プロセスを経た皆様のご意見を各記事の下段に表示いたします。

自らのサイトに何が掲載されるべきかを選ぶというのは特段おかしなことではないと考えております。逆に、何か新しいアクションを求めてブログをやっているのに、コメントのモデレーションに忙殺される現状というのは、憂慮されるべき状態です。きちんと記事も読んで下さらず、私たちの知性を侮辱するような発言をされる方のお相手をしなければならないことも、どなたか全く存じ上げない方の知的なナニがどれほどファンタスティックなのか、と言うような件についての長話を読まなければならないことも大変不本意なことです。

コメントの代わりにTwitterでご意見を頂くことのメリットは

1. 短い、例えば「すごい」とか「つまらない」という反応だけの一言コメントにスペースを奪われることを避けることが出来ます。
2. タイトルだけ読んで好き勝手なことを長々と披露されるような方は残念ながら参加不可能となります。
3. コメントの匿名性が下がることで、それぞれの発言に責任が伴うようになります。

さて、もちろん、だからといって新しい技術がすべてを解決してくれた、などと申し上げるつもりはございません。先ほどの例えに戻れば、Twitterはさしずめ、パチンコと言ったところでしょうか。

この記事についてのご意見はTwitterにてお願いいたします。

ダウンロードはこちら；印刷前の最終ドラフトとしては、こちらのPNG (2.6MB)をダウンロードいただけます。本格的に完成後は、より多くのフォーマットをお出しする予定です。

フィードバックはこちらにお願いします；コメントセクションにどうぞフィードバックをお寄せください。今回はウェブトレンド・セッターがないとか、抜けているウェブサイトがあるとか、アドバイスとご指摘のみでお願いたします。

テキストがつまらないのは、書いた人間がつまらないからだとお考えの方もいらっしゃるでしょう。しかし、私は敢えてそれをワープロの責任だと申し上げたい。そもそもワープロの存在意義とは、正しい綴り方、文法、文書の編集などの上に見出されるものです。そしてこれらの要素は、文章から生気を抜き取り、書くことのスリルを喪失させる、まさに「つまらなさ」の鏡であるからです。時を遡りタイプライターの時代は、書くという仕事はもっと手の汚れる作業でした。タイプライターで書かれたものは読み手にしたら必ずしも読みやすく、目に美しいものではなかったかもしれませんが、書き手の側にとっては絶対的に何倍もエキサイティングな経験でした。

タイプライターの復権を唱える人々がいます。曰く、ワープロのエディット機能をブロックせよ！インターネットアクセスを禁止せよ！その他のプログラムも停止させよ！１９世紀への回帰を！等々。しかし、これらの人々は何とも非現実的か、もしくは救いようがなく保守的です。そして、どちらにせよ保守的なアイデアの大方がそうであるように、インターネットの時代には合いません。

私の脳内には、理想のデジタル・プロフェッショナル・ライティングマシンのコンセプトがすでに存在します。私の引き出しの中にある、ニコンDX300のライター・バージョン。最高にハードな手応えのキーボード、明るいスクリーン、そして本当にソフトなソフトウェアを誇る究極のマシン−実現しようとなったら１００万ドル級の資金が必要ですが−というわけで、この話はしばらく置いておくことにしましょう。（オカネをたくさんお持ちの方、いつでもどうぞお気軽にご連絡ください）

Twitterブロギングのススメ

というわけで、私が当面の解決策としてご案内したい方法が、次々と頭に浮かぶアイデアをTwitterにリアルタイムにポストしていくというものです。そして、それらをまとめて後からブログ（や、MSWordでも、なんでもお好みのものに）するのです。Twitterブロガーになる場合、まずはTwitterユーザとしての鉄の掟を守らなければなりません。「すべてのポストはそれ自体で一つの節として響かなければならない」というのが第一の決まりです。そして、その次ぎにくるのは「それぞれの節は一緒になった時、小鳥のさえずりのようにつながらなくてはならない」という掟です。 Twitterブロギングの美点を以下にご紹介したいと思います。

a)発信者は常にFollowerを失うというプレッシャーのもとでものを書き続けなければなりません。まるでキェルケゴールの本に出てくる蜘蛛のように。

蜘蛛が一定点から必然的帰結へ身を投ずる時、蜘蛛は絶えず自分の前に空虚な空間を見る。そしてそこでは蜘蛛はどんなにもがいてみても足場を見出すことは出来ない。私の場合もそうである。私の前には絶えず空虚な空間が広がり、必然的帰結は背後から私を駆り立てるのだ。

b) 読み手側も、ドラフトとなる１４０ワードのブロックそれぞれにコメントを加えることが出来ます。

c) あらゆる記事のドラフトの閲覧が可能になれば、書き手の心を深く、また興味深い角度で見ることができます。

残念なお知らせ

さて、ここまで良いお話ばかり申し上げてきましたが、皆様が乗り気になってしまう前に、Twitterブロギングを始める者の前に立ちはだかる三つの山についてお伝えしたいと思います。

1. Twitterブロギングはあくまでドラフト作成用です。実際のブログにする段階ではもちろん通常のブログと同様に編集作業が必要となります。また、ブログのポストにコメントを受けるのと同時にTwitterを通じてもコメントが来るようになります。Twitterのコメントしやすさは専門的なものから、匿名の最高にくだらないものまで、あらゆるコメントを広い間口で招き入れます。
2. Followerがうんざりしない頻度に拡散させてポストする必要があります。（１０件／１２時間程度）同じ話題に属するポストには文末に同じパラグラフタグをつけます。
3. 試してみたいとお考えの皆様、私たちがWPコードを完成させるまで今しばらくお待ちください。

この件に関して、開発をお手伝いして下さる方がいらっしゃれば、私たちは喜んでアシストさせていただきます。まだ私たちの盛り込みたいと思っているアイデアは載せきれていません。例えば、Twitterフォーマットを見えなくするようなレイアウト、編集済みのブログポストからドラフトを見ることが出来る[ShowDraft]リンクなど。それから、Drupalのグルがどこかにいらっしゃって、Drupal プラグインなどもやって下さったら、それも嬉しいのですが。

通信速度もマシンも今より遅かった頃、ブラウザを10ほども開けば、「多くのタブ」と言われていた時代、タブは非常に重宝されていました。しかし今日ではブラウザは単なるデータ表示用アプリケーションというよりは、共有ハードドライブとしてのウェブを管理する為のオペレーティングシステムの機能を果たすようになっており20以上のタブによる並行作業が当たり前のように行われています。タブは、7つ、8つを超えて同時に開くと非常に使いづらいものとなります。また、次元の異なった情報を同時に扱うような場合にもタブは向かないと神が明らかにしておられます。瞬間的にスクリーンをスッキリさせたい時にはタブは大変有効です。そして、タブはその役割に専念していれば良いのです。ブラウジング作業の全体的な効率化に私たちが提案したいのがこちらです。(クリックすると高解像度でご覧頂けます):

SafariやChromeよりも余程良い使い勝手が実現出来るはずです。このデザインの心は、ただスクリーンショットを並べるというところではなく、ブラウザの役割を単なるメディア表示機能にとどまらせず、メディア・システム・オーガナイザというところまで引き上げた点にあります。スクリーンをその場しのぎに整頓させてみせるブラウザ構築から離れ、ブラウザ自体を（マルチメディア）ファイル・システムとして組み立てられたら、なにか素晴らしいものが出来るのではないか、というのが私たちの出発点でした。ITunesのように。あらかじめ定義されたフォルダを活用して。OSXのように。いつでも新しいタブを開けば、iTunes、、ではなくてFirefoxライブラリで最後に見ていたものが分かるシステムです。

えぇ、はい。もちろん皆様のおっしゃりたいであろうことは重々承知しております。でも、欠点もありながらにiTunesはマルチメディア・ファイル・システムとしては優秀な仕事をこなすではありませんか。私のライブラリには何万もの音楽が保存されていますが、聞きたいものを探し出すのに5秒とかかったことはありません。ウェブサイトを見つけるのだって、これより早く済ませたいものです。洗練されたファイル構成とソート、サーチ（URLバー）機能を賢く組み合わせればすべては今以上の迅速さ、そしてシンプルさが実現出来るはずです。

そして、もちろんこの私たちですから、今回のモックアップにも色々と便利な仕掛けを忘れずに、そして我慢出来ずに盛り込んでみました:

1. URLバー（Firefox語では「awesomeバー」）の横に［前／次］ボタンを追加し、閲覧中のウェブサイトのRSSフィードをまるで雑誌のページをめくるような感覚で読めるようにしました。
2. ブラウザを新しいOSレイヤーとして位置づけ、フルスクリーン方式を取り入れて、用のないトップメニューを隠しました。
3. 万一スクリーンがごちゃごちゃになった場合に備え、タブ機能もちゃっかり温存しております。
4. RSSをRSSとしてユーザーに特に意識させずに利用できるような形でブックマークに取り入れました。
5. 自動的にカテゴライズ／ファイルされるブックマーク、サーフリスト、統計などなど、、、

この初期スクリーンデザインにはまだまだ改良点がたくさんあります。しかし今の時点で必要な、アイデアを表現するという点ではきちんと機能するように作りました。ご意見があればぜひ、お聞かせくださいませ。

新しいデザインがイマイチぴんとこないでしょうか。えぇ、まだこれは未完、作業段階のものです。まだ全貌がどのようになるかをお見せするわけにまいりませんが、ここで皆様のお知恵を拝借いたしたく、ご意見を募集したいと思っております。以下にリストされておりますものが、今回のTrend Mapに入る予定として私どもの考えているネットワーク、ウェブサイト、起業家やトレンドセッターの方々です。

WEB SITES AND NETWORKS: 163.com, 1UP, 24 Gi, 2ch.net, 4chan, 4shared, 56.com , 6.cn , A List Apart, ABC, About.com, Adaptive Path, AdBrite, Adobe, AIGA, AIM, Al-Jazeera, Alexa, Alibaba, Amazon, Amazon Japan, Amazon.de, Ameblo, Ancestry.com, Android, Answers.com, AOL, Apple, Ars Technica, Ask.com, Badongo, Baidu, BBC, Bebo, Beppegrillo, Bigpoint, Blogger, Bloomberg, BoingBoing, Boxes and Arrows, Brandchannel, BuzzMachine, Cisco, CNET, CNET Downloads, CNN, COLOURlovers, Comcast, Comedy Central, Compete, Coudal Partners, Craigslist, Creative Commons, Crooks & Liars, Crunchbase, Crunchyroll, CSS Beauty, CSS Mania, Cyworld, Daily Kos, Dailymotion, Daring Fireball, DataPortability, Dave Winer, del.icio.us, Deposit Files, Der Spiegel, Design Observer, Design Shack, Designers Republic, deviantART, DevX, Die Zeit, Digg, Discuss , Disney, Doodle, Double Click, dpreview.com, Drudge Report, Drupal, DZone, Eastmoney , Easy Share, eBay, eBay Germany, eBay UK, eBuddy, eHarmony, El Mundo, El País, Engadget, ESPN, Expedia, Facebook, FactCheck, FARK, FC2, Federated Media, FeedBurner, FileFactory, Firefox, Fireworks, Flickr, Fotolog, FOX, Friendster, Frog Design, GameFAQs, GameSpot, Gawker, Getty Images, Gizmodo, Globo, Go Fug Yourself, goo, Google, Google AdSense, Google Syndication, Google Analytics, Google Image Search, Google Maps, Gmail, Google Reader, Google News, Google Video, Google Books, Picasa, Google Groups, Google Docs, Google Earth, Google Apps, Google Finance, Google Adwords, Google Answer, Google Checkout, Google Calendar, Google Blogsearch, Picasa, AdSense, Google China, Google Espana, Google France, Google Germany, Google India, Google Indonesia, Google Italy, Google Japan, Google Mexico, Google Netherlands, Google Poland, Google Russia, Google Saudi Arabia, Google Thailand, Google Turkey, Google UK, Gutenberg, Hatena, Heise, Hi5, HowStuffWorks, Huffington Post, Hulu, ICQ, IDEO, iG, IGN, ImageShack, ImageVenue, IMDb, IMEEM, Internet Archive, isoHunt, iTunes, IXDA, Jabber, Joox, Kotaku, kottke, La Repubblica, Last.fm, Le Monde, LinkedIn, Linux, Live Messenger, Live Search, Livedoor, LiveJournal, Mail.ru, Match.com, Media Matters, MediaFire, Meebo, MegaUpload, Megavideo, Metacafe, metroFLOG, Microsoft, Migente, Miniclip, Mininova, Mixi, Monster, MOO, Mop.com, MovableType, MSN, Multiply, MyBlogLog, MySpace, MySQL, MyVideo, Naver, Netflix, Netlog, Netvibes, New York Times, Newsnetz, Newsvine, Nicovideo, Ning, NZZ, O'Reilly, Odnoklassniki, OhMyNews, Opensecrets, Opera, Orkut, Pandora, PartyPoker, PayPal, PChome.net, PDF, Peachpit, PerezHilton, Photobucket, PHP, PingMag, Plaxo, Podcast Alley, PokerStars, Python, QBN, QQ, Rakuten, RapidShare, Reddit, Rivva, Ruby, sapo, Scobleizer, Sendspace, Sina, Skype, Skyrock, Slashdot, Slate, Smashing Magazine, Snap Shots, Snarf-It, Softonic, Sohu, Something Awful, SourceForge, Starware, StatCounter, Studiverzeichnis, StumbleUpon, Subtraction, swissmiss, T-Online, Tagged, Taobao, Techcrunch, Techmeme, Technorati, Terra, The Consumerist, The Daily Show, The Economist, The Onion, The Pirate Bay, The Register, TheGuardian, ThinkGeek, TOM.COM, TorrentMatrix, TorrentReactor, Torrents, Torrentz, Tudou, Twitter, Typepad, U9, Universo Online, USA Today, UseIt, UserCash, Uwants, V Kontakte, Valleywag, Veoh, Versiontracker, Vimeo, Vnet.cn, VOX, W3C, W3Schools, Walter S. Mossberg, Wall Street Journal, Washington Post, WebMD, Wikipedia, Wikileaks, Wired News, Wonkette, Wordpress, WRETCH, Xanga, XING, Xunlei , Yahoo!, Yahoo! Answers, Yahoo! Japan, Yahoo! Mail, Yahoo! News, Yandex, Y Combinator, Youku, YourFileHost, YouTube, ZeFrank, Zeldman, zShare

WEB ENTREPRENEURS AND TREND SETTERS: Akash Garg, Alex Welch, Alexis Ohanian, Allen Blue, Anca-Alina Seghedi, Angelo Sotira, Arianna Huffington, Avinash Kaushik, Aza Raskin, Benjamin Bejbaum, Beppe Grillo, Bill Gates, Biz Stone, Bobby Chang, Brewster Kahle, Brian L. Roberts, Bruce D. Smith, Challis Hodge, Charles Geschke, Chris Anderson, Chris DeWolfe, Chris Hughes , Dalton Caldwell, Dan Nye, Darren Crystal, Dave Silfry, Dave Winer, David Heller, David Plotz, David Tokheim, Dmitry Shapiro, Drew Curtis, Elaine Wherry, Eric Boyd, Eric Schmidt, Evan Williams, Eyal Hertzog, Felix Miller, Gabe Rivera, Garrett Camp, Geoff Smith, George Bodenheimer, Gina Bianchini, Greg Forgatch, Hiroyuki Nishino, Hosea Jan Frank, Ian Anderson, Iggy Fanlo, Jason Calacanis, Jack and Alexander Levin, Jack Dorsey, Jack Ma, Jakob Lodwick, Jakob Nielsen, Janus Friis, Jean-Luc Vaillant, Jeff "CJayC" Veasey, Jeff Bezos, Jeff Jarvis, Jeffery Zeldman, Jesse James Garrett, Jim Buckmaster, Jim Coudal, Jim Jarrett, Jim Safka, Jimmy Wales, John Amato, John Battelle, John Gruber, John T. Chambers, John Warnock, Joi Ito, Jon Stewart, Jonah Peretti, Justin LaFrance, Ken Lerer, Kenji Kasahara, Kevin Rose, Khoi Vinh, Larry Page, Larry Sanger, Loic Le Meur, Marc Andreessen, Marissa Mayer, Marc Benioff, Mark Zuckerberg, Markos Moulitsas, Martin Stiksel, Matt Drudge, Matt Mullenweg, Matthew Stephens, Meg Whitman, Michael Arrington, Michael Bloomberg, Michael Dell, Mitchell Baker, Mike Jones, Neil Clark Warren, Olivier Poitrey, Paul Graham, Perez Hilton, Pete Cashmore, Pete Deemer, Peter Rojas, Ramu Yalamanchi, Reed Hastings, Rick Cecil, Rob "CmdrTaco" Malda, Robert Scoble, Robert Small, Rupert Murdoch, Sandy Jen, Seth Sternberg, Scott Jarkoff, Sean Parker, Sergey Brin, Seth Godin, Sheryl Sandberg, Steve Jobs, Steve Ballmer, Stewart Butterfield, Thomas Enraght-Moony, Tihan Presbie, Tim Berners-Lee, Tim Brown, Tim O'Reilly, Tim Sullivan, Tina Roth Eisenberg, Tom Anderson, Toni Schneider, Vince Broady, Vint Cerf

どうぞ上記リストに関して、コメントをお願いいたします。また、リスト追加についてのご提案もお待ちしております。宣伝目的でのご自身のサイトなどのご紹介はご遠慮願います。基準は：トラフィックを考慮し高い妥当性があると考えられるもの、または2009年に大ブレークするポテンシャルのあるものです。

追補: friendfeedのこちらのルームも開設いたしました。

追伸 – この数日内に2008年のレビューと恒例の2009年予測を掲載予定ですので、是非ご覧下さい。

iAでは、この度Doodleのブランドアイデンティティとインターフェイスのリデザインに携わらせていただくこととなりました。既存のインターフェイスについて一連のユーザビリティ・テストなどによる評価から着手し、その後数段階にかけてデザインの改良を重ねました。それぞれの段階において、iAのデザインチームとチューリヒのe&tの運営するユーザビリティラボの緊密な連携により、革新的にデザイン改良作業が進められました。ここまでユーザビリティテスト環境に恵まれた中で作業を進めることが出来たのは私たちにとっては初めてのことでした。既存のインターフェイスがすでに高いユーザ満足度を獲得していた今回の案件では、頻繁なユーザビリティテストは不可欠でした。

何度かのデジャヴ、そしてアハ！的な瞬間とともに、私たちはいくつか意外な発見をしました。中でも、一番驚いたのは、現在GoogleやiCal、Outlook Express、そしてDoodleの競合相手らが使用しているカレンダー・スタンダードが、全く良い結果を残さなかったということです。逆に、様々な選択肢の中で、現在のiframe的なスクロール式のdiv boxがユーザビリティテストで一番の結果を残すことも、全く予想していませんでした。

数段階のワイヤーフレーム作成とテストを経て、私たちはその、欲しいところにまさに的確に手が届く、ユーザー重視の特徴を存分に生かすべくDoodleブランド用のモジュラーデザインシステムを打ち立てました。

以下に、私たちのデザイン過程を少しご紹介いたします。

そして、こちらが元のデザインです。

Live TV by Ustream

以下は逐語的引用ではなく、またナンバリングも確実に正確ではありません、つながりが曖昧なところもありますが、それでも説得力のある、素晴らしい内容であったことは感じていただけるかと思います。

カラカニス氏の語った内容

1. 強力なブランドは、マーケットが不況の時に生み出されるものである。そういった時こそ大きなシェアを占有するチャンスであるからだ。市場の低迷期こそ人々が必要としているものを生み出すべき時で、ただ単に金儲けをしようと企んで起業する人間は成功しない。お金のない人間の方が、良い企業を興すことが出来る。彼らはお金でなく、情熱（パッション）によって起業しているからだ。

2. 市場が低迷し、インターネットの利用は増加し、起業コストは低下しており、人々の自由時間は増加している。一言で言うと、市場低迷期は企業には最適である。

3. 信頼と「キュレーション」が未来のキーとなる。1.0、2.0の時代に作られた多くのものは、匿名性、マーケッター、素性不定の人々という不安定な基礎の上に築き上げられている。これから先なすべきことは、既存のアイデアの上に信頼とキュレーションを加えていくことである。Diggは素晴らしいシステムであるが、匿名というその性質は改良の余地を残している。集団知（wisdom of crowds）などというものは存在しない。集団にトレンドやパターンは見いだせることはあっても、そこに知識は存在しない。集団知とは、シリコンバレーの人間が、頭の悪い人間をタダで働かせるために作り上げた単語に過ぎない。

4. 生き残ることとは革新し続けることだ。優秀な企業とは、何年間も存在し続けられる企業である。不況に怯えている起業家がいるとしたら、お母さんの待つ家に帰って、その間にホンモノの起業家たちにマーケットシェアを横取りさせてしまえばいい。

私の意見

なにより、ここまで楽観的なものの見方をする方の話を聞くことができたのは、大変に良い経験でした。とりわけ、この業界に長くいて、嫌になるほどネガティブな意見を聞いてきているはずである同氏からこのような話を聞くことが出来たことをありがたく思っています。

1. 賛成です。ブランドはパーソナリティであり、それを作った人間のパッションの上に成り立つものです。スティーブ・ジョブスでも、ビル・ゲイツでも、ヘンリー・フォードでも、ジェフ・ベゾスでも、企業のトップとはブランドを象徴し、またブランドを走らせるような存在です。しかし、情熱だけではなんともなりません。情熱の他に、巨大なマーケット、巨大なネットワーク、そして、最も重要なことには、生き残りのための堅実な手段が必要です。おっしゃる通り、テクノロジーは驚くほど安価になってきていますが、プログラミング、インタラクション・デザイン、マーケティングの十分なリソースなしには大手と戦うことなど出来るはずありません。巨人を倒すには、パッションを越えた何かが必要です。強靭な筋力、T3級の決断力、そしてあなたの為に働いてくれる人間のための十分な現金が。

2. 2点目については完全に同感です。前に、同じようなことを申し上げたことがあります。道のりは簡単ではないにせよ、この経済低迷期はテック・カンパニーにとってはビッグチャンスなのです。なだれにのってをご覧下さい。

3. 本サイト、FACTS（匿名コメント）、そしてDas Magazin（記名のみ）のコメントを見て私も痛感しておりますがWeb2.0の悪の根源は匿名性です。信頼を得るためには、透明性が必要です。つまり、実名のみでの参加ということです。 オンラインサービス界の現世代におけるスーパースター となった人々が皆、正体を明かして参加しているのは偶然などではありません。私は、この点について何度か指摘してまいりました。そしてその度に匿名ユーザの方々から酷評をいただいております。しかし、もう一度、そして最後の一言をいわせていただきます。名無し・偽名コメンテーターたちよ、大人になる時間です。

4. 氏の4点目の指摘も非常に的を得た考察です。一つ付け加えさせていただくなら、もし、未だに少しの元手とちょっとしたトリックで一晩で大金持ちになれると考えている人がいるとすれば、その御仁にとって、今年はちょっとクジ運的に厳しい年になるだろうと言うことです。すべての優れたブランドは、オンラインでも、オフラインでも、大変な労力と、良い人脈、そして強力な運の上に成り立っているものですから。

GMailは見た目も、使い心地も明らかにHTMLウェブサイトであり、普通のユーザーがアプリケーションに対して期待している美的要素が幾分削ぎ落とされています。対して .Macの新バージョンであるMobileMeは見た目も、使い心地もデスクトップアプリケーション寄りですが、ウェブサイトデザインの基本に沿っては作られていないようです。オンラインアプリケーションのデザインは、どちらの針路を取るべきなのでしょうか？「オンライン」か、「アプリケーション」か？

アート・オブ・ノイズ

MobileMeにおいてウェブ上の主要なナビゲーションや、インターフェイス操作を司るアイコンは、その内容が一目で分かるようなデザインを備えていません。これらのアイコンを見てユーザー（特にマックユーザーでない人々）はそれぞれの意味するところを想像するという作業を行わなければならなくなります。見た感じで分かるとすれば最初の３つくらいでしょう。確実に明らかなのは一番左のものくらいです。テキストなしのこの状態ではマウスをホバーした時に現れるツールチップに頼るしかありません。

では次にこれをGmailのナビゲーションと比較してみましょう。

シンプルなテキストで、それぞれのリンクが何を示すのかは一目瞭然です。”Start Page”はスタートページへ、”Mail”はメールへ。間違ったところをクリックしてしまうような心配をする必要はありません。

不明瞭なシンボルを使用したインターフェイスは、慣れ親しんだ言語（視覚言語またはその他の言語）によるガイドに比べて、人々に余計に頭を使わせることになります。簡略化しすぎたMobileMeのナビゲーションアイコンは不親切で、またインターフェイスの一番基本的な部分に不明確さをもたらしています。これはサイトのユーザビリティ的には逆効果です。というわけで、1:0でGoogleがリード。

目を喜ばせるデザイン: (Dot) Me

ごちゃごちゃと詰込まれたトップバーは、ユーザーにサイトの全体構成を示すという点においては、ほとんど意味を為しません。何の情報も与えないタダの「お飾り」の典型例です。その他の例を見てみましょう。

さて、今、見ているのは(おそらく)メールです。そして受信箱が開いている。(これは分かります)しかし、ここでメッセージをクリックしたら何が起こるか、についての情報は全く読み取れません。

優れたウェブデザインの要素の一つは、不明瞭性が少なく、分かりやすいことです。ユーザーのことを考えて構成をきちんと作り込み、そしてそれを視覚的に分かりやすく表現することが出来れば、明確性や利便性はついてくるものです。しかし、ここではそういったことは考えられていないようです。この画面で使われている色、背景のイメージ、そしてその他の様々なグラフィック・エレメントは、情報伝達の助けとなるどころか妨げになっているようです。

1. サイドバーのグラフィックは、その意味するべきものとあまり関連性がない。
2. それぞれのメッセージを仕切るラインがないことで、メッセージの一覧は視覚的にすっきりしているが、結果としてメッセージ同士の境が分かりにくくなっている。
3. メッセージの一覧は目を引くデザインだが、現在何のリストが開いているかというところに人々の視線をガイドする仕組みがない。
4. ボタンがスタイリッシュな形状に作られている。
5. フォームフィールドが飾り立てられている。
6. ツールチップの表示やカーソルの変化が唐突で一貫性がない。
7. メニューがMobileMeに依存している。

脳を喜ばせるデザイン: Gmail

こちらの画面では、一目でいくつかの情報が読み取れます。

1. この画面はInboxで、新着メッセージが1件ある。（そして既読メッセージが2件ある）
2. ユーザーの視線は自然とメッセージ一覧からInboxタブへとガイドされ、現在何を見ているのかが分かりやすい。
3. 新着メッセージは対照的な色遣い（白背景）、フォント（太文字）で表示されている。また、それによって既読メッセージを一段階落として階層的に見せている。
4. メッセージ同士は明確に直線で仕切られ、またそれぞれのメッセージに対して使用出来るオプションが明らかにされている。（Archive, Report Spam, Delete等）
5. ボタンが、デフォルトの形状のボタンである。
6. テキストが選択可能になっている。
7. ツールチップやカーソルの変化がそれぞれのリンクに分かりやすく対応している。
8. メニューは他のサイトのメニューと一貫性を保っている。
9. テキスト入力が分かりやすい。

Gmailのインターフェイスは、「安心」して使うことが出来ます。不確実な要素が少ないからです。サイトのほとんどの部分において、クリックすると「何が起こるか」が予測可能だからです。ロジックに頼る部分は少なく、そして多くの部分で操作の流れは明らかです。Gmailは、既に一般のウェブブラウザに広く使用され、親しまれている外観、感覚、そしてインターフェイスエレメントを利用しています。というわけで、2:0でGoogleにもう一票。

スピードとフィードバック

MobileMeにおいて最もイライラする要素は、その遅さです。ロードにかかる時間が長過ぎる場合など、分かっている時にはそれもインターフェイス設計の時点で考慮に入れ、ユーザーにロード中であることを示すサイン等のフィードバックを与えなければなりません。一般的にウェブブラウザはタブ中でローディングを示すアイコンを表示するなどの機能を備えており、Gmailはロード時間が長い時にはその機能をきちんと活用しています。

ロード時間が長過ぎるのをスキニングのせいにすることは出来ないでしょうが、反応の鈍いインターフェイスを放置しているのはデザイナーの怠慢です。MobileMeのFlashサイト構成はユーザーに、全く馴染みのない、そして時に使いづらいインターフェイスをゼロから慣れさせ、無理矢理使わせています。このようなアプリケーションは、おそらくウェブよりもデスクトップに残っている方がむいていたのです。というわけで、またGoogleに一票の3:0。

結論

Googleのメディアに合わせたアプローチは、インターフェイスに重要なのはグラフィックデザインではなく、その機能であるというということを示しています。ビューティコンテストに出ようとでもしているかのごとくに飾り立ててウェブの世界に踏み込んできたAppleは、真の意味でのコンテスト、つまりユーザビリティの美というステージでは勝者となれませんでした。しかし、もちろんこれはウェブアプリケーションを飾り立ててはいけないと言う意味ではありません。

Appleのデザインに対する繊細さは往々にして人々を驚かすような結果をもたらすことがあります。しかし、ウェブアプリケーションの可否を決めるのは形や色ではなく、ロジックです。そしてそのロジックは、美しさではなく、メディアによって定義されるべきものなのです。