今日は『WebSiteExpert』（技評）のキーパーソン座談会収録日だったのですが、またまたHOTなワンパクの阿部さんから、ワンパクグッズを頂いてしまいました。
いつもいつもありがとうございます〜。
ワンパク麦酒
ワンパクうちわ「夏バテ知らず。」
キーパーソンたち
今日はちょっとドキドキな感じで（謎）楽しかったです。
ちなみに、これまでに獲得（？）した1PACグッズはこちら。
Archive for the ‘ PR ’ Category
1PACコレクション
木曜日, 8月 19th, 20101Q84
金曜日, 4月 16th, 2010さぁ、今日は4月16日。
このブログにもひっそりとブログパーツを貼りつけてましたが、村上春樹さんの『1Q84』の第3巻『BOOK3』の発売日です。
あ、そういえば、発売日に何かが起こるんだった、と思って、自分のこのブログを見に来て、ブログパーツを見てみたら、触りたくなり、触ったら、Wow！
<都合により（謎）キャプチャ掲載はやめましたー。>
私のブログなのに〜！！ジャックされた…orz
コンセントの本プロジェクトメンバーのみなさん、お疲れさま〜。
※このプロジェクト、コンセントでやらせてもらっているのです！
ブログパーツである仕掛けがあるんだよ、的なことは聞いていたけど、私はプロジェクトに関わってないから、具体的に何が起こるかしらなくてびっくりした。
本の発売日まではカウントダウンをするブログパーツだったんだけど、「キャンペーン終了後も引き続きお楽しみいただけるブログパーツに切り替わる」そうです。
ブログパーツは、村上春樹『1Q84』新潮社公式サイトからどうぞ。
IA Stencil（Site-it!）
土曜日, 4月 10th, 2010情報アーキテクチャ関連のイベントやセミナーに持って行くと、みなさんに興味を持ってもらい、「欲しい！欲しい！」コールが巻き起こる（言い過ぎ？）Site-it! ことIA Stencil。
これまでは、OmniGraffle用ステンシルのみ、コンセントのサイトで提供していましたが、OmniGraffleを使っていない人も多いので、先日から汎用的な各種フォーマットで提供しはじめましたよ。入手できるフォーマットは次の通りです。
- OmniGraffle用ステンシル
- Illustratorファイル（.aiフォーマット、1種類1ファイルの7ファイルセット）
- PDFファイル（1種類1ファイルの7ファイルセット）
- EXCELファイル
設計ドキュメントに使うも良し、印刷して使うも良し、みなさまの情報アーキテクチャライフを快適に♪（違）
ファイルのダウンロードは、コンセントLABSからどうぞ〜。
Happy 8th Birthday to Concent!
木曜日, 1月 28th, 2010気づけば今週ももう後半にさしかかろうかってとこだけど、1月24日で株式会社コンセントは設立から8周年を迎えました。
24日が休日だったので、翌25日（月）の全体MTGの時にサロンでみんなでお祝い。
もちろん、今年もケーキは特注です。クリスマスカードと同じようなデザインで発注。
数字の「8」をかたどってます
年末に発送したクリスマスカード。横から見るとコンセントマーク。縦にすると「8」。
超可愛く出来上がりましたー。写真だとあまり分からないけど、数十人で食べれる大きさなのでかなりデカイ。中はスポンジでいちごが入っている、いわゆるショートケーキ。美味しかったー。さ、来年のデザインも考えなくちゃ（違）
ちなみに、去年の7周年記念パーティのケーキも素敵でしたよ！
クリスマスバージョンのコンセントトップページ
火曜日, 12月 22nd, 2009今日、コンセントのトップページのVIを、クリスマスバージョンに変えました。
サイトリニューアル時から、ここのVIは季節にあわせて変えたいよね〜と言っていたので、衣替え（？）第一弾ってことになります。
クリスマスバージョンの話もけっこう前からあがってたけど、その後、『IA100』スペシャルサイトやグリーティングカードなどなどに押され気味で、全然話も聞かなくなってしまったので、てっきり企画倒れになっちゃったのかな〜、などと思っていました。
ちこちゃんが「なおちゃん、できたよー。4Fに見に来て〜」と声をかけてくれた時にはびっくり。たっくん席でクリスマスバージョンのそのVIを見せてもらったら、あまりの可愛さに卒倒しそうでした。いいじゃん！いいじゃん！
というわけで、予定にはなかったんだけど、本日21時過ぎ頃に急遽アップw
だって、こんなに可愛いのに、クリスマス限定で25日までしか公開しないから、ほんの数日しか見れないんだもん。
クリックやダブルクリック、ドラッグ＆ドロップで、いろいろいじってみてください。
ついでに、クリスマスらしいポートフォリオ「ストラスブール マルシェ・ド・ノエル」も、本日アップしました。
コンセントが長くお付き合いさせていただいている東京国際フォーラムさんのクリスマスイベントのプロモーションです。（サイト公開自体はちょっと前だったのですけどね）
さぁ、みなさん、Let’s クリスマス気分♪
『IA100』スペシャルサイト
木曜日, 12月 17th, 2009書籍『IA100 ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計』が出版されてから、もうすぐ2ヶ月が経ちますが、あちこちから反響があって嬉しい限りです。
日経ビジネスオンラインでも、花王の本間さんにご紹介いただきました。（ありがとうございます）
http://business.nikkeibp.co.jp/article/nmg/20091201/211055/
『IA100』の編集に直接関わっていたのは社内でも、著者の長谷川さんと私の2人だけだったのですが、本が刊行されるなんてなかなかない機会です。（そんなにおおっぴらに表情には出さなくても）社内では出版のお祝いムードっていうのが実はあって、スペシャルサイトを作ろう！ってことになりました。
コンセントは出版社ではないので、正直、本のプロモーションそのものには、それほど義務はありません。（もちろん、広報的にとか営業的には、『IA100』が売れて、認知が上がることで、IAを啓蒙して市場を広げるとか、コンセントのことを知ってもらうとか、できたらいいなとは思います。）
だから、スペシャルサイトという発想は、本の販促のためのプロモーションサイト、というわけではなく、あくまで「長谷川さん、おめでとう！という気持ちを伝えたい」「確かにIAは抽象的で小難しい感じはするけれど、もうちょっと親しみを感じてもらいたい」「クライアントプロジェクトではなかなかできないようなことを、何かやってみたい」みたいなところから出てきました。
たまたま何人か集まってだべってたソファの辺りで、雑談からなんとなくの企画が生まれ、社内のいろんな人を集めてブレスト、要素の抽出・類型化、設計、アートディレクション（世界観定義）、デザイン、撮影…ってことを、勢いでガーッとやり、最初の1-2週間でプロト完成。
その後、ブラッシュアップ、テスト、ブラッシュアップ…とやってきて、ちょっとゴニョゴニョっとしたことがあり（謎）、しばらく寝かせる期間もあったので、結局は着手してからずいぶんと経ってしまったのですが、やっと本日、IA100スペシャルサイト「IA100: Itsudemo Atsushi 100%」をロンチしました。
>>ニュースリリース「コンセント：『IA100』スペシャルサイトを公開」
どちらかといえば、長谷川さんをリアルに知ってる人が見た方が面白いコンテンツなのですが、単純に、『IA100』に出てくるキーワードの復習という風にも使えるので、ぜひ見てみてください。
みんな、クライアントプロジェクトが恐ろしく忙しい中で、「講演とかでは見せない、普段の長谷川さんを見て欲しい！」という思いだけを拠り所に（ほんとか？）、試行錯誤しながら作りました。
私は今の業務ではクライアントプロジェクトを持っていないので、夜中までみんなで議論したり、課題をクリアするためにアイディアを出し合って磨き上げるようなことって、けっこう久しぶりで楽しかったな。（自社サイトリニューアル以来というか…）
「IA100: Itsudemo Atsushi 100%」
http://www.concentinc.jp/ia100/
[IA100 Special Site Project]
D: 足立邦登、河内尚子
PM: 足立邦登
AD: 小原千寿
De/Ph: 此谷内遙介
TD/Fl: 計良拓行
HT: 平木聡子
Site-it! のステンシル
金曜日, 12月 4th, 2009株式会社コンセントが開発した、サイトストラクチャ検討ツールSite-it! 。
IAについてよく分かる書籍『IA100』をコンセントのサイトで購入すると、Site-it! がもらえるキャンペーンをやっているのですが、Site-it! が非売品なだけに、ご好評です。
Site-it! は、Webページの7種のパターンがあらかじめプリントされた付箋紙で、ワークショップ型でサイトストラクチャの検討を行うときに使うことができるのですが、「このページって、こうだよね」っていう共通理解を得るために使います。
しかし、ワークショップのような場面だけでなく、サイトマップを書いたりするときにも、こうした共通理解があった方がいいわけです。もちろん、サイトの全体感をざっくり捉えることが目的のサイトマップであれば、メニュー名やページ名が入っていれば十分かもしれません。でも、もう少し踏み込んだ目的のものであれば、「あれ、このページって、リスト型の一覧ページだと思ってたー」「いやいや、画像入りの詳細ページだよ。だから、画像素材と原稿を用意しておかないとね」というところまで把握できた方が便利です。
そんな時に使えるのが、今回コンセントラボで公開を開始したSite-it! のOmniGraffle用ステンシル。
OmniGraffleでSite-it! ステンシルを使って、簡易サイトマップを書いてみたとこです
このステンシルは、クリエイティブコモンズライセンス「表示-非営利-改変禁止 2.1 日本」（※）の条件のもと公開してますので、ぜひ、みなさん使ってみてください。
Site-it! についての詳しい解説は、『IA100』の69番目のトピックを読んでみましょう。
※Site-it! はコンセントの登録商標です。
IA100：ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計
日曜日, 10月 11th, 2009
ついに！ついに！ついに、出ますよ！『IA100』
Myボス長谷川さんが、睡眠を削りながら、執筆した一冊が。
自身のこれまでの知識、経験を惜しげもなく詰め込んでます。
情報アーキテクチャは、Webに関わる人であれば身につけておかなければいけないスキルの一つ。それを「情報アーキテクチャ」「IA」として認知しているかどうかは別として、むしろ実践していなければ、特に大規模サイトなんかは作るのが困難と思われます。
でも、抽象度の高いエリアでもあるので、勉強するにもとっかかりを掴みにくい分野とも言えるかもしれません。私も、IAについて知りたいと思って、どうやったら学べるんだろうと思って、過去に大学院を探したぐらい。結果的にコンセントに入って今に至るので、大学院には行かなかったけど。
他のスキルもそうだと思うけど、実践だったり、周りで実践している人のやり方を見て学ぶとか、そういうのが結局は学ぶための近道な気がする。とはいえ、やはり前提としてある一定の知識は必要だし、そうした知識はできるだけ体系だてて学ぶのが理想的だと思う。
『IA100：ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計
「で、結局、IAの検討をドキュメントに落とすときは、どんな体裁になるのよ？」みたいな疑問だけが残ってしまわないように、実際のドキュメントサンプルなんかも図版としてふんだんに掲載してます。
書店に並ぶのは10月末ですが、予約受付が始まっています。
刊行キャンペーンとして、コンセントのサイトで『IA100』を予約／購入すると、コンセントが開発したSite-it! （IAプロトタイピングツール）がもれなく貰えますので、ぜひぜひお見逃しなく〜。（キャンペーンは12月20日までの期間限定です）
■書名：IA100：ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計
■著者：長谷川敦士（株式会社コンセント）
■出版社：株式会社ビー・エヌ・エヌ新社
■版型：A4変形 224ページ
■定価：3,360円（税込み）
■刊行：2009年10月27日
企業のブランド戦略を促進するWebサイト設計の要点
木曜日, 9月 17th, 2009Myボス長谷川さんがWeb担当者Forumに執筆している連載記事「IA視点のWebプロジェクト」の最新記事がアップされています。
第5回：「企業のブランド戦略を促進するWebサイト設計の要点」
先日のCSS Nite, LP7（IAスペシャル）のおさらいであると同時に、あの時、関心が高かったEIAとブランド戦略（カネボウ化粧品さんの事例で紹介）のことについて、より詳しく説明している記事です。
ボスと一緒に、3月のIA Summitでポスター発表してきた「EIA as Brand Strategy」を解説している感じかな。
EIA as Brand Strategy
View more documents from Naoko Kawachi.
コーポレートサイトのみならず、製品サイトやらマーケサイトやらブランドサイトやら、企業が複数のサイトを持つケースは少なくないわけですが、各サービスや製品のブランドをどのように展開するか、ということについては、ブランドポートフォリオ戦略が重要です。ブランドポートフォリオ戦略については、David. A. AakerのBrand Portfolio Strategy: Creating Relevance, Differentiation, Energy, Leverage, and Clarity
顧客は、製品／サービス自体、カスタマーサポートの対応など通じてブランドを認知し、印象を受け取ります。Webサイトもブランドを伝えるものの1つです。ブランドポートフォリオ戦略が練られていても、それが顧客に正しく伝わらなければ、効果は発揮できません。そのため、Webサイトはブランド構造を反映したものになっているべきです。特に、サイトトップページやメインメニューには注意を払う必要があります。なぜならサイト利用者は、トップページやメインメニューから、サイトの主題やブランドを認識し、またそのサイトが自分向けであるかどうかを感じるからです。どんなユーザー体験をさせるか、ということは、ブランド体験にも影響します。（って、つい真面目モードで書いちゃったよ・・・）
でもそれ以前に、サイトの読み込みが遅いとか、やたらとプロモーションがうざいとか、構造以外のところで、イヤな経験をしてしまって、ブランドのイメージが悪くなる、とかはありえる。まさに、こないだShangri-La hotel Tokyoの宿泊とスパの予約をした時がそう！
と、話がそれたけど、そんなような話が書いてあるので、ぜひWeb担の記事読んでね！というお知らせ。
Brand Portfolio Strategyの日本語版は、これっぽい。
CSS Nite LP, Disk 7「IAスペシャル」
月曜日, 9月 14th, 20099月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をテーマに〜
ネットイヤーグループ株式会社 坂本 貴史さん
特定のページへの誘導を目指すリニューアル、を題材として、ワークショップで実践力を養うセッション。
同業他社のサイトをベンチマークしてみる。他社と異なるコンテンツ（独自コンテンツ）が、その企業のアイデンティティを訴求する
・最適なメインメニューを書くには、
- 情報の共通項を見つける
- 他社との共通項を見つける
- 重視する方向性を決める
・ナビゲーションを考えるには
- 文脈を正確に
- 利用目的で方向性が決まる
- 行き止まりを作らない
・導線を考えるには
- 始点はホームだけじゃない
- 目的達成のための導線は個別最適
・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
Author: