chibirashka journal

昨晩はGINZA SIX内銀座蔦屋書店で、Myボス、コンセントの長谷川さんとTakram渡邉さんとのトークイベントでした。

read more »

今回は、コンセントが所属しているAZグループ（AZホールディングス）のParis支局にもお邪魔してみました。（田中副会長がちょうどパリにいらしたので、図々しくも押しかけたという…）

あまり大っぴらにもしていないので、社内でも知らない人がいるほどだけど、私も半年ほど在籍していたAZホールディングスにはParis支局があるのです。もう、立地がとても良い！ノートルダム大聖堂にもほど近い、ST MICHEL駅のすぐ近く。サンミッシェル広場は大きな噴水で有名です。

ここから1分ほど歩いた、Rue St-Andre des Artsにあるアパルトマン。近〜い！
カルチェラタンからサンジェルマンまで去年お散歩してた時、ここ、フラフラ歩いたことある〜！

通りからアパルトマンの入り口をはいるとちょっとした中庭もあって素敵です！

可愛いオフィスで色々お話も聞きました。

オフィスを出た後は、サンジェルマン方向に歩いて、ランチにも連れていっていただきました。そこで、私はラパンを頂きました。そう、うさぎです！

うさちゃん飼ってる人にはひとでなしだと思われそうですが柔らかくてクセもなく美味しかったです！

とにかくー、AZ Paris、こんなに立地がよかったら、色々やれちゃいそうです。妄想が膨らみます。コンセントやAZホールディングスとAZ Parisを使ったコラボレーションをしたい方はぜひぜひ、私までお気軽に〜♪

ちなみに、AZホールディングスの田中副会長は、ウェブダカーポで連載も持ってますので、こちらもどうぞ〜。

⇒ ウェブダカーポ：fromパリ
⇒ ウェブダカーポ：田中晃二の道草東京《犬の鼻、猫の舌》

さぁ、今日は4月16日。

このブログにもひっそりとブログパーツを貼りつけてましたが、村上春樹さんの『1Q84』の第3巻『BOOK3』の発売日です。

あ、そういえば、発売日に何かが起こるんだった、と思って、自分のこのブログを見に来て、ブログパーツを見てみたら、触りたくなり、触ったら、Wow！

<都合により（謎）キャプチャ掲載はやめましたー。>

私のブログなのに〜！！ジャックされた…orz
コンセントの本プロジェクトメンバーのみなさん、お疲れさま〜。
※このプロジェクト、コンセントでやらせてもらっているのです！

ブログパーツである仕掛けがあるんだよ、的なことは聞いていたけど、私はプロジェクトに関わってないから、具体的に何が起こるかしらなくてびっくりした。

本の発売日まではカウントダウンをするブログパーツだったんだけど、「キャンペーン終了後も引き続きお楽しみいただけるブログパーツに切り替わる」そうです。

ブログパーツは、村上春樹『1Q84』新潮社公式サイトからどうぞ。

毎日コツコツとブログを書くのができないので、思い立った時にワーッとポストしてしまう。ちょっと古いけど、楽しかったのでログに残そうかと思ったこの話。

私のボスがレギュラーメンバーを務めている、WebSiteExpert（技評さん）の「キーパーソンが見るWeb業界」座談会。今回は、2月18日にコンセントのサロンで収録があったんだけど、ゲストはなんと学生さん。

けっこうこの座談会というのが、いつもテーマは違うのに、話のオチ的に「結局は、教育よね、人材よね」という風になることが多い。年末の忘年会を兼ねた座談会で、若い子達の話を聞いてみたいという話が出てきたことから、今回はこの学生さん達が登場。

詳しくは次号のWebSiteExpertを見てもらうとして、同席して座談会の様子を見ていた私の感想は、「想像以上にしっかりしてるんだな〜」ということ。

想像以上に、なんていうと失礼かもしれないけど、なんとなく、インターネットが登場してきた頃から一緒に成長してきた世代と、物心ついた頃にはWebが当たり前のものとして存在していて、いわゆる「Web業界」みたいな業界がすでにできあがったところに入ってきた（入ってくる）世代では、色々ギャップがあるんじゃないかと思っていたのが、いい意味で裏切られたというか、けっこう同じトーンでしゃべれるんだな、という発見があったというか…。

もちろん、今回参加してくれた学生さんは、いろんな意味で優秀なので、必ずしもその世代の平均値というわけじゃないとは思うけど、けっこう感動したな〜。

いい刺激をたくさんもらいました。

WebSiteExpertの発売は、3月24日です。お楽しみに！

DEAN & DELUCAのシチリアンバスケットとサンドウィッチバスケットを準備してみました

気づけば今週ももう後半にさしかかろうかってとこだけど、1月24日で株式会社コンセントは設立から8周年を迎えました。

24日が休日だったので、翌25日（月）の全体MTGの時にサロンでみんなでお祝い。

もちろん、今年もケーキは特注です。クリスマスカードと同じようなデザインで発注。

数字の「8」をかたどってます

年末に発送したクリスマスカード。横から見るとコンセントマーク。縦にすると「8」。

超可愛く出来上がりましたー。写真だとあまり分からないけど、数十人で食べれる大きさなのでかなりデカイ。中はスポンジでいちごが入っている、いわゆるショートケーキ。美味しかったー。さ、来年のデザインも考えなくちゃ（違）

ちなみに、去年の7周年記念パーティのケーキも素敵でしたよ！

今日、コンセントのトップページのVIを、クリスマスバージョンに変えました。

サイトリニューアル時から、ここのVIは季節にあわせて変えたいよね〜と言っていたので、衣替え（？）第一弾ってことになります。

クリスマスバージョンの話もけっこう前からあがってたけど、その後、『IA100』スペシャルサイトやグリーティングカードなどなどに押され気味で、全然話も聞かなくなってしまったので、てっきり企画倒れになっちゃったのかな〜、などと思っていました。

が、たっくんやそじんが密かに作っていてくれたようでした。

ちこちゃんが「なおちゃん、できたよー。4Fに見に来て〜」と声をかけてくれた時にはびっくり。たっくん席でクリスマスバージョンのそのVIを見せてもらったら、あまりの可愛さに卒倒しそうでした。いいじゃん！いいじゃん！

というわけで、予定にはなかったんだけど、本日21時過ぎ頃に急遽アップw
だって、こんなに可愛いのに、クリスマス限定で25日までしか公開しないから、ほんの数日しか見れないんだもん。

クリックやダブルクリック、ドラッグ＆ドロップで、いろいろいじってみてください。

ついでに、クリスマスらしいポートフォリオ「ストラスブール　マルシェ・ド・ノエル」も、本日アップしました。

コンセントが長くお付き合いさせていただいている東京国際フォーラムさんのクリスマスイベントのプロモーションです。（サイト公開自体はちょっと前だったのですけどね）

さぁ、みなさん、Let’s クリスマス気分♪

Myボス長谷川さんがWeb担当者Forumに執筆している連載記事「IA視点のWebプロジェクト」の最新記事がアップされています。

第5回：「企業のブランド戦略を促進するWebサイト設計の要点」

先日のCSS Nite, LP7（IAスペシャル）のおさらいであると同時に、あの時、関心が高かったEIAとブランド戦略（カネボウ化粧品さんの事例で紹介）のことについて、より詳しく説明している記事です。

ボスと一緒に、3月のIA Summitでポスター発表してきた「EIA as Brand Strategy」を解説している感じかな。

コーポレートサイトのみならず、製品サイトやらマーケサイトやらブランドサイトやら、企業が複数のサイトを持つケースは少なくないわけですが、各サービスや製品のブランドをどのように展開するか、ということについては、ブランドポートフォリオ戦略が重要です。ブランドポートフォリオ戦略については、David. A. AakerのBrand Portfolio Strategy: Creating Relevance, Differentiation, Energy, Leverage, and Clarityに詳しいです。

顧客は、製品／サービス自体、カスタマーサポートの対応など通じてブランドを認知し、印象を受け取ります。Webサイトもブランドを伝えるものの1つです。ブランドポートフォリオ戦略が練られていても、それが顧客に正しく伝わらなければ、効果は発揮できません。そのため、Webサイトはブランド構造を反映したものになっているべきです。特に、サイトトップページやメインメニューには注意を払う必要があります。なぜならサイト利用者は、トップページやメインメニューから、サイトの主題やブランドを認識し、またそのサイトが自分向けであるかどうかを感じるからです。どんなユーザー体験をさせるか、ということは、ブランド体験にも影響します。（って、つい真面目モードで書いちゃったよ・・・）

でもそれ以前に、サイトの読み込みが遅いとか、やたらとプロモーションがうざいとか、構造以外のところで、イヤな経験をしてしまって、ブランドのイメージが悪くなる、とかはありえる。まさに、こないだShangri-La hotel Tokyoの宿泊とスパの予約をした時がそう！

と、話がそれたけど、そんなような話が書いてあるので、ぜひWeb担の記事読んでね！というお知らせ。

Brand Portfolio Strategyの日本語版は、これっぽい。

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

8日の土曜日、linkerさん主催の『デザイニング・ウェブナビゲーション』読書会（第2回）に参加しました。会場はコンセントのサロン。

『デザイニング・ウェブナビゲーション ー最適なユーザーエクスペリエンスの設計ー』は、Myボス長谷川さんが、浅野紀予さんと共に監訳した本で、3月に行ったIA Summitでは、原著者のJames Kalbach氏にもお会いしているので、とてもなじみ深い本。

読書会は、各参加者が1章ずつ担当し、内容をまとめて、参加者全員でそれを共有し理解を深めるというもの。全部を自分で読むと大変だから、分担して読むことで負担を減らしつつ、学ぶべきエッセンスは学べちゃう、みたいな良さがある。特に翻訳されていない原著の場合は。

ただし、日本語版の場合は、自分で読んでも、べらぼうに時間がかかるってものでもないので、負担が減るということよりも、読んでいて疑問に思うこととか、他の人はどう感じ、普段の業務ではどうしてるんだろうか、というようなことをディスカッションできる、というメリットの方が大きい。

１人でただ本を読むだけだと、読みながら疑問に思ったところがあるとしても、読んでいる間にそのことを忘れてしまって、そのままになりがちだけど、自分の担当分があると、人に説明するためによく読むし、深く考えることになるので、何がどう分からないかということも明確になるのではないかしら。

今回の読書会で、私は第8章の「アーキテクチャ」という部分を担当した。

8章の概要：
説得力のあるアーキテクチャのためには、ナビゲーションコンセプトに基づいた「サイト構造」と「ナビゲーションの組織」が大事である。

• ナビゲーションをデザインする際には、マクロレベルとミクロレベルのアクションを念頭に置くこと
• ナビゲーションコンセプトとは何か、またどのように作成するか
• 情報構造にはパターンがあり、最適な型を選択し組み合わせよ
• 各構造パターンについて（直線型、ハブ＆スポーク型、ウェブ型、階層型、ファセット型、発生型）
• 組織化とはなにか、またどのように組織化を行うか
• 構造、組織化を検討したら、体系的かつ視覚的に示すためにサイトマップを作成せよ
• サイトマップのレベルと構成要素、作成方法

このうち、ナビゲーションコンセプトのところで、「ジャンル」と「メタファー」という2つの方法が提示されていて、もちろん言葉自体は分かるのだけど、その説明がイマイチ腑に落ちないでいたところ、長谷川さんと浅野さんが「ジャンルとメタファーは対立するものではなく、両立するものである」ということや、「原著でも”ジャンル”は”genre”」となっていたが、言い換えればステレオタイプや定型、といったもの」と説明してくれた。

また、本の中では「ジャンル」の例として、新聞が挙げられていたけど、新聞の場合は、ヘッドラインや一面記事、見出し、といった定型（ジャンル）として捉えることもできるし、めくれる、あるいは面で全部を一覧できるというメタファーとして捉えることもできる、と補足してくれたので、すっきりした。

他にも、情報構造のパターンのところで、「ウェブ型」と「発生型」というのがあり、「ウェブ型」の例として、私はこれまでwikiっぽいものを想像していたので、「発生型構造の典型がwikiです」という文章を見て、じゃー、「ウェブ型と発生型の違いは一体何で、どうしてわざわざパターンを分けてるんじゃー！」と本を読んでる時に思っていた。

これについても、「ウェブ型」ではリンクが増えていくイメージ、「発生型（原著ではemergent structure）」ではコンテンツが増えていくイメージ、と補足してもらった。超ざっくり言えば、発生型の方は、SNSとかCGM的な活動というニュアンスっぽい。

でも、だとしたら、「発生型」が構造のパターンの1つとして扱われること自体がちょっと気持ち悪いな、と思っていたところ、この著者はいたって論理的に書いているように見えて、実はファジーな面もあり、この本の特徴（？）として、カテゴリがけっこう曖昧だったり重複しているところも多い印象があるよね、という話も出ていた。

というあたりも含め、監訳者の2人から直接説明をもらえるという何とも贅沢な読書会だったなぁ、と。

読書会って実は初めて参加したのだけど、自分の理解が深まるという点で満足度高かったし、また、他の参加者の発表を聞いて「あ〜、こういうところ気になるんだな。。確かに・・」というのも分かって、興味深かったです。

全体のオーガナイズをしてくださったcremaさん、ありがとうございました。

私の担当分の資料：

この本は、理論から実践まで網羅されていて、一時的なハウツーものではないので、Webの設計をやる人から、実際にビジュアルデザインを担当する人など、どの立場の人にも役立つ本だと思います。

そういえば、金曜日のHCD-Netサロンでお会いした面白法人カヤックの方も、カヤック社内でこの「デザイニング・ウェブナビゲーション」を使って勉強会をしていると言ってました。

まだ読んでいない方はぜひ！

8月7日、HCD-Net主催の第2回HCD-Netサロン「Webデザインと人間中心設計 -もの作りとしてのWebデザイン」に行ってきました。

行ってきましたというか、どちらかといえば運営側だったので、「なんとか無事に終わりました」というか。。

イベント告知を開始した頃は集客がとても心配だったんだけど、思いのほか盛況で、あっという間に定員60名を超え、キャンセル待ちが30名近く出てしまうことに。そんな事態だったので、会場として場所を貸してくださったアーキテクトカフェさんにお願いして、急遽、席数を大幅に追加してもらい、キャンセル分を若干吸収したけれど、参加できなかった方は本当にごめんなさい。また、参加してくださった方々も、窮屈だったかもしれません。

定刻の直前になって豪雨に見舞われたので、ドタキャンが多くなるかも、とすごく心配だったけど、結果的には満席。会場まで来るのが大変だったと思うと、来てくださった方みなさまに感謝です！

前の席も柱の奥も満席

入り口付近までたくさん

パネリストは、AXISの宮崎さん、千葉工大の山崎先生、イメージソースの小泉さん、そしてコンセントの長谷川さんという、普段ではなかなか揃うことのないような顔ぶれで、立ち位置も全然違うので面白かったと思うんだけど、けっこうパネリストの皆さんのポートフォリオというか、自己紹介、会社紹介、プロジェクト紹介というところが厚めだったので、ディスカッション自体が短めになってしまったのが、少し物足りなかったかも。

左から宮崎さん、長谷川さん、小泉さん、山崎さん

で、どんな内容だったか、というのを書きたいところだけど、裏方でバタバタしていたら、私は全くもって聞けなかったので、参加者の方のレポートがどこかにあがるのを楽しみに待つことにします。

あ、でも唯一聞き逃さなかったことで、私としてでかい収穫だったのが、AXISの宮崎さんが、犬グッズを扱っているドッグカフェをやっているということ。しかもそのお店って、私も旦那さんも好きで何度か行ったことがあり、我が家のミニチュアダックス、RANDYさんとTAFFYさんの日常使いのカラーとリードもそこのものなので、俄然親しみが湧いちゃったw　それにしても、ジャックラッセル5匹も飼ってるなんてすごい！

パネリストはほぼ独断と偏見で好きな人に声かけさせてもらいました、という感じだったんだけど、皆さん、本当に活動の幅が広く、精力的に取り組んでいらっしゃるので、事例とかもすごく魅力的だし、いい刺激を受けますね。本当にありがとうございました。

—–
（追記：2009/8/12）
yoshjさんがブログ「あなろぐICT宣言」でHCD-Netサロン参加レポートを書いてくださっています。