chibirashka journal

9月12日、CSS Nite LP7に行ってきました。

場所はベルサール神田。半蔵門線の大手町駅でベルサールに一番近いC1出口に向かう途中、なんとなく懐かしい感じに襲われながら、階段を上っていたら、KDDビルにつながってる出口だった。あー、なるほど〜。そりゃ、懐かしいわけだよ。

でも、だからといって決して大手町の地理に明るいわけではないので、迷わずタクシーでピューッとベルサールへ。（厳密には隣のデニーズで腹ごしらえ）

関係者としての出席だったので、チラシ折り込み（？）等準備で、受付開始の1時間ぐらい前からいたんだけど、着いてまず会場の広さに圧倒された。

そして、その広い会場もどんどん埋まって、満員御礼な感じは圧巻！

しかし何よりも衝撃だったのは、生きてる間に二度とこの人には会わんだろうな、と思っていた人に遭遇し、さらに名刺交換する事態になったこと。Wow！

そういうわけで、心臓がバクバクなった結果、セッション自体は7-8割しか耳に入ってこなかったような気がしなくもない（おいっ）。

各セッションをかいつまんで、とりあえず記録。

[1]
情報アーキテクチャの全体像
〜ワークフローとケーススタディ〜
株式会社コンセント 長谷川敦士　Ph. D.

IAに登場する要素の全部入り的な、全体像を伝えるセッションでした。

• IAは分かりやすさのデザインだよ
• IA設計っていうのはみんなでやることなんだよ

実はコンセント社内でやっている「IA塾」という勉強会で、このセッションのリハーサル的なものをやり、社内のスタッフの反応をみつつ、構成を手直ししたり、時間調整を行ったり、けっこう気合いを入れてプレゼンの準備をしたのですよ。（私じゃなく、ボスがね）。

ちなみに、このセッションの中でボスが紹介していた、ドキュメント類などでコンセントのサイトからダウンロードできるようなものについては、このブログ記事の下の方に書いてますので、興味ある人はそこからどうぞ。

[2]
プロジェクトマネジメントから見たIAの大切さ
株式会社ロフトワーク　林千晶さん

IAの専門家ではない人が、中〜大規模なサイトを作るときのTIPSを紹介するセッションでした。

• プロジェクトマネジメント計画書を作りましょう
• 品質計画のための手法「ベンチマーク」というのは、暗黙の前提である。ベストプラクティスを使おう

プロジェクトマネジメント計画書は、コンセントで言うとこのクリエイティブブリーフみたいなもんですね。

CCBS（CMS Corporatesite Base Structure）の紹介の時に「これを作ったのは、前から4列に座っている彼女が作ったもので、今はコンセントにいるんだけど」と紹介され、鳩が豆鉄砲を食ったようになってしまった・・。確かに作った、、懐かしい・・。今の知識とかがあればもっとこうできたな、とか色々あるけど、きっとその後ブラッシュアップされていることでしょう。

あと、千晶さんは、草間彌生さんが大好きだし、そしてプレゼンの時は勝負靴を履く、とっても女性らしいキュートな方なので、草間彌生×LANCOMEのポーチをプレゼントしました。喜んでくれて良かった♪

[3]
IAの欠点〜IAの本来の目的と役目
ソニー株式会社　佐藤 伸哉さん

制作サイド、クライアントサイドの双方が「なぜIAを行うのか」を理解するためのセッション。

• IAは全体プロセスの1ステップでしかないことや、IAだけでは完結しない（前後の工程が必ずある）ことがIAの欠点。
• 前後に何があって、どういうことと関係するから、そのIA作業が必要なのかを考える必要がある。（各成果物を作る理由は？）
• 不必要な作業はやらない。
• 良いサイトを作るためにIA作業がある。

あえて反論的なタイトルで話を進められていたのが、さとさんらしい。とても理解しやすかった。

[4]
IAワークショップ〜LPOをテーマに〜
ネットイヤーグループ株式会社　坂本 貴史さん

特定のページへの誘導を目指すリニューアル、を題材として、ワークショップで実践力を養うセッション。

同業他社のサイトをベンチマークしてみる。他社と異なるコンテンツ（独自コンテンツ）が、その企業のアイデンティティを訴求する

・最適なメインメニューを書くには、

1. 情報の共通項を見つける
2. 他社との共通項を見つける
3. 重視する方向性を決める

・ナビゲーションを考えるには

1. 文脈を正確に
2. 利用目的で方向性が決まる
3. 行き止まりを作らない

・導線を考えるには

1. 始点はホームだけじゃない
2. 目的達成のための導線は個別最適

・IAは目的を実現するためのアプローチだよ

坂本さんは「導線」という言葉を使うのですね。コンセントだと「動線」です。

このセッションは宿題が出ていたんだけど、ちゃんとこなすまでは至らず。。構造がどうなってるか考えるために、ストラクチャを途中まで書いたところで、私は力尽きてしまった。。

ユーザーニーズによりサイト要件を整理する（WorkSheet IV）というワークがあり、ずーっと前に参加したWebSig（IA分科会）でもこんなアプローチのワークがあったんだけど、ユーザーニーズやシチュエーションを考えるときのフレームワークとしてはAIDMAはどうしても使いにくい、と思ってしまう。。InterestとDesireの差が曖昧というか。

それにしても、坂本さん、ほんとよく、いい題材サイト見つけてきますね。どうやって探してるんだろ。

[5]
実装視点からのボトムアップIA
Information Architecs, Inc.　小久保 浩大郎さん

前提：ページ＜フロントエンド（ページはフロントエンドに含まれる）

• IAはデザインタスクのどのレイヤーにも必要な「情報の抽象化」スキルを取り出したもの
• インターフェースからインタラクションが発生
• インタラクションの結果としてUX
• インターフェース＝ブランド
• 今からでも遅くない。HTMLの文書モデルを学ぼう。
• 見出しには、コンテンツのグルーピングのための見出しと、コンテンツの理解を促進するための句読点的な見出しがある。

う〜ん、分かったような、分からないような。

なんかもっと、具体的にコードを見せて説明するようなセッションかなーと想像してたので、ちょっと違った。

[6]
IAからWebサイトデザインへの突破口
長谷川 恭久さん

THEヤスヒサさん、なプレゼン。

• サイトやページを探してるんじゃない。情報を探してるんだ。
• 「共有」というのが必須コンセプトである。
• 体験の具現化（利用シチュエーションをUIに生かす）
• パターン（すでに共有されている知識の再利用）
• オープンスタンダード（人が使ってるものを使うと、障壁を取り除くことに寄与）

[7]
パネルディスカッション
ALL

まったくもって、パネルで行われたQAの中身や本質とは違うんだけど、ヤスヒサさんが言った「IAの人は言葉にセンシティブ」っていうのが「AGREEEEEEEEEEEE!」って思った。

【イベント全般】

これだけの規模のイベントをオーガナイズするのは本当に大変です。出席者の期待感やIAの理解度も全然違う状況で、セッションの企画をしなければいけないし。それ以外の細かな点についても、色々フォローしていただいて、鷹野さんには本当に感謝しています。ありがとうございました。

そして、矢野りんさんや「カニの貴公子」益子さんも、当日のMCやセッティングだけでなく、企画段階からたくさんアドバイスとかくださっていて、スピーカー以外の多くの人の支援があってこそだなーと、改めて思いました。

【補足情報】

では最後に、私がCSS Nite中に、せっせとTwitter（@chibirashka）につぶやいてた、主に長谷川セッションの補足情報を。

visual vocabularyの翻訳版はこちら http://bit.ly/N3o0X

そうです！広報会議にも掲載されました。 http://bit.ly/EVkq9 #cssnitelp7 RT @skytaxi: 広報会議にも出てた図かも #cssnitelp7

コンセントがトータルプロデュースしているカネボウ化粧品さんのサイト http://bit.ly/e1lKR

「IA100」を予約申込していただくと、なーんと、非売品のSite-it! がもらえます。配付資料をみてくださいねー。

IA Institute http://iainstitute.org/en/

EIA as Brand Strategyはこちらでダウンロードできます。日本語版もあります。 http://bit.ly/1w2IkS

メニューラベルの検討については、HCD-Netのサイトを題材に具体的な例を、Web Designing8月号の「my first IA」という連載記事の中で書いてます。長谷川が。

7つのナビゲーションの説明に使われているHCD-Netのサイトは、アックゼロヨン・アワード入賞しました。 http://bit.ly/NckF3

7つのナビゲーションの資料はこちらです。英語版ですけど。 http://bit.ly/3yBdkc

Site-it! についてはこちら http://bit.ly/5H8FK

詳細まではお見せできませんが、コンセントの、シナリオ/ペルソナを用いたプロジェクトポートフォリオです。 http://bit.ly/2wKl9n

コンセントで翻訳したクリエイティブブリーフはこちらでダウンロードできます。 http://bit.ly/Zrkw0

9月12日に、CSS Nite LP, Disk 7「IAスペシャル」（通称：LP7 エルピーセブン）が開催されます。

出演者や内容が決定する前から、mixiのCSS Niteコミュニティでは、多くの方の参加表明があってIAへの関心の高さに驚いていたのですが、いよいよ一般の申し込み受付も開始になりました。

さとさんが出演された回とその後の懇親会について書いたCSS Nite in Ginza, Vol.36の中で、MYボス長谷川さんと、長谷川恭久さんのツーショット写真を載せたのだけど、これは、まさにこのLP7の打ち合わせ最中のもの。結局、この時はあまり固まらなかったので、その後、別の日に再度打ち合わせがあったんだけど。

一口にIAといっても、立場や状況で本当に理解や必要となるスキルの幅もさまざまなので、どんな人に対して、何を（知識や技術の）お土産として持って帰ってもらえるイベントにするのか、ということを、出演者のみなさんが、かなり熱く議論していたのが印象的でしたよ。講演を聞いた瞬間や直後には、とても響いて感動すらあって、よく分かった気になっていても、案外、その場を出ると、結局何が身に付いたんだっけ？ということが、イベントやセミナーでは起こりがちなので、そうならないようにするためには、やっぱりワークショップ型で手を動かしてみたり、考えたプロセスがメモなり何かの形で持ち帰れるような、そういうのがいいよね、という意見もあったので、そんなプログラムになるはずです。

【プログラム概要と出演者】

• 情報アーキテクチャの全体像〜ワークフローとケーススタディ〜（コンセント 長谷川敦士さん）
• プロジェクトマネジメントから見たIAの大切さ（ロフトワーク 林千晶さん）
• IAの欠点〜IAの本来の目的と役目（佐藤伸哉さん）
• IAワークショップ〜LPOをテーマに〜（ネットイヤーグループ 坂本貴史さん）
• マークアップとIA（iA 小久保浩大郎さん）
• IAからWebサイトデザインへの突破口（could 長谷川恭久さん）
• パネルディスカッション（出演者全員）

【イベント概要】

CSS Nite LP, Disk 7「IAスペシャル」
通称「LP7」（エルピー・セブン）

日時：2009年9月12日土　13:00-18:50（実質5H50M）

会場：ベルサール神田

定員：260名（拡張あり）

主催：CSS Nite実行委員会

参加費用：9,000円（8月12日まで8,000円）

詳細・申し込み方法：http://lp7.cssnite.jp/

ちなみに、8月20日アップルストア（銀座）で開催されるCSS Nite in Ginza, Vol. 38もMYボス長谷川さんが出ます。こちらのイベントも、mixiのコミュニティでは250を軽く超える参加表明があり、椅子席はすでに埋まっているようです。CSS Nite本家サイトの方で立ち見席の申し込み受付が開始になっていますので、興味のある方はお早めに。

なんだか夏ってイベントが多いですね。去年も夏は色々あったような気がする。

というわけで、CSS Nite in Ginza, Vol.38のご紹介です。
これは夏だから開催というわけではなく、月に一度、銀座のアップルストアで開催されているレギュラー版なんだけど、8月のCSS Niteに、Myボス長谷川さんが出演します。

さとさんが出演されたVol.36に続き、IA第二弾にあたる今回のテーマは「海外IA最新レポート：これからのIAが担っていく役割」。

この場合のIAは「インフォメーションアーキテクト」というよりも「情報アーキテクチャ」ですね。これまでのセミナーや講演などでも、インフォメーションアーキテクトという職業（人）が必要なのではなく、Webに関わる人であれば「情報アーキテクチャ」はスキルとして必要なんだよ、って話が、何度もされてきたしね。

さて、世の中の多くのサイトは、90年代なんかと比べると、ビジュアルデザインも情報構造も、ずいぶん整理されてレベルも高くなってきています。現在では多くの場合、「最初から全部作ろう！」とか「今までのをぶち壊して大リニューアルしよう！」というよりは、既存の資産を生かしながら、運用の中で改善をしていくようなフェーズにあって、一からの設計を求められることは相対的に少なくなってきているとも言えるのではないでしょうか。

「じゃー、IAとかいらないじゃん！」

ってなりそうですが、実際にはそうもいきません。提供される情報がより高度で複雑になっているとか、Webが当たり前に使われるようになってきたことで、期待されることが多くなったとか、理由は色々あると思います（ごにょごにょ）。

IAは決して新しい言葉や概念ではないし、言葉は知らなくても業務の中で自然とできているデザイナーさんは日本にもたくさんいるでしょう。とはいえ、IA Summitが今年で10周年なのに、日本ではまだ一度も開催がないということを考えると（まぁ、それは普及率云々の話じゃないかもしれないけど）、こうしたことについての議論は、やはり以前から欧米の方が盛んで、考察も進んでいると言わざるを得ません。

今回のCSS Niteでは、そんな海外での最近の動向なんかを紹介しながら、IAって今後何を担っていくのかね、ということを一緒に考えていく、そんな回になると思います。

ちょうど、長谷川さんが来週あたりから、HCI International Conference 2009での論文発表のため、サンディエゴやサンフランシスコあたりに行く予定なので、もしこの出張で、面白い話なんかがあれば、そんなことも盛り込まれるかもしれません（盛り込まれないかもしれません）。

さぁ、8月20日の夜は、銀座のアップルストアに行こう！

CSS Nite in Ginza, Vol.38
2009年8月20日（木）19:00〜20:00
場所：アップルストア銀座 3Fシアター
出演者：長谷川敦士（コンセント）
主催：CSS Nite実行委員会
定員：180名
参加費：無料

銀座アップルストアで開催された、CSSNite Vol. 36に行ってきました。

今日はさとさんによる
『インフォメーションアーキテクトの過去、現在、そして未来。
The past, present, and the future of Information Architect』
という講演でした。

さとさんには、IA Cocktail Hour等々でいつもお世話になっていますが、講演を聞くのは初めて。長くIA、UXといったことに携わっているさとさんのような方しか語れないような情報ばかりで、知らないことがいっぱい！90年代マルチメディアっぽいものが出てきたころのこと、インターネットが出てきたころのこと、情報が増えてサイトが巨大化してきた時期のこと、ノウハウが蓄積されて、メソッドが集約されたりして、デザインファームの統廃合があったこと・・そうした背景的なことから、プロジェクトにおけるIAの役割とか、情報につながった空間、情報環境を場としてデザインするエクスペリエンスデザインといったところまで、広く話してくれました。ま、ともかく最近あちこちでIAというキーワードを目にするけど、別に決して新しいことじゃないんだよ、というお話。

それにしてもCSSNiteの集客力には驚かれます。鷹野さん、いつもありがとうございます。今日もものすごい立ち見が出て、床に座り込む人もいっぱいいて、ものすごい熱気！

CSSNite後の懇親会も大盛り上がりでした。

いろんな人が来ていたけど、その中でも一番の注目は、サービスインから1週間が経ったkeireki.jpの中の人、浅枝さんとクリストファーじゃないかしら。

めちゃ面白い人たちだったなー。クリスの日本語の流暢さ加減にはビビった。そして、浅枝さんには、iPhoneのBumpというすごいアプリを教えてもらって、かなり大盛り上がり！今日提供開始されたiPhone OS3.0よりも私にとってはインパクト！「すげー、衝撃波で情報が交換されるとは！」とか思ったけど、そんなわけないね。位置情報で交換してんのかね。

keireki.jpについてはこないだ記事書いた通り、本名ベースの社会人コミュニティなわけだけど、ニックネームの登録もできるのね。普通、ニックネームって、本名を隠すために使われるものだけど（例えばmixiとか）、keireki.jpの場合、本名を隠すためじゃなくて、本名が分かってもらえるようにするためのニックネームなんだよね。

TwitterとかTumblrとか、フォローによってゆる〜くオンラインで繋がっている知り合いのことって、ニックネームでは認識できても、本名に馴染みがなかったりするから、本名を補完するためにニックネームがあるっていうのはとてもmake sense！面白い。

あと、「たしかに！」とか「イイトコ」っていうのも深いな〜と思った。よくできてるなぁ〜。

おしまいに、とっておきの写真を載せておこう。こんなツーショット滅多に見られない！この写真だけを切りとると「長谷川さんという名字の人は花柄のシャツを好んで着る傾向がある」とか、間違った分析しそうww