Naoko Kawachi's blog

ホームパーティ

そういや、voxの存在を忘れていたよ。。久しぶりの更新です。メモ的エントリーだけど。

10/5土曜日に、同僚のアッキーが彼氏さんと一緒に我が家に遊びにきたので、そのお料理たち〜。
（我が家には色んな人が遊びに来てくれるけど、お料理がかぶらないようにしたいから、メモを残しておきたいのー）

とりあえずつまめる物たち

・とりあえずつまめる物
⇒kiriとかブルサンとかキューブチーズといったチーズ類、スタッフドオリーブ、ハム巻きピクルス、ナッツ、ビスケット

チビラーシカサラダ

・チビラーシカ特製サラダ
⇒アスパラガス、レタス、ブラックオリーブ、モロッコいんげん、コーン、ベビーコーン、赤ピーマン、黄ピーマン、ツナ缶、ゆで卵、バルサミコ、ハニー、S&P、オリーブオイル

・豆腐とアンチョビのスープ
⇒豆腐、水、ケッパー、アンチョビ、刻みパセリ、オリーブオイル、S&P

インチキッシュ

・インチキッシュ
⇒サンドイッチ用みみなし食パン、ほうれん草、ベーコン、しめじ、卵、生クリーム、S&P、パルメザン、ピザ用チーズ、バター
※食パンで生地を作るというインチキをして作るキッシュなので、インチキッシュですwwアメリカ生活ぶりぐらいで作った〜。

豚バラのビール煮

・豚バラのビール煮
⇒豚バラブロック、玉ねぎ、ローレル、黒胡椒粒、ニンニク、ショウガ、ビール、砂糖、バター

玉ねぎの鶏海老オーブン焼

・玉ねぎの鶏海老オーブン焼
⇒玉ねぎ、鶏もも肉、海老、ベーコン、パセリ、マヨネーズ、粒マスタード

あまりにお腹いっぱいになったので登場しなかったんだけど、アボカドディップも作りました。あと、パーティの時写真撮り忘れたけど、ウニイカタラコスパゲッティも作りました。アボカドディップと、若干残ったスパゲッティを翌日のランチに食べる時に撮った写真がこれ↓↓

今日のランチ

満腹ぷくぷく★

次のホームパーティでは何つくろっかな〜。

Join IA Cocktail Hour Tokyo

すっかり書き忘れてました、voxに。
インフォメーションアーキテクトの方も、情報アーキテクチャに関心を持っている方も、万障お繰り合わせの上、ご参加ください★

【IA Cocktail Hour Tokyo】
開催日時：2008年9月26日（金）20:00〜22:00
場所：渋谷周辺（※未定）
参加費用：4,000円程度（※人数により調整）
主催：IAI-JP、IAAJ

今回は、申し込み締切が25日朝となっていますので、参加したーい！という人はネットイヤー坂本さん宛に連絡してください。 （すみません、あと数時間しかないタイミングの告知で・・・）
http://www.bookslope.jp/blog/2008/09/iacocktailhour08092.html

これまでに開催したIA Cocktail Hour(Party)の開催報告もあわせてご覧ください〜。
・IA Cocktail Party Tokyo Vol. 1開催報告（2008/7/29開催）
・IA Cocktail Party開催報告（2008/6/13開催）

・番外編　IA Cocktail Hour Tokyo(F2F: Dan Saffer氏を囲む会)

Webプロジェクトマネジメント

今日は銀座のアップルストアで行われたCSSNiteに行ってきました。

ロフトワークの林千晶さんと富士通の髙橋宏祐さんの共著『Webプロジェクトマネジメント標準 PMBOK(R)でワンランク上のWebディレクションを目指す』の出版記念的なイベントでした。

WebPM

千晶さんの講演では、本の中で千晶さんが担当された、PMBOKの基本部分についてのエッセンスが話され、また髙橋さんの講演では、髙橋さんが担当された、PMの資質的な部分に関する要点が話されました。

本を読んで、そして講演を聞いて思ったことは、マネジメント（管理）というと、ルールでがんじがらめにされる、あるいは統制下に置かれるというようなイメージがあるけれど、PMBOKをベースとしたプロジェクトマネジメントは、体系化された9つの知識エリアでガチガチに固めてしまう融通の効かないものではなく、むしろ柔軟性のスキルであるということ。計画は大事だけどプロジェクトが最後までその計画通りに進むことはあまりないし、計画通りに進めることが本来の目的でもないので、生じる変更に対して柔軟に対応できるようになるためのスキルだな、と。

また、柔軟に対応できるようになるためには、技術やノウハウを知っているだけではダメで、コンピテンシー（行動、振る舞い、判断力）を磨いて、実行力を高めることが大事で、実行できるかできないかがカギだ、ということも、髙橋さんの話の中でありました。つまり、「知る」「分かる」「できる」の3つが揃ってこそ、ということ。

多分、PMBOKやプロジェクトマネジメントを勉強していなくても、多少規模の大きいWebサイト構築（どちらかといえばWebアプリケーション開発）とかに携わったことがある人なら、状況の要請から、PMBOKで定義されているようなプロセスやアウトプットについては、感覚的にできているような気がするので、特にPMBOKをクリエイティブの現場に持ってきました、と言われても目新しさ感はないと思うんだけど、チラシ的（または雑誌編集記事的）ホームページ、といったWebプロジェクトしかやったことがない、という人にとっては、新しいと思える内容なのかも。

フレームワークとしてPMBOKを知っているに越したことはないけど、とはいえ、プロジェクトをマネジメントできることと、Webを作れるかどうかはまた別問題だし、プロジェクトマネジメントはエンドユーザーにとってはどうでもいいことなわけなので、プロジェクトマネジメントが完璧にできたとしても、プロジェクトが成功する、ユーザーの満足度が上がる、とは限らないっていうところが罠って思いました〜ww

本日の夜ご飯（9/16）

気づいたら超久しぶりになってしまった。。
というわけで、今日は和な感じで。

2008/09/16

・きのこの炊き込みご飯
⇒米、しめじ、生椎茸、三つ葉、だし汁、しょうゆ、酒、みりん、塩

・牛肉のお味噌汁
⇒しゃぶしゃぶ用牛肉、冷凍和風野菜（れんこん、ごぼう、タケノコ、里芋、人参、椎茸など）、ネギ、生椎茸、酒、砂糖、味噌、だし汁

・大根のステーキ
⇒大根、茄子、いんげん、酒、砂糖、テンメンジャン、豆板醤、ゴマ油

本日の夜ご飯（9/8）

月曜日は朝から出社し、ランチをとらずにそのまま働いて、MTGとかなければ16時頃に会社を出ることにしている（そうだったのか！）。

そういうわけで16:30頃会社を出る頃にはお腹が減ったので、帰り道に渋谷東急Foodshowのだし茶漬け屋さんに寄ってお茶漬けをカッ喰らった。お気に入りの冷汁。カボチャのそぼろ煮とか豆腐とかお漬け物とかもついてるww。注文するとあっという間に出てくるスピーディーさも◎。そうこうして17時前という変な時間に食べていると旦那さまから「もう帰る〜」と天真爛漫な（？）メールが来た。こんな時間に退社する私も私だが、旦那も旦那である。しかも、旦那さまもランチが遅かったらしく、夜ご飯は軽めに麺類かなんかでいいらしい。それはちょうどいい！

せっかくなので、Foodshowであげまんじゅうとか買ってから、急いで帰宅。ほんとはスーパーでお買い物して帰ろうと思ったんだけど、面倒だったので中止。

あげまんじゅうは夕方のうちに食べちゃった。で、21時頃になって旦那さまがお腹が空いたというので麺類を作ることに。
とはいえ、お買い物してないんだからたいしたものがない。そんな時、咄嗟に「食べたい！」って思ってしまったのがじゃじゃ麺。盛岡とかが有名なやつね。

うーん、何となくの味しか覚えてないけど作れる気がする。でもひき肉のストックないしな・・・。とか思って思いついたのが、これ！麻婆茄子の素を使った、なんちゃってじゃじゃ麺。ひき肉はなかったけど、常備菜として作り置きしてる万能肉味噌が少しあったのでそれを足してボリュームアップ。これはなかなかいける！

じゃじゃ麺風創作麺(9/8)

・じゃじゃ麺風創作麺
⇒うどん、茄子、きゅうり、卵黄、麻婆茄子の素、作り置き万能肉味噌

麻婆茄子を献立のメインにする時は、市販の素とか使わずソースも自分で作っちゃうけど、インチキじゃじゃ麺作る時は市販の素でいい気がする〜。キュウリの切り方が雑だけど気にしな〜い！

みなさんも、ぜひお試しを♪

しかし、夕方にお茶漬け定食をがっつり食べときながら、普通に夜ご飯も食べれちゃう自分の食欲が怖い（＞＜）

IA Cocktail Hour Tokyo(F2F: Dan Saffer氏を囲む会)

というわけで、DESIGN IT! FORUM 2008終了後の8月23日夜、IA Cocktail Hour Tokyoが開かれました。

イベントの後だからか、使用言語が英語だからか、事前告知が行き渡らなかったためか、いつものIA Cocktail Party vol. 0、Vol.1 とは雰囲気が全然違って、こじんまりとした感じでした。

しかも、私は離れて座っていたので、ほぼDanさんとは話せなかったため、どんなIAな話がされていたのかは不明です（おいっ）。

とりあえず（？）、Danさんの著書『インタラクションデザインの教科書 (DESIGN IT! BOOKS) 』にサインだけしてもらいました。DESIGN IT! FORUM中のサイン会には並ばない悪い子です（謎）

DSC_0001

NAOKO-
You will always design well after reading this! :-)
May all your designs be as beautiful as you!

お店の人に記念写真を撮ってもらいました。

2788814295_9ce34c4a19

Danさんの本は、DESIGN IT! FORUMに行った人は、セッションの内容をより理解するのにも役立つし、行けなかった人も、純粋にインタラクションデザインについて学ぶのに良さそうですよ。実際、Danさんが大学の学部生向けのクラスでテキストとして使ってたようですし。写真とかいっぱいあるので読みやすいです〜。

designing for interaction

DESIGN IT! FORUM 2008 [6]

DAY2: セッション6
インタラクティブジェスチャー
-タップはクリックの新しいかたち
by Dan Saffer, Adaptive Path社（米国）インタラクションデザイナー

We're using bodies evolved for hunting, gathering, and gratuitous violence for information age tasks like word processing and spreadsheet tweaking. - David Liddle.
（狩猟などのために進化してきた身体能力を、今やクリックにしか使ってない）

Gesture:
any physical movement that can be sensed and responded to by a digital system without the aid of a traditional input device such as a mouse or stylus.

Two types of interactive gestures:
- Touchscreen: direct
- Free-form: in-direct

Sensors
common sensors
- Pressure
- Light
- Proximity
- Acoustic
- Tilt
- Motion
- Orientation

sensibility of sensor is crucial
 too reactive VS too dull

Kinesiology & Physiology
Interaction designer has to know the limitation of human body.

Touch events & targets
Remember Fitts' Law
Time it takes to get to a target = distance to target / size of target

Two touch target tricks
-Iceberg tips: touch target is larger than icon
-Adaptive targets: 入力予測により特定のキーのtouch targetをenlargeしておく

Prototyping gestures
Low-fidelity:
Paper prototype, The "man behind the curtain"（黒子による動き）, Environments

High-fidelity:
Exact, Off-the-Shelf（既製品の活用）, Do It Yourself

Communicating interactive gestures

3zones

Attraction:
何かなーと思ってみてしまうような誘因性

Observation:
watch people using it to see how it works

Interaction:
very close. これで何ができるのかな、と触ってみる。通常、馴染みがないものは触るのを躊躇する。

Attraction Affordance:
can't help touching.

Determining the appropriate gesture
Three part equation
1. The available sensors and input devices
2. The task that needs to be performed
3. The physiology of the human body

- The more complicated the gesture, the fewer people who will be able to perform it.

- The complexity of the gesture should match the complexity of the task at hand.

The best designs are those that "dissolve into behavior."
- Naoto Fukasawa

DESIGN IT! FORUM 2008 [5]

DAY2: セッション5
ソシオメディアにおけるインタラクションデザインの実践
-デザイン主導のシステム開発メソッド
by ソシオメディア株式会社 チーフ・デザインオフィサー, インタラクションデザイナー 上野学

デザインとユーザーエクスペリエンス
・定性的な利用品質＝ユーザーエクスペリエンス
　⇒ユーザーの状況全体から相対的に生まれる
・デザイン＝ユーザーが知覚するシステム像
　⇒サービスや製品のデザインの善し悪しは、常にユーザーの視点から判断される。
　⇒どんな仕組みで動くか、どれだけ開発に苦労したかはユーザーには関係ない。

デザイン主導のシステム開発の7つのポイント

1. まずデザインコンセプト
2. すぐにユーザーインターフェース
3. デザイン仕様の検討は少人数で
4. 機能や画面を減らす
5. ユーザーを教育しない
6. 常に動く状態にする（Agile）
7. デザインへのアクセス経路を確保する（Waterfall）

1. のデザインコンセプトは、全ての意思決定基準となる。
2. これは賛否両論あるが、結局ユーザーからみたらインターフェースが全てなので、早い段階から見た目を作るのがイイ。
3. デザイン案を囲んで10人以上の人間で仕様検討するのは望ましくない。会議による合意形成を前提としていては、よいデザインは生まれない。
4. 機能が多いことが便利であるとは限らない。ただしンセプとを実現するために必要な機能まで欠落するのでは意味がないので、慎重に。
5. 周知のデザインパターンの利用。ユーザーを教育するのではなく学習させる。
6. コンセプトの実現に必要不可欠な最低限の機能を初期に実装し、動く状態をキープする。
7. 要件定義、設計、実装、テストのどの段階でも常にデザインの手直しができる体制と仕組み作りが必要。

個人的には、3. の少人数でのデザイン仕様検討については、もちろん、利害関係者全員で会議すればいいってものでもないんだけど、かといって、密室的に中心人物で進めてしまうと、納得性が低くなるというか、経緯に関しての合意が取れていないので、後々ひっくり返る可能性があるんではないかと思いました。

DESIGN IT! FORUM 2008 [4]

DAY2: セッション4
アダプティブ・パスにおけるインタラクションデザインの実践
-ケーススタディ：ニューヨーク交通チケット自動販売機、Googleマップ、Microsoft Office 2007
by Dan Saffer, Adaptive Path社（米国）インタラクションデザイナー

Googleマップ
GoogleMaps以前はMAPQUESTが主流だった。

※さらっと流れたのでどんな話だったか忘れた。。

ニューヨーク交通チケット自動販売機

tokenからmetro cardのリプレイスの際の事例
antenna design was assigned to do it

いくつかのチャレンジ
1. variety of users: man, woman, children, and senior
2. not all of them can understand English: visitors from all over the world, even residents
3. follow the accessibility act:  so the physically challenged can use
4. touch screen: client's requirement: totally new to some people

これに対する対応
1. interface design: large and high contrast design
2. very clear task flow

NYmetrocard

興味深かったのは、タッチスクリーンの採用について。NYCからの要件としてタッチスクリーンが挙った時、地下鉄利用者のほとんどは銀行カードを持ってい てタッチスクリーンを使ったことがあると考えられていた。しかしsurveyの結果、40% of NY subway user didn't have bank card and had never used ATM. So Touch Screen was totally new to some people, and it was a big challenge.
 

画面では手が動くアニメーションが使われて「Start」をタッチするよう促しているが、

実際は画面のどこを押してもスタートするよう配慮されている。

またいくつかのデザイン賞も受賞。

適当な写真がなかったので、どっかのサイトから拝借しました。ごめんなさーい。

Microsoft Office 2007

MS OfficeはVer.2以降15年も変わっていなかった。その間、ツールバーやメニューアイテムは増える一方で問題を抱えるようになった。それを解決するためのチャレンジ。

product cycleのどこにいるかによって、orderly（秩序）に行くべきかchaotic（カオス）に行くべきか異なる。また、解決の方法としてpuzzleとmysteryがある。Office2003ではtask barsによる解決が図られたものの、それは根本的な解決にならなかったのは、このpuzzleとmysteryの判断を誤ったため。

puzzle: single solution. 足りないピースを見つければ解決する（if this feature is added, problems can be solved）
mystery: many solutions. not luck of information but much of information is the problem.(what's MS Office, then?)

After all, they collected their users' data.

同じ過ちを犯さないように彼らが行ったことは、

Using data wisely
- Data + Human = Design
- Desirable features with low usage numbers
- Frequently-used features that are hard to get to

Fitt's lawなどを考慮したベストプラクティスを用いることや、同じソフト内でできることであっても、タスクに応じて優先すべきことを考慮すること。When drawing, the work process 's different from typing on WORD/EXCEL. In drawing, TIME<COMFORT.

Q&A session
Q1. そもそも40%のユーザーがバンクカードを持っていないならtouch screenを使う必要があったのか、デザイン背景を知りたい
A1. it was a requirement from NYC in terms of maintenance reason, as far as Dan know. Not designers' reason. Until middle of the project, NYC didn't know 40% people don't have bank card, who don't get used to touch screen. 将来に向けてのデザインという（新しいものにどのように慣れさせるかという）意味では良いチャレンジになったのでは？

Q2. MSがribbon interfaceにたどりつくまでのプロセスについて知りたい
A2. noticed there's problem > getting data > (1.5years) > reached to ribbon idea > (2-3 years in design) > iteration, iteration > finally employed ribbon  > development(1-2 years). Start with WORD then expand to other products.

Q3. IAとの共通性を感じたが、web designからproduct designに移ってきたように感じる。そのコツは？
A3. どんなwebも、structureもdesignも必要。becoming more application-like. Applications on Web >> Applications on Desktop. MS Officeでも構造の枠組みの中にあるが、1つにまとめる理念みたいなものが必要。interaction designではmetaphorがより必要。

Q4. MS Officeのように長くある製品では、ラディカルで新しい考えを持ち込むのは相当ハードルが高かったのではないかと思うが、ブレークスルーは何だったのか？
A4. not sure, but surprisingly easy. 不満が噴出してとにかくやらざるを得ない状況だったからではないか。

本日の夜ご飯（9/1）

最近ご飯記事書いてなかったな。。

2008/09/01

・天津飯風ご飯
⇒卵、グリーンピース、酒、みりん、砂糖、醤油、黒酢、塩、だし汁、水溶き片栗粉
カニ缶を入れた卵焼を作ろうと思ったんだけど、その他のおかずにお肉がけっこう入って動物性タンパク質ばっかりになっちゃうぜー、と思ってかに玉はやめたので貧乏仕様。むしろ、卵なしでも甘酢あんをご飯にかけただけでも雰囲気は味わえるのかも（謎）

・豆腐ステーキ
⇒豆腐、豚肉、しめじ、長ネギ、水、酒、オイスターソース、塩、小麦粉、水溶き片栗粉
牛肉のストックがステーキ用しかなかったのでとりあえず豚肉で。

・手羽先スープ
⇒手羽先、人参、長ネギ、中華あじ（調味料）、酒、塩
たいした味付けはしないんだけど、超カンタンだし、けっこう美味しかった。コラーゲンたっぷり風〜。

しかし、今日はちょっと野菜足りないな。。。