『モバイルIAシンキング』発売中止のお知らせとお詫び

先日発売されました書籍『モバイルIAシンキング』ですが、諸事情により発売を中止することになり、書店より回収することが決まりましたのでお知らせいたします。

また、書籍の発売と連動するイベント(東京・名古屋・大阪・福岡)についても中止が決まりましたので、重ねてお知らせいたします。

関係者のみなさまには、多大なるご迷惑をおかけしたことを深くお詫びいたします。

発売中止にともない、書籍に関連する情報については一部ご覧いただけない箇所がありますので、ご了承ください。


TOHOKU seminars and volunteer #6

東北セミボラ南相馬ボランティアセンター

先週、4/4 (金) に仙台(せんだいメディアテーク)で開催されたWeb広告研究会主催の第六回東北セミボラに参加してきました。

トライバルメディアハウス池田さん電通レイザーフィッシュ得丸さんという豪華なスピーカーとともに、ボクが担当するIAセッションでは、ツルカメ森田さんグリー村越さんインテリジェントネット和田さん専修大学上平さんとで登壇しました。

今回は、森田さんから事前に声をかけてもらい、IAセッションを担当することになったわけですが、ただの講義スタイルではなく、その場で要件を詰めていく過程をワークショップのようなカタチにできないか、という話からはじまりました。

ワークショップ

IA/UXデザインワークショップ

今回のワークショップでは、ボクが司会を担当することになったので、お三方に意見をいただきながら森田さんがリアルタイムドキュメンテーションするという格好になりました。なのでスライドはその場で話を進めるための頭出しにしかなっていないので、中身はありません。閲覧パスワードは「webken」です。

ただ、課題となるRFPづくりを上平さん・和田さんとで作成いただいたため、議論がブレないようにすることができました。今回の課題の題材は「東北物語」のモバイルサイトのリニューアルです。

セッション時間が70分というかなり少ない時間の中で、IAのエッセンスを注入したワークショップを構成するため、なかなか難しい作業でしたが「コンテクストを整理する」という部分にフォーカスして話ができるようにしました。ここで言うコンテクストとは「目的・ユーザー・コンテンツ」を指しています。

ディスカッション

途中で、いくつかボクのほうから質問を投げさせていただきました。

  • RFP受領時にどういう点を気にするか?
  • サイトの印象はどうか?
  • どういう目的のサイトだと思うか?
  • どういう人が利用するか?
  • いつ利用されるものか?
  • 目的に戻ると、コンセプトはどういうものが考えられるか?
  • コアコンテンツはなにか? コンセプトを考えると足りているか?

やりとりの内容は、森田さんがタイピングしていただいているので、後日整理したものを村越さんのほうでまとめてもらう予定です。

当初は、ホワイトボードを使うことや付箋に書いてマッピングするなども考えていたのですが、進め方の詳細まで事前のすり合わせがしきれなかったことと、思ってたよりも時間が足りないことがわかったため、結果としてはそこまではしない判断をし、パネルディスカッション風なものにしました。

したがって、いくつか反省点はあるものの、コンテクストを決めることの大切さやその際気をつけなければならない客観性コンセプトの重要性などを、参加いただいた皆さんといっしょに共有することができたと思います。

懇親会

懇親会では、「IAシンキング」を持参いただいた大学生もいたり、得丸さんとオムニチャネルについてのお話をしたり、東京でもお会いしたことのある方々ともお話ができたので、とても有意義な時間を過ごすことができました。

また、IAセッションの登壇者どうしでは反省点をふまえて、グレードアップしたものを、和田さんが主催をされている Websig 24/7 とかで再演できればと話をしましたので、以降でまた計画したいと思います。

ボランティア活動

翌日は、南相馬でボランティア活動に参加しました。

ボランティアの概要は、花王本間さんのブログをご覧いただくとわかりますが、はじめてのボランティア参加ということで、だいぶ身構えてしまっていました。

というのも、東北セミボラの募集ページのほうにも書かれていますが、事前に十分な装備が必要な点。まずはボランティア保険への加入。厚手の軍手に、踏抜き防止のワークブーツ。粉塵防止のマスクにゴーグルなどなど。前日に東急ハンズに買出しに行きました。多分こういうことでもないと買わないだろうな、と思う防災グッズの数々。ただ一度揃えてしまえば、東京で震災が起きても安心です。

ボランティアセンター略して「ボラセン」という言葉を聞くのもはじめてでしたが、南相馬ボランティアセンターで事前にオリエン。現地へはバスで向かったのですが、途中に津波被害に遭った箇所をくぐり抜けて到着。細い路地をなんなくすり抜けるバスの運転手に拍手喝采。

一軒家を丸ごと撤収する具合で、付近の雑草や木の伐採からはじまり家屋の荷出し。昼の休憩時には、いったんボラセンに戻りカップヌードルをいただくなどのおもてなしには感動しました。休憩後、最後の荷出しを精一杯やりきって完了。皆で記念写真も撮り、一軒家のオーナーにもご挨拶し帰路。文章にすると数行ではありますが、非常に中身の濃い一日になりました。

今回はじめてボランティア活動に参加したわけですが、なかなかこういう機会でもないと団体活動には参加しない方なので貴重な経験ができました。一度参加しただけではありますが、今後こうしたボランティア活動に対して見る目が変わったと思います。参加してよかったです。そういえば、当日の服装は経験者たちは皆ツナギを着ていたのが印象的だったので、今度参加するときにはツナギを着て参加したいと思いました。

牛タンと仙台

仙台に行くのははじめてだったのですが、到着してからすぐに利久牛タンを食べ(その頃、村越上平ペアは「真助」で牛タン)、ボランティア終了後に喜助牛タンを食べたので、まさに「牛タンではじまり、牛タンで終わる」という経験をすることができました。お土産も「伊達の牛たん」にしたし。

ただ、伊達政宗像に会えず終いだったのが心残りですので、またぜひ行きたいと思います――杜の都仙台へ。ボクの中ではずっと青葉城恋唄が流れていたというのは内緒です ;)


CSS Nite LP33 UI/UX – Bridge Builder

2014年3月29日 (土) に開催したセミナーイベント CSS Nite LP33 「UI /UX」で登壇しました。当日はとてもいい天気で、桜が満開に近かったです。

CSS Nite LP33 UI/UX撮影: 飯田昌之

登壇者は7名で、クックパッド池田さんソシオメディア上野さんチャットワーク新免さんツクロア秋葉さんグッドパッチ土屋さんギルド深津さんといった、とても豪華な講師陣でした。テーマは「UI/UX」と最近よく耳にするテーマだったこともあり、参加者も多く240名の会場が満席。再演版も予定しています。

登壇が決まってから、ほかの登壇者が決まっていったこともあり、どういう内容にすべきかかなり頭を悩ましました。当初「IA…」としていたのですが、ほかの登壇者のシナリオやイベント全体の構成を見直して考えたときに、とある会 (なぞ) で話していた結果「Bridge Builder」としました。途中で変更したため、取り消し線が引かれています (汗)。

実は、とある会にいたヤスヒサさんも「デザインにある繋げること、導くこと」という記事で、同じようなことに触れているのが興味深い。

プレゼンテーション

Bridge Builder とはWeb情報アーキテクチャの著者の一人 Pete Morville のブログ「Information Architect」から拝借したものです。

ボクは今回のイベントテーマにもある「UI」と「UX」には「」があると考えます。UXからインプットを得てUIを作る場合、UIを利用することでUXを作る場合とがあります。立場によって、そのワードに対する心象は異なるため、そうした視点の違いとして紹介できればと思いました。

イベントの構成としても、UXの専門家がいる一方UIの専門家がいます。それを考えると、それらをつなぐことがボクの役割であり、それ自体が「IA」と呼べないだろうか、そういうふうに考えて構成を練りました。

アジェンダは、以下の4つです。トップバッターということもあり、イベント全体のオーバービュー的な位置づけにもなればと思いました。

  • ブリッジビルダーとは
  • ジャーニーマップの要求整理
  • タッチポイントのデザイン
  • デザインパターンの活用

ブリッジビルダーとは

物事にはいつも2つの視点があります。上司と部下、クライアントとパートナー、そしてデザイナーとエンジニアなどまで。そうした視点の違いはどこでもあることだと思いますが、それを片側だけを聞いて「違う」と判断するのは早合点だと思います。さまざまな視点を前提としたコミュニケーションが求められます。

ジャーニーマップの要求整理

ジャーニーマップはなぜ作成するのか? その答えは「要求事項」にこれまで出てこなかったことを明らかにすることです。これまでの方法で明らかにできるのであれば、ジャーニーマップは作成する必要はありません。これまで出てこなかったこととは「クロスチャンネル・タッチポイント・マルチスクリーン」の3つになります。

タッチポイントのデザイン

マーケティング全般において、Webサイトやアプリは1つのプロダクトに過ぎません。ただし、サービスエクスペリエンスを考えると、そのプロダクトの持つタッチポイントは重要なキーファクターになります。したがって、プロダクト全体をリニューアルする考え方から、サービス全体を見直しその接点をリデザインするという考え方に変える必要があります。

デザインパターンの活用

抽象的な物事を具現化するのは高度なことです。それを助けてくれるのがデザイナーやエンジニアとの共通言語になります。またそれを視覚的にも支援する手段として、デザインパターンの活用が考えられます。IAパターンUIパターンとで説明しました。

講演ログ

今回は、講演ログを Storify でまとめてみましたので、こちらも合わせてご覧ください。CSS Nite 公式アカウントによるツイートや、関連情報などをまとめています。その他の登壇者のお話も面白すぎたので、別途書こうと思います。

今回、一番驚いたのが運営側のプロ意識の高さです。鷹野さんはじめ運営スタッフの皆さんはとても意識が高いのを感じました。まず、豪華な講師陣と説明しましたが、みなさん忙しい中スライドを準備していますが、鷹野さんチェックにより、細部にまで校正が入ります。文字が小さくて読みづらい、文章がおかしい、色のコントラストが弱いなど。ボクもフォントがおかしい点を指摘され、全て直しました。

CSS Nite は、5年前に一度「IAスペシャル」で登壇して以来でしたので、はじめどうなるかと思ったのですが、後半に畳み掛ける「プロトタイピング」のお話はおおいに盛り上がり、決してほかでは聞けない貴重な機会になりました。アンケートも見させていただきましたが、参加された方々の理解力に助けられたところがあるなと正直思いました。本当にありがとうございました。

個人的には、Prott 絶賛ベータ版公開中の土屋さんとお話ができたのでとても楽しかったです。

再演版

再演版を 4/26 (土) に予定しています。こちらはまだ空席があるそうなので、参加できなかった方はぜひお申し込みください。


small IA manifesto

small IA manifesto

Small IA 宣言――個人的には、こういうアプローチを明示することが一番わかりやすいと思います。

4月頭に、Web広告研究会でIAセッションを実施するのですが、そのすり合わせの会で、ツルカメの森田さん・GREEの村越さん・インテリジェントネットの和田さん・専修大の上平さん・日本アドバタイザーズ協会の林さんとでそうした議論があったのでボクの意見を加えてブログに書いてみます。

最近「サービスデザイン」や「UX」で語られる内容を聞いていても個人的には「?」なことが多いので、そうした考えをオープンにしてみようと思います。

ボクの手元では、いわゆるワイヤーフレームを設計している中で衝突する問題と対峙していることが多いです。そのため、その問題解決方法としてのワイヤーフレームの設計は「」が付くくらい重要です。

そんな中で、サービスデザインやUXの話を聞くと正直むず痒くて仕方ありません。多分「サービスデザイン」という一般的な言葉が余計にそうさしているのかも知れませんが、そのサービスを実現するためのUIはどうなるのか、さまざま事象を通じて顧客との接点を形作る1つのアプローチになることは間違いないわけなので、それが描けてこそデザインになるのだと思います。抽象的な概念を経たうえで、「結局、この画面はどうなるんですか?」が具体的に描けないと絵に描いた餅になってしまいます。

言葉としても「サービスエクスペリエンス(SX)」という言葉のほうが妥当性があるようにも思えます。ボクの仕事は、いわゆるサイトやウェブのプロダクトを制作していることもあるので、さしづめ「プロダクトエクスペリエンス(PX)」になるのだと思います。

視点の話でもよく話していますが、結局は「あなたの仕事はなんですか?」「あなたが一番したいことはなんですか?」に尽きるのだと思います。いろいろな視点があり、いろいろな考え方があることは自明なので、それ自体は一向に構わないのですが、結局「あなたは何ができますか?」「あなたは具体的に解決策を作ることができますか?」に尽きるのだと思います。

たとえば、今バナーを作っている方が、サービスデザインやUXを学ぶことはいいと思うんです。いいと思いますが、どちらかというと「お前の手元の仕事を完璧にしろよ」と思ってしまいます。それが本質であり、それが仕事だと思うんです。知識はあるといいですが、結局は手元でどう活用するかだと思います。その距離が遠ければ遠いほど、話す価値は薄まり手元の問題には対峙できなくなります。

ワイヤーフレームを描ける人が一番偉い

結局のところボクはそう思っています。実際、ボクの仕事はさまざまな事象を瞬間的にとらえてワイヤーフレームに起こす仕事がほとんどです。その瞬発力は、やはり泥臭い地道な経験でしかないと思います。これまでの経験から、どんな課題でも具体的な解決方法としてワイヤーフレームに落とせると自負しています。それは非常に高度なスキルであり、すぐに出来るものではないと思います。

また、よく Big IA や Small IA で分けられてしまい、Small IA はあまり価値がないように聞こえてしまうことがありますが、それには断固反対したいと思います。

ということで、近々「Small IA summit in Tokyo」を企画したいと思います。

マニフェストになっていませんが、ボクの宣言という意味で ;)


Editor's Note #ugf0308

今回の福井のイベントは、「伝説の二日間」になりました。ということで、記憶が鮮明のうちに書いておこうと思います。帰りの電車で書いています。

前フリだった宇多田ヒカル

まず、前日の晩に関係者で懇親会をしたのですが、そのとき集まった「越前千舟屋」では司会の福嶋さん (大先輩) が親戚の人レベル (なぞ) で対応していたことと、同じく司会の中尾さんのUst番組「しゃべくりクマトーク」で盛り上がったことが記憶にあります。

そして、なんといっても店でかかっていた宇多田ヒカルの曲がヘビーローテーションでおそろしく低音が効いていたことが、その場にいた全員の耳に記憶が残っています。講演スライドで、宇多田ヒカルさんのサイトを題材に使ったのは実はこの前フリ (なぞ) が前日にあったためです。

宇多田ヒカルのサイトを題材にしたスライド

登壇者の方々とは今回はじめてお会いしたのですが、その後すぐに駅前の「秋吉」に行くことができていろいろ共有することができました。

その後、中川さんたちは「岩ちゃんラーメン」に行ったそうですが、フェニックス組のボクと田口さんはホテルに戻りスライドの最終調整をすることになりました。あとで聞いたら、ボクのiPhoneのWi-Fiテザリングを田口さんの部屋からも確認できたそうです。

当日朝9時半に福井駅に集合だったのですが、同じホテルの田口さんが遅刻するという珍事もありました。会場に向かう途中、車の中から雪景色をうまく撮れてほくそ笑んだのを覚えています。

イベント会場に到着後には、段取り上手な中川さんがテックリハを声高に仕切っているのが面白かったです。

冗舌! しゃべくりクマトーク

乾杯の挨拶を中川さんが務めた「ふくい産業支援センター」での懇親会では、マッシュアップアワードでグランプリ「melocy」のヤマモりんさんと込み入ったお話ができたり、富山県から参加の方々とは勉強会の計画などをお話することができました。

二次会に向かう車中では、偶然松尾さんとしっぽりお話をすることができました。印象に残っているのは、松尾教授についてご存知の方であればわかると思うのですが、ボクから「松尾教授のTwitterアカウントとかあるといいですね?」と聞いてみたところ、松尾さんは「そうですね」と軽く返事をするかと思いきや「彼に聞いてみます」とさらっと言ってのけたのです! これにはもう脱帽 ;)

二次会では、おもいのほか食べるのに苦労したカニを横目にベトベトになった手で muuk を撮ってまわりにいた人たちに広めてました (なぞ)。終盤には、中尾さんらが田口さんと「しゃべくりクマトーク」の生収録をしている最中で、ボクも呼んでいただけました。多分見ないほうがいいんじゃないかな、と思うくらいだいぶ突っ込んで話をしてますが、ボクの声がかなり聞き取りにくいです。もし興味がある方はご覧ください…(24:32ごろに登場します)。

伝説のジャムセッション

三次会は「秋吉」ということで、行く人(10人以上)徒歩で移動していたのですが途中で諦めることになり少し戻ってバー「Jake」に。ミュージシャンのオーナー(芹沢信治さん)ということで、ステージが半分ある店内で飲みつつしゃべっていたら中川さんが爆睡しだし…そして満を持してオーナーが演奏をしてもらうことになりました。ただのウエイトレスだった女性もマイクを持ち、なんとも愉快なオンステージで楽しませていただきました。

そんな中、ウェブライダーの松尾さんがピアノが弾けるということで、急遽ステージへ。ウォーミングアップだと思う演奏も「ガチやん」と思わずにはいられない上手さで「何ライダーやねん」というツッコミもそこそこに、「楽器とかできる人」の話になったあげく、ボクも「タンバリンならできるけど…」と言ってしまったため、急遽ボクもステージに上がることになりました。

しかし、タンバリンがなかったため、鈴とトライアングルを渡され…。こうして、その日だけの伝説のジャムセッションが実現することになりました。もちろん、わかりにくいけど田口さんらも参加してます。

ピアノ: 松尾さん
トライアングル: 坂本
パーカッション: 田口さん
鈴: 上坂さん
カメラ: 中川さん
ボーカル: ノノカさん
ベース: シンジさん
ギター: ウッチャンさん

秋吉のパワー

ジャムセッションも無事終了し、歌手の方とも記念写真を撮り、そこからまた「秋吉」に14名くらいで繰り出したわけです。このときにはもう23時は過ぎてたと思うのですが、こんな時間でも満席になる秋吉のパワーを実感。

中川さんのプレゼンにもあった「おしいっ」「そうくるかー」と言う、マイナスをプラスに受け取れる日本語講座もあり、通ならわかる「ハンバーグ」と「ミックスキャベツ」を実食し、下ネタも入り高校生か大学生かと思うような野郎だけの飲み会というヘンなテンションになっていきました。

秋吉

一杯の岩ちゃんラーメン

そして、〈締め〉はやはり「岩ちゃんラーメン」ということになり、すでに3時くらいだったと思うのですが急遽全員で向かったのですが、もう終わってしまっていました。ただ、奇跡的に1杯だけ残しておいてもらえたので、はじめてというのもあり、みんなで回し飲みならぬ回しラーメンで一口ずついただきました。

想像よりパンチのあるラーメンで、ホカホカになって解散となりました。あの味は忘れない気がします。そのあとも飲みに行くかと一瞬なったのですが、店に入れず、ある意味みんなホっとしてホテルに帰りましたとさ。

翌朝

翌朝、気づいたらチェックアウト時刻が間近に迫った10時半で急いでチェックアウトをしたそのとき、一枚の伝言メッセージを受取りました。

伝言メッセージ

田口さん、最後まで律儀な方でした ;)

もういろいろなことがありすぎて、書いていても全部書けてるかビミョーですが、とりあえずこんな感じでしたとさ。

ここまで読んでくださった方ありがとうございました。また福井に行きたいなあ (ぼそ)。