プロジェクトを成功させる、初心者向けディレクション７つのこと ~あるあるな“困ったこと“の解決方法~

MENTA主催オンラインセミナー 「プロジェクトを成功させる、 初⼼者向けディレクション７つのこと」 ~あるあるな“困ったこと“の解決⽅法~ - 公開版 - ※各種ドキュメントに ぼかしが⼊っています ∧∧ ／￣￣￣￣￣ (,,ﾟДﾟ)＜ はじまるよ！ ⊂ ⊃ ＼＿＿＿＿＿ ～| | ,, し`J Webディレクター︓toksato ©toksato All rights reserved.

今⽇のお話の前提 1. “ディレクション初⼼者”向けの内容です 2. 超具体的な内容にしまくりましたので、資料のテンプレートが⼤量に含まれ ています 3. メモは取らなくて⼤丈夫です。話すことのほとんどはスライドにしてありま す。 4. そのため、物凄いスピードでスライドが進みます。（たぶん1枚平均数秒です） 5. このスライドは後⽇PDFとして共有します ©toksato All rights reserved.

もくじ 1. ⾃⼰紹介 2. 初⼼者向けディレクション７つのこと 3. まとめ ©toksato All rights reserved.

⾃⼰紹介 ©toksato All rights reserved.

でははじめます ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 ≡ ∧＿∧ ／￣￣￣￣￣￣￣￣￣ ≡（ ´∀｀）＜ 本編お待たせ♪ ≡ （ つ＝つ ＼＿＿＿＿＿＿＿＿＿ ≡｜ ｜ |＼ ≡（_＿）＿）＼ ≡ ◎￣￣￣￣◎ ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 プロジェクトを進めていると、だいたいこんなことが起こる ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 競合他社と⽐べてダサいんで、せめ て負けてないレベルにお願い スマホでの直帰率が⾼い︕そこ が問題なんだよ え〜、SNSとの連携機能がある といいと思う〜、だって集客が ⼤事じゃないですかぁ〜 元気があれば、なんでもできる 無駄なお問い合わせが頻発し、 問題となっております ※当然ですが写真はすべてイメージです。写っているご本⼈とはなんら関係ありません ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 競合他社と⽐べてダサいんで、せめ て負けてないレベルにお願い スマホでの直帰率が⾼い︕そこ が問題なんだよ え〜、SNSとの連携機能がある といいと思う〜、だって集客が そんなときは、まずこう捉える。 ⼤事じゃないですかぁ〜 元気があれば、なんでもできる 無駄なお問い合わせが頻発し、 問題となっております ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 競合他社と⽐べてダサいんで、せめ て負けてないレベルにお願い スマホでの直帰率が⾼い︕そこ が問題なんだよ え〜、SNSとの連携機能がある といいと思う〜、だって集客が ⼤事じゃないですかぁ〜 ちっ、うるせぇな( ﾟдﾟ) 元気があれば、なんでもできる 無駄なお問い合わせが頻発し、 問題となっております ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 どうしてこんなことになってしまうのか ﾊﾃ(゜-゜) ﾅｾﾞﾀﾞﾛ ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 さて、あなたはこれから 旅 に出ることにしました 有無は⾔わせない ＼ど ーん |￣￣￣￣￣￣￣￣| | 行きますよ | |＿＿＿＿＿＿＿＿| ∧∧ || ( ﾟдﾟ)|| / づΦ ／ ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 東京から熱海に⾏きます。 どう⾏きますか。 ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 いくらで︖ 何時に︖ どんな ルートで︖ 東京から熱海に⾏きます。 どう⾏きますか。 ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 ＼じ ゃじ ゃ ーん ／ ← 使いますね︖ ※Yahoo!路線情報（https://transit.yahoo.co.jp/）より引⽤ ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 使ってみましょう︕︕ ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 熱海に約30分でつけちゃう( ﾟдﾟ)ﾎﾟｶｰﾝ ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 これは正しい⾏き⽅︖ ⇨いえいえ、こんなことを⾔われます 熱海に約30分でつけちゃう( ﾟдﾟ)ﾎﾟｶｰﾝ ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 遅くない︖もっと早く出るべきだろ お⾦使いすぎだろ︕在来線でも いけるだろ︖ え〜、どうせならぁ〜、箱根に 寄ったりして〜芦ノ湖で遊んで から⾏くといいと思いまぁす 元気があれば、どこでも⾏ける 回数券を利⽤すればもっと割 安で移動可能です ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 遅くない︖もっと早く出るべきだろ お⾦使いすぎだろ︕在来線でも いけるだろ︖ え〜、どうせならぁ〜、箱根に 寄ったりして〜芦ノ湖で遊んで から⾏くといいと思いまぁす ちっ、うるせぇな( ﾟдﾟ) 元気があれば、どこでも⾏ける ←おやくそく 回数券を利⽤すればもっと割 安で移動可能です ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 もうおわかりですね︖ そう、⽬的を正しく定めてないから、こうなるのです。 ©toksato All rights reserved.

旅の⽬的とは︖ ０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 道中に寄る場所がありますか︖ プライベートの旅⾏ですか︖ 予算はどれくらいですか︖ 同⾏者は誰ですか︖ 業務での出張ですか︖ 熱海にどんな状態で 着いておくべきですか︖ 前⽇⼊りとかしちゃうんですか︖ ©toksato All rights reserved.

旅の⽬的とは︖ ０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 道中に寄る場所がありますか︖ プライベートの旅⾏ですか︖ 予算はどれくらいですか︖ 同⾏者は誰ですか︖ そもそも、誰が、何のために 熱海にどんな状態で 熱海に⾏きたいんですか︖ 着いておくべきですか︖ 業務での出張ですか︖ 前⽇⼊りとかしちゃうんですか︖ ©toksato All rights reserved.

プロジェクトの⽬的を定めましょう • 公式Webサイトのリニューアル • 直帰率が⾼いので改善する ０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 × × • 採⽤に課題があるので、採⽤数を増やす △ • 採⽤数増加をねらうために、サイトからの応募者数を増やす ◎ 基本的には「ビジネス課題」に⾔及した⽬的にしましょう （WEBも、旅の交通機関も⼿段に過ぎない） ©toksato All rights reserved.

プロジェクトの⽬的を定めましょう • 公式Webサイトのリニューアル • 直帰率が⾼いので改善する ０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 × × さて、これで⽬的を武器にすれば • 採⽤に課題があるので、採⽤数を増やす △ やっと様々な意⾒に反論ができます。 • 採⽤数増加をねらうために、サイトからの応募者数を増やす ◎ 基本的には「ビジネス課題」に⾔及した⽬的にしましょう （WEBも、旅の交通機関も⼿段に過ぎない） ©toksato All rights reserved.

プロジェクトの⽬的を定めましょう ＼久 し • 公式Webサイトのリニューアル • 直帰率が⾼いので改善する × ０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 ぶり の どー ん／ × さて、これで⽬的を武器にすれば • 採⽤に課題があるので、採⽤数を増やす △ やっと様々な意⾒に反論ができます。 • 採⽤数増加をねらうために、サイトからの応募者数を増やす ◎ って、実はこれじゃだめです。 基本的には「ビジネス課題」に⾔及した⽬的にしましょう （WEBも、旅の交通機関も⼿段に過ぎない） ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 もうひとつ、⾜りないものがあるのです マジか(´ω`)ﾀﾘﾅｲﾉﾈ ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 競合他社と⽐べてダサいんで、せめ て負けてないレベルにお願い スマホでの直帰率が⾼い︕そこ が問題なんだよ え〜、SNSとの連携機能がある といいと思う〜、だって集客が ⼤事じゃないですかぁ〜 無駄なお問い合わせが頻発し、 問題となっております 元気があれば、なんでもできる 実は、たとえば「採⽤」を課題とした場合、 このふたつはどちらか⽚⽅を切ることができない（ことが多い）です どちらもあながち否定しきれないことがあるし、かといって両⽅はできないことも ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 プロジェクトなんて、最終的にはギャンブルです 経営もそゆとこあるな(*´з`) (ﾟДﾟ)ウッソォ! ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 プロジェクトなんて、最終的にはギャンブルです 経営もそゆとこあるな(*´з`) (ﾟДﾟ)ウッソォ! 調査をしたり、分析したり、PDCAまわしてわかるのは だいたい「失敗する⽅向」です。 絶対に成功する⽅向なんて、まずわかりません。 ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 つまり、 簡単に⾔うと 「誰の⾔うことを聞くか」 誰の覚悟でギャンブルをするか ∩ ( ⌒) ∩_ /ノ ｉ､E) // / /" / /_､_ ／ノ `/ /,_ﾉ`)／／ ( ／ ヽ ｜good luck!! ＼ ＼ を決める必要があるんです。 ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 つまり、 簡単に⾔うと「誰の⾔ うことを聞くか」 誰の覚悟でギャンブルをするか この⼈を「プロジェクトオーナー」と呼びます。 を決める必要があるんです。 ∩ ( ⌒) ∩_ /ノ ｉ､E) // / /" / /_､_ ／ノ `/ /,_ﾉ`)／／ ( ／ ヽ ｜good luck!! ＼ ＼ ©toksato All rights reserved.

まとめますよ︕︕ ０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 • プロジェクトの⽬的を正しく定める • プロジェクトオーナーを決める この⼆つが⼤事ですが、この⼆つに加えてプロジェクトの様々なことを 決めることをこう呼びます。 ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 まとめますよ︕︕ • プロジェクトの⽬的を正しく定める プロジェクト設計 • プロジェクトオーナーを決める 「やっている間にいろんな話が出てきてまとまらなくなる」 この⼆つが⼤事ですが、この⼆つに加えてプロジェクトの様々なことを のは、これをやってないからです。 決めることをこう呼びます。 ©toksato All rights reserved.

０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 プロジェクト設計とは・・・︖ プロジェクトを本格的にスタートする前に、プロジェクトの様々な取り決めや前 提を定義し、共有＆証跡化するものです。 【具体的には以下のようなことを取り決めて資料化します】 • プロジェクトの⽬的 • プロジェクトの期間 • 前提や制約条件 • プロジェクトの概算予算 プロジェクト設計書 • ターゲットスコープ（対象サイトや納品物） • コミュニケーションルール（MTGの頻度や⽇常的 なやり取りの取り決め） • プロジェクト体制図 • ロードマップ（超概算スケジュール） ©toksato All rights reserved.

０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ∩_∩ （´ー`） （ ） | | | （___）__） ／￣￣￣￣￣＼ | ひびく | | | < 企画 | | | | ほしい | ＼＿＿＿＿＿／ ©toksato All rights reserved.

０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 そもそも、なぜ響かないのか︖ ©toksato All rights reserved.

０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 そもそも、なぜ響かないのか︖ • ⾯⽩く無いから・・・(´ω`)ｶﾅ︖︖ • 根拠がないから︖ ０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 • 根拠があれば⾯⽩い︖ • 根拠があるとなぜ⾯⽩い︖ • 儲かる気がするから︖ • 儲かる気がする企画になってないから、響かない︖ ©toksato All rights reserved.

０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 “儲かる気がする”企画とは︖ ０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ©toksato All rights reserved.

０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 “儲かる気がする”企画とは︖ ０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ユーザーに受け⼊れられそう ⾃社に向いていそう 根拠がある 基本的にはこの３つが適っていれば、相⼿に響く企画になるはずです ©toksato All rights reserved.

０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ユーザーに受け⼊れられそう ⾃社に向いていそう 根拠がある ペルソナ カスタマージャーニー ０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 UXフロー ※ http://webtan.forum.impressrd.jp/e/2014/03/24/16722 より引用 ©toksato All rights reserved.

• http://web-

０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ユーザーに受け⼊れられそう ⾃社に向いていそう 根拠がある ペルソナ カスタマージャーニー ０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 誰が UXフロー どう出会い どう使うのか ※ http://webtan.forum.impressrd.jp/e/2014/03/24/16722 より引用 ©toksato All rights reserved.

• http://web-

０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ユーザーに受け⼊れられそう ⾃社に向いていそう 根拠がある 競合＆⾃社サイト調査 ⾃社サイト構造調査 ０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ブランドイメージ調査 ©toksato All rights reserved.

０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ユーザーに受け⼊れられそう アクセスログ分析 ⾃社に向いていそう 根拠がある アンケート調査 ０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ©toksato All rights reserved.

０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ここに掲載したものはあくまで⼀例です ０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 これらのドキュメントを使いこなすための、⼼構えがあります。 ©toksato All rights reserved.

０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ”企て""よう。そう、それはまるで悪の秘密結社のように。 ０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ・悪者は、実は非常に優秀なビジネスマン ・どこの誰を笑顔にしたいか ・その人のどんな問題を解決したいか ・その人の周りには何があるのか ・どんな方法や道具で解決するか ・解決した世界はどんな世界か ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 ∧__∧ （ ´∀｀） 足りない足りない足りない〜 ( O┬O ≡◎-ヽJ┴◎ ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 「⾜りている」とはどういう状態︖ ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 「⾜りている」とはどういう状態︖ ⇨ 必要なものがすべてそろっている状態 ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 「⾜りている」とはどういう状態︖ ⇨ 必要なものがすべてそろっている状態 ⇨ 「プロジェクトの⽬的を達成するため」のものがそろっている状態 ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 「⾜りている」とはどういう状態︖ ⇨ 必要なものがすべてそろっている状態 ⇨ 「プロジェクトの⽬的を達成するため」のものがそろっている状態 ⇨ 正確には「⽬的を達成できる」と”思える”内容になっているとき ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 「⾜りている」とはどういう状態︖ ⇨ 必要なものがすべてそろっている状態 ⇨ 「プロジェクトの⽬的を達成するため」のものがそろっている状態 ⇨ 正確には「⽬的を達成できる」と”思える”内容になっているとき ⇨ ⽬的に対して「理想的な状態」となっていると”思える”とき ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 「⾜りている」とはどういう状態︖ ⇨ 必要なものがすべてそろっている状態 ⇨ 「プロジェクトの⽬的を達成するため」のものがそろっている状態 ⇨ 正確には「⽬的を達成できる」と”思える”内容になっているとき ⇨ ⽬的に対して「理想的な状態」となっていると”思える”とき ⇨ とはいえ、⾮現実的な理想を⾔っても意味がない（できないのは⾜りないと同じ） ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 「⾜りている」とはどういう状態︖ ⇨ 必要なものがすべてそろっている状態 ⇨ 「プロジェクトの⽬的を達成するため」のものがそろっている状態 ⇨ 正確には「⽬的を達成できる」と”思える”内容になっているとき ⇨ ⽬的に対して「理想的な状態」となっていると”思える”とき ⇨ とはいえ、⾮現実的な理想を⾔っても意味がない（できないのは⾜りないと同じ） 「現実的な理想論」 ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 「⾜りている」とはどういう状態︖ 逆に⾔えば、みんなで必死に考えた ⇨ 必要なものがすべてそろっている状態 納得感のある「現実的な理想論」が無いから ⇨ 「プロジェクトの⽬的を達成するため」のものがそろっている状態 ⇨ 正確には「⽬的を達成できる」と”思える”内容になっているとき 後になって「アレコレが⾜りない」と⾔われる ⇨ ⽬的に対して「理想的な状態」となっていると”思える”とき ⇨ とはいえ、⾮現実的な理想を⾔っても意味がない（できないのは⾜りないと同じ） 「現実的な理想論」 ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 「現実的な理想論」の導き出し⽅ 「コンセプト」 「現状」 「課題」 「解決策」＝ ﾏｲﾅｽ あるべき姿 ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 「現実的な理想論」の導き出し⽅ 「コンセプト」と現状を ⽐較し、⾜りない部分を 炙り出す 「⽬的」と「ユーザー」から ふわっと描く”理想の世界観” 現 「コンセプト」 「現状」 「課題」 「解決策」＝ ﾏｲﾅｽ 様々な「現状調査」 で詳にする 実 的 な 理 想 論 あるべき姿 「課題」を解消でき る施策 ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 「現実的な理想論」の導き出し⽅ 「コンセプト」­「現状」→「課題」 →「解決策」＝ あるべき姿 コンセプト定義 ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 「現実的な理想論」の導き出し⽅ 「コンセプト」­「現状」→「課題」 →「解決策」＝ あるべき姿 ※前項で取り扱ったので割愛します ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 「現実的な理想論」の導き出し⽅ 「コンセプト」­「現状」→「課題」 →「解決策」＝ 課題抽出 あるべき姿 対応する解決施策 ©toksato All rights reserved.

０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 「現実的な理想論」の導き出し⽅ 「コンセプト」­「現状」→「課題」 →「解決策」＝ コンセプト定義（再掲） あるべき姿 ステップ展開 基本サイト構造 ©toksato All rights reserved.

０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 |￣￣￣￣￣￣￣￣| | もうウンザリ!!! | |＿＿＿＿＿＿＿＿| ∧∧ || ( ﾟдﾟ)|| / づΦ ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 こんな美しい誤解をしていませんか︖ ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 「良いものをつくれば、喜ばれる」 ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 ＼何 回⽬ かの どー ん／ 「良いものをつくれば、喜ばれる」 むり、むり、むり。 ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 ＼何 回⽬ かの どー ん／ 「良いものをつくれば、喜ばれる」 むしろ、詳細に作り込めば込むほど、 相⼿にはわからない むり、むり、むり。 ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 ＼何 回⽬ かの どー ん／ もっと⾔うと 「良いものをつくれば、喜ばれる」 ぶっちゃけ、あなたが⾔いたいことなど相⼿はどうでもいい。 むしろ、詳細に作り込めば込むほど、 相⼿にはわからない むり、むり、むり。 ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 じゃあどうするぅ︖ ｱﾅﾀﾅｰﾗ(´ε`)ﾄﾞｳｽﾙｩ〜♪ ⇨ 興味があるのは、⾃分にとって良いことがあるかどうかだけ。 ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 じゃあどうするぅ︖ ｱﾅﾀﾅｰﾗ(´ε`)ﾄﾞｳｽﾙｩ〜♪ ⇨ 興味があるのは、⾃分にとって良いことがあるかどうかだけ。 ⇨ "クオリティの⾼いデザイン"は響かない（響くのは”儲かるデザイン”） ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 じゃあどうするぅ︖ ｱﾅﾀﾅｰﾗ(´ε`)ﾄﾞｳｽﾙｩ〜♪ ⇨ 興味があるのは、⾃分にとって良いことがあるかどうかだけ。 ⇨ "クオリティの⾼いデザイン"は響かない（響くのは儲かるデザイン） ⇨ 「相⼿が知りたいこと」「相⼿が興味があること」から始めるべき ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 じゃあどうするぅ︖ ｱﾅﾀﾅｰﾗ(´ε`)ﾄﾞｳｽﾙｩ〜♪ ⇨ 興味があるのは、⾃分にとって良いことがあるかどうかだけ。 ⇨ "クオリティの⾼いデザイン"は響かない（響くのは儲かるデザイン） ⇨ 「相⼿が知りたいこと」「相⼿が興味があること」から始めるべき ⇨ カツラを探している⼈に植⽑の話をしても響かない。 ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 じゃあどうするぅ︖ ｱﾅﾀﾅｰﾗ(´ε`)ﾄﾞｳｽﾙｩ〜♪ ⇨ 興味があるのは、⾃分にとって良いことがあるかどうかだけ。 ⇨ "クオリティの⾼いデザイン"は響かない（響くのは儲かるデザイン） ⇨ 「相⼿が知りたいこと」「相⼿が興味があること」から始めるべき ⇨ カツラを探している⼈に植⽑の話をしても響かない。 ⇨ 「カツラを選びきれない理由は︖」から⼊り、最後に「だからあなたには植⽑の⽅ が向いてるんです」という流れが必要。 ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 じゃあどうするぅ︖ ｱﾅﾀﾅｰﾗ(´ε`)ﾄﾞｳｽﾙｩ〜♪ ⇨ 興味があるのは、⾃分にとって良いことがあるかどうかだけ。 ⇨ "クオリティの⾼いデザイン"は響かない（響くのは儲かるデザイン） ⇨ 「相⼿が知りたいこと」「相⼿が興味があること」から始めるべき ⇨ カツラを探している⼈に植⽑の話をしても響かない。 ⇨ 「カツラを選びきれない理由は︖」から⼊り、最後に「だからあなたには植⽑の⽅ が向いてるんです」という流れが必要。 ⇨ ⾃分の⾔いたいことなど、⼀度捨て去るべき。 ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 じゃあどうするぅ︖ ｱﾅﾀﾅｰﾗ(´ε`)ﾄﾞｳｽﾙｩ〜♪ ⇨ 興味があるのは、⾃分にとって良いことがあるかどうかだけ。 ⇨ "クオリティの⾼いデザイン"は響かない（響くのは儲かるデザイン） ⇨ 「相⼿が知りたいこと」「相⼿が興味があること」から始めるべき ⇨ カツラを探している⼈に植⽑の話をしても響かない。 ⇨ 「カツラを選びきれない理由は︖」から⼊り、最後に「だからあなたには植⽑の⽅ が向いてるんです」という流れが必要。 ⇨ ⾃分の⾔いたいことなど、⼀度捨て去るべき。 「相⼿が知りたい順」で資料をつくるべき ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 じゃあどうするぅ︖ ｱﾅﾀﾅｰﾗ(´ε`)ﾄﾞｳｽﾙｩ〜♪ ⇨ 興味があるのは、⾃分にとって良いことがあるかどうかだけ。 ⇨ "クオリティの⾼いデザイン"は響かない（響くのは儲かるデザイン） ⇨ 「相⼿が知りたいこと」「相⼿が興味があること」から始めるべき ⇨ カツラを探している⼈に植⽑の話をしても響かない。 ⇨ 「カツラを選びきれない理由は︖」から⼊り、最後に「だからあなたには植⽑の⽅ 具体的には︖ が向いてるんです」という流れが必要。 ⇨ ⾃分の⾔いたいことなど、⼀度捨て去るべき。 「相⼿が知りたい順」で資料をつくるべき ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 具体的には・・・・ こういうことです ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 具体的には・・・・ こういうこと こういうことです ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 具体的には・・・・ こういうこと こういうこと こういうことです 具体的には︖ 設計意図を書く( ﾟдﾟ)ﾄﾞﾔｧ ©toksato All rights reserved.

０４．UI設計の⼿法と実践（パターン） ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 具体的には・・・・ こういうこと こういうこと l 何を⾔いたいのかパッと分かるように こういうことです l ⾔いたいことは、相⼿の聞きたいこと l 作りっぱなしにせず、意図を書く l 上から順に説明しない 設計意図を書く( ﾟдﾟ)ﾄﾞﾔｧ ©toksato All rights reserved.

０５．「いつまでたっても修正が終わらない」 △ ( ﾟдﾟ)ｳﾗﾒｼﾔ〜 ( ) )ノ ©toksato All rights reserved.

おまけ ０５．「いつまでたっても修正が終わらない」 この違い、わかりますか︖ 修正 変更 ©toksato All rights reserved.

おまけ ０５．「いつまでたっても修正が終わらない」 この違い、わかりますか︖ 修正 「正しい状態」になおすこと 変更 「正しい状態」を”変える”こと ©toksato All rights reserved.

おまけ ０５．「いつまでたっても修正が終わらない」 この違い、わかりますか︖ 修正 「正しい状態」になおすこと 変更 「正しい状態」を”変える”こと 「修正」は事前に取り決めた「正しい状態」になってないという ことなので、基本的にはすべて受け⼊れるべきです ©toksato All rights reserved.

おまけ ０５．「いつまでたっても修正が終わらない」 この違い、わかりますか︖ 修正 変更 では、「変更」はどうしたらいい︖ 「正しい状態」になおすこと 永遠だよな(*´з`) (ﾟДﾟ)ｲﾔｧｰ! 「正しい状態」を変えること 「修正」は事前に取り決めた「正しい状態」になってないことなの で、基本的にはすべて受け⼊れるべきです ©toksato All rights reserved.

おまけ ０５．「いつまでたっても修正が終わらない」 突然のプリントシール機。 ※セガ公式Twitter https://twitter.com/SEGA̲OFFICIAL/status/1280325841482702849 より引用 ©toksato All rights reserved.

おまけ ０５．「いつまでたっても修正が終わらない」 突然のプリントシール機。 ←こいつ、写真を複数回撮れますね︖ ※セガ公式Twitter https://twitter.com/SEGA̲OFFICIAL/status/1280325841482702849 より引用 ©toksato All rights reserved.

おまけ ０５．「いつまでたっても修正が終わらない」 突然のプリントシール機。 ←こいつ、写真を複数回撮れますね︖ ←ただし、回数を制限しやがりますね︖ ※セガ公式Twitter https://twitter.com/SEGA̲OFFICIAL/status/1280325841482702849 より引用 ©toksato All rights reserved.

おまけ ０５．「いつまでたっても修正が終わらない」 突然のプリントシール機。 ⼈間さまが、回数切らないでどうするの︖ ←こいつ、写真を複数回撮れますね︖ まだプリクラで消耗してるの︖ ←ただし、回数を制限しやがりますね︖ ※セガ公式Twitter https://twitter.com/SEGA̲OFFICIAL/status/1280325841482702849 より引用 ©toksato All rights reserved.

おまけ ０５．「いつまでたっても修正が終わらない」 修正（正しくは変更・調整）回数を制限するには 伝える ⾒積書 伝える プロジェクト設計書 スケジュールに⼊れる WBS（スケジュール） ©toksato All rights reserved.

おまけ ０５．「いつまでたっても修正が終わらない」 スケジュールに⼊れる 修正（正しくは変更・調整） 回数を制限するには 伝える 伝える スケジュールに⼊れる 「確認」と「変更」のセットを含んだ、 ”本当のスケジュール”をつくろう。 ⾒積書 プロジェクト設計書 WBS（スケジュール） ⼤事なのは制限を伝えることではなく、 リリース⽇がそれを前提に組まれていると、理解してもらうこと ©toksato All rights reserved.

０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 打つべし打つべし ∧＿∧ ( ･ω･)＝つ≡つ (っ ≡つ＝つ ./ ) ﾊﾞﾊﾞﾊﾞﾊﾞ ( /￣∪ ©toksato All rights reserved.

おまけ ０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 ミスが多い⼈の「確認しました」は信⽤できない ©toksato All rights reserved.

おまけ ０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 ミスが多い⼈の「確認しました」は信⽤できない それはたぶん、焦点を絞らず眺めているだけだから ©toksato All rights reserved.

おまけ ０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 ←みなさん、学⽣時代に定期テスト 受けましたよね ※東進ドットコム https://www.toshin.com/kyotsutest/suugaku2b̲question̲1.html より引用 ©toksato All rights reserved.

おまけ ０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 学校のテスト 「正解」がある ※東進ドットコム https://www.toshin.com/kyotsutest/suugaku2b̲question̲1.html ←みなさん、学⽣時代に定期テスト ものづくり 受けましたよね 「正解」がない より引用 ©toksato All rights reserved.

おまけ ０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 学校のテスト 「正解」がある ※東進ドットコム https://www.toshin.com/kyotsutest/suugaku2b̲question̲1.html より引用 ←みなさん、学⽣時代に定期テスト ものづくり 受けましたよね ＼ど ー「正解」がない ん／ |￣￣￣￣￣￣￣￣| | ちがいまーす | |＿＿＿＿＿＿＿＿| ∧∧ || ( ﾟдﾟ)|| / づΦ ©toksato All rights reserved.

おまけ ０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 ←このテストだって、時代の流れで 答えが変わることだってある。 ※東進ドットコム https://www.toshin.com/kyotsutest/suugaku2b̲question̲1.html より引用 ©toksato All rights reserved.

おまけ ０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 ←このテストだって、時代の流れで 答えが変わることだってある。 学校の定期テストだって、誰かが先に「正解」を 決めているんですよ。 ※東進ドットコム https://www.toshin.com/kyotsutest/suugaku2b̲question̲1.html より引用 ©toksato All rights reserved.

おまけ ０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 テストの基本 正しい 間違い （OK） （NG） ©toksato All rights reserved.

おまけ ０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 テストの基本 正しい 間違い （OK） （NG） 主 従 誰かが先に 決めている ©toksato All rights reserved.

おまけ ０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 テストの基本 正しい 間違い （OK） （NG） 主 従 誰かが先に 決めている ”正しい”とは何か、間違いとは何か。 すべては「何が正しいか」を決めるところから ©toksato All rights reserved.

おまけ ０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 テストの基本 正しい 間違い （OK） （NG） テスト設計 （＆実施） 主 従 誰かが先に 決めている テストは、まず設計するものなのです。 それをせずに「チェックします」などと⾔うから、漏れがたくさん出る。 ”正しい”とは何か、間違いとは何か。 すべては「何が正しいか」を決めるところから ©toksato All rights reserved.

おまけ ０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 具体的には・・・︖ 開発仕様書 テスト仕様書/結果書 テストやチェックは「どこの」「何を」「どのように」チェックするかを定め、 その結果がどのようにアプトプットされるのかまで設計する ©toksato All rights reserved.

０７．「納品後に”あれは無いの︖”となったり、なかなか褒めてもらえない」 ∧,,∧ ( 'ω' )つ お前は （m9 ＼ 帰ってよし！ ＼ ＼ ))＼ ／／ ＼ ＼ (＿） (＿) ©toksato All rights reserved.

おまけ ０７．「納品後に”あれは無いの︖”となったり、なかなか褒めてもらえない」 そもそも、なぜ褒めてもらえないのか︖ ©toksato All rights reserved.

おまけ ０７．「納品後に”あれは無いの︖”となったり、なかなか褒めてもらえない」 期待を超えてないからです じゃあ期待を下げちゃえ(*´з`) ｵﾏｲ(ﾟДﾟ)ｺﾞﾙｧ! ! ! ©toksato All rights reserved.

おまけ ０７．「納品後に”あれは無いの︖”となったり、なかなか褒めてもらえない」 期待を超えてないからです じゃあ期待を下げちゃえ(*´з`) ｵﾏｲ(ﾟДﾟ)ｺﾞﾙｧ! ! ! いや、合ってますよ ©toksato All rights reserved.

おまけ ０７．「納品後に”あれは無いの︖”となったり、なかなか褒めてもらえない」 全⽶が泣くほど褒められる不良に学ぶ「たまに善⾏最⾼理論」 ⇨ なぜ、不良がたまに良いことをすると絶賛されるのか。それは、期待値が低いから ⇨ ⾼すぎるハードルでは天才︓松本⼈志ですら難しい ⇨ 「期待値をコントロール」することを覚えよう ⇨ ときには”けっこう頑張ってそこです”という事前演出も必要 ⇨ ”何と何と何を、どうやって納品します”これが意外にやられていない ⇨ ”よしなに”で広がる無限⼤の納品物 「期待値をつくり」 「それをちょっと超えて」 「それを表現しよう」 ©toksato All rights reserved.

おまけ ０７．「納品後に”あれは無いの︖”となったり、なかなか褒めてもらえない」 「期待値をつくり」 「それをちょっと超えて」 ＼最 初が 「それを表現しよう」 肝⼼ ︕／ ⾒積書 プロジェクト設計書 ©toksato All rights reserved.

おまけ ０７．「納品後に”あれは無いの︖”となったり、なかなか褒めてもらえない」 「期待値をつくり」 「それをちょっと超えて」 「それを表現しよう」 ⼩さな成果を出す ( ﾟдﾟ)ｷﾘｯ ちょっと 多めにやってあげる ｼｮｳｶﾞﾅｲﾅｧ(*´з`)ﾓｳ ©toksato All rights reserved.

おまけ ０７．「納品後に”あれは無いの︖”となったり、なかなか褒めてもらえない」 「期待値をつくり」 「それをちょっと超えて」 「それを表現しよう」 本当はこうなんですが、 今回は状況を⾒てサービス でやっちゃいました ⇨振り返り会をする • ⽬的はなんだったか︖ ⇨ちゃんと⾔う • 達成できた︖できない︖ プロジェクト レポート • 原因は何︖ • 良かった点は何︖ • 次の展開はどうする︖ • 最後に、ちゃんとお礼を⾔う ©toksato All rights reserved.

まとめ | ｺﾞﾛｺﾞﾛｺﾞﾛｺﾞﾛ |r'⌒X⌒X⌒X⌒X⌒X⌒X⌒X⌒X⌒X⌒X⌒X⌒X⌒X⌒X⌒ヽ ⊂ﾞ⌒ﾞ､∩ |ヽ__乂__乂__乂__乂__乂__乂__乂__乂__乂__乂__乂__乂__乂__乂__ノ ⊂（｡Д｡） ©toksato All rights reserved.

おまけ まとめ まとめなんですが、実は。 ©toksato All rights reserved.

まとめなんですが、実は。 おまけ まとめ ０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 ０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 ０５．「いつまでたっても修正が終わらない」 ０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 ０７．「納品後に”あれは無いの︖”となったり、なかなか褒めてもらえない」 ０１．プロジェクト設計をしようぜ ０２．仮説を⽴てて調査と企画をしようぜ ０３．⾜りないものはないか︖「現実的な理想論」で要件定義と基本設計をしようぜ ０４．詳細な設計をするときこそ、相⼿に伝わる、相⼿が求めるドキュメントを ０５．制作や開発の本当のスケジュールを組もう ０６．テスト設計をちゃんとしようぜ ０７．納品前、納品後の期待値コントロールをしようぜ ©toksato All rights reserved.

おまけ まとめなんですが、実は。 ０１．「やっている間にいろんな話が出てきてまとまらなくなる・・・」 ０２．「響くナイスな企画（Web、デザイン、その資料）がつくれない」 ０３．「後から”あれが⾜りないこれが⾜りない・・・”と⾔われる」 まとめ 実は今⽇の流れがプロジェクトにおける ディレクションの流れ そのままだったりします。 ０４．「ちゃんと作り込んだのに資料やサイトが⾯⽩くない・ピンとこないと⾔われる」 ０５．「いつまでたっても修正が終わらない」 ０６．「ちゃんとテスト（チェック）したのになぜかミスが減らない」 ０７．「納品後に”あれは無いの︖”となったり、なかなか褒めてもらえない」 ０１．プロジェクト設計をしようぜ ０２．仮説を⽴てて調査と企画をしようぜ ０３．⾜りないものはないか︖「現実的な理想論」で要件定義と基本設計をしようぜ ０４．詳細な設計をするときこそ、相⼿に伝わる、相⼿が求めるドキュメントを ０５．制作や開発の本当のスケジュールを組もう ０６．テスト設計をちゃんとしようぜ ０７．納品前、納品後の期待値コントロールをしようぜ ©toksato All rights reserved.

おまけ まとめ おしまい︕ ©toksato All rights reserved.